API tools faq
paste
Advertisement
ramisaaaaa

Untitled

ramisaaaaa
Aug 24th, 2012
50
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.48 KB | None | 0 0
raw download clone embed print report
  1. <!-- originally by dopestgomezanon edited by biebinator permalinks by irrelevantly!-->
  2.  
  3. <html lang="en">
  4.  
  5. <head>
  6.  
  7.  
  8.  
  9. <html lang="en">
  10. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml">
  12. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  13.  
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16.  
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="Close" alt="Close" /></a>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47. <script type="text/javascript">
  48. <!--
  49.  
  50. // Disable Right Click Script
  51.  
  52. function IE(e)
  53. {
  54. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  55. {
  56. return false;
  57. }
  58. }
  59. function NS(e)
  60. {
  61. if (document.layers || (document.getElementById && !document.all))
  62. {
  63. if (e.which == "2" || e.which == "3")
  64. {
  65. return false;
  66. }
  67. }
  68. }
  69. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  70.  
  71. //-->
  72. </script>
  73. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  74. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  75. <meta name="color:Background" content="#ffffff"/>
  76. <meta name="color:Pop up ask Background" content="#ffffff"/>
  77. <meta name="color:Title" content="#292929"/>
  78. <meta name="color:Text" content="#363636"/>
  79. <meta name="color:Link" content="#292929"/>
  80. <meta name="color:scrollbar" content="#727272"/>
  81. <meta name="color:text shadow" content="#000000"/>
  82. <meta name="color:Hover" content="#ddd"/>
  83. <meta name="image:Background" content=""/>
  84. <meta name="image:Sidebar" content=""/>
  85. <meta name="text:POP UP ASK TITLE" content=""/>
  86. <meta name="text:Your url" content="biebinator"/>
  87. <meta name="text: link one" content=""/>
  88. <meta name="text: link one title" content="home"/>
  89. <meta name="text: ASK title" content="MESSAGE"/>
  90. <meta name="text: link three" content=""/>
  91. <meta name="text: link three title" content="fuck"/>
  92. <meta name="text: link four" content=""/>
  93. <meta name="text: link four title" content="fuck"/>
  94. <meta name="text: link five" content=""/>
  95. <meta name="text: link five title" content="fuck"/>
  96. <meta name="if: black hover images" content=""/>
  97.  
  98. </script>
  99.  
  100.  
  101. <div id="idc"><a href="http://biebinator.tumblr.com">theme</a></div>
  102.  
  103. <style type="text/css">
  104.  
  105.  
  106.  
  107. {block:ifblackhoverimages}img{-webkit-filter: grayscale(0);-webkit-transition: opacity 0.9s linear; opacity: 1.0;}img:hover{ -webkit-filter: grayscale(1);-webkit-transition: opacity 0.9s linear; opacity: 1; }{/block:ifblackhoverimages}
  108.  
  109.  
  110. {block:ifblackhoverimages}img{
  111.  
  112. -webkit-transition: opacity 0.8s linear;
  113.  
  114. opacity: 1.0;
  115.  
  116. }
  117. img:hover{
  118.  
  119. -webkit-transition: opacity 0.8s linear;
  120.  
  121. opacity: 0.50;
  122.  
  123. }{/block:ifblackhoverimages}
  124.  
  125.  
  126. #fade { /*--Transparent background layer--*/
  127. display: none; /*--hidden by default--*/
  128. background:#000;
  129. position: fixed; left: 0; top: 0;
  130. width: 100%; height: 100%;
  131. opacity: .3;
  132. z-index: 9999;
  133. }
  134.  
  135. .popup_block{
  136. display: none; /*--hidden by default--*/
  137. background: {color:pop up ask Background};
  138. background-image: url();
  139. padding: 20px;
  140. padding-top: 20px;
  141. float: left;
  142. font-size: 11px;
  143. position: fixed;
  144. top: 50%; left: 50%;
  145. z-index: 99999;
  146. /*--CSS3 Box Shadows--*/
  147. -webkit-box-shadow: 0px 0px 20px #000;
  148. -moz-box-shadow: 0px 0px 20px #000;
  149. box-shadow: 1px 1px 20px #000;
  150. }
  151. img.btn_close {
  152. float: right;
  153. margin: -15px -15px 0 0;
  154. }
  155. *html .popup_block {
  156. position: absolute;
  157.  
  158. }
  159. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  160.  
  161. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  162.  
  163. ::-webkit-scrollbar {width: 6px; height: 4px; background: #eeeeee; border-left: 1px solid #aaaaaa; }
  164.  
  165. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-left: 0px solid}
  166.  
  167. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  168.  
  169. @font-face {
  170. font-family: "dawning";
  171. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  172. }
  173.  
  174. @font-face{ font-family: 'pixel'; font-style: normal; font-weight: normal; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  175.  
  176. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  177.  
  178. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  179.  
  180. body{
  181. margin:5px;
  182. background-color: {color:Background};
  183. background-image:url({image:Background});
  184. background-attachment: fixed;
  185. background-repeat: repeat;
  186. font-family:happy monkey;
  187. line-height: 15px;
  188. font-size: 10px;
  189. color:#000000;
  190. cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  191. }
  192.  
  193. a:link, a:active, a:visited{
  194. color: {color:Link};
  195. text-decoration: none;
  196. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  197. }
  198.  
  199. a:hover{
  200. color:{color:Hover};
  201. text-decoration: none;
  202. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  203. text-shadow:1px 1px 5px {color:text shadow};
  204. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  205. }
  206.  
  207.  
  208. #idc{ position:fixed !important; right:6px; top:26px; font-family: "verdana", cursive; font-size: 10px; line-height:12px; vertical-align: middle; overflow: hidden; background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png); background-repeat:repeat; border:1px solid rgba(0,0,0,0.1); padding:3px; -webkit-border-radius:2px; moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; z-index: 100;}
  209.  
  210. #idc a{color: #fff;}
  211.  
  212. #cunt{width:330px; height:auto;}
  213. {block:PermalinkPage}
  214. width:410px;
  215. {/block:PermalinkPage}
  216. }
  217.  
  218. #center{
  219. padding-top:3px;
  220. padding-bottom:3px;
  221. position:fixed !important;
  222. width:200px;
  223. height:207px;
  224. background-color:#fff;
  225. {block:PermalinkPage}
  226. width:410px;
  227. height:207px;
  228. {/block:PermalinkPage}
  229. }
  230.  
  231. #posts{
  232. float:center;
  233. margin-left: -40px;
  234. {block:indexpage}
  235. width:400px;
  236. {/block:indexpage}
  237. {block:permalinkpage}
  238. width:400px;
  239. {/block:permalinkpage}
  240. margin-left: 424px;
  241. margin-top: 10px;
  242. }
  243.  
  244. #sidebar {
  245. position:fixed !important;
  246. width: 200px;
  247. height:240px;
  248. background-color:transparent;
  249. margin-left: 100px;
  250. margin-top: 100px;
  251. padding:3px;
  252. border: 1px solid #aaa;
  253. border-top-right-radius:0px;
  254. border-bottom-right-radius:0px;
  255. border-top-left-radius:0px;
  256. border-bottom-left-radius:0px;
  257. -moz-box-shadow: 5px 5px 6px rgba(0,0,0,0.6);
  258. -webkit-box-shadow: 5px 5px 6px rgba(0,0,0,0.6);
  259. box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
  260. }
  261.  
  262.  
  263. .entry .perma a{color: #000;}
  264.  
  265. .entry .perma{
  266. position:absolute;
  267. margin-top:-9px;
  268. margin-left:5px;
  269. width:auto;
  270. height:auto;
  271. background-color: #fff;
  272. padding:5px;
  273. overflow:hidden;
  274. font-family: helvetica;
  275. font-size: 10px;
  276. line-height:10px;
  277. text-align:center;
  278. opacity:0.0;
  279. -webkit-transition: all 0.3s linear;
  280. -webkit-transition: all 0.3s linear;
  281. -moz-transition: all 0.3s linear;
  282. transition: all 0.3s linear;
  283. }
  284.  
  285. .entry:hover .perma{
  286. margin-top:7px;
  287. overflow:visible;
  288. -webkit-transition: all 0.3s linear;
  289. -webkit-transition: all 0.3s linear;
  290. -moz-transition: all 0.3s linear;
  291. transition: all 0.3s linear;
  292. }
  293.  
  294.  
  295. .entry .perma2 a{color: #000;}
  296.  
  297. .entry .perma2{
  298. position:absolute;
  299. margin-top:-9px;
  300. margin-left:0px;
  301. width:auto;
  302. height:auto;
  303. background-color: #fff;
  304. padding:5px;
  305. overflow:hidden;
  306. font-family: helvetica;
  307. font-size: 10px;
  308. line-height:10px;
  309. text-align:center;
  310. opacity:0.0;
  311. -webkit-transition: all 0.3s linear;
  312. -webkit-transition: all 0.3s linear;
  313. -moz-transition: all 0.3s linear;
  314. transition: all 0.3s linear;
  315. }
  316.  
  317. .entry:hover .perma2{
  318. margin-top:7px;
  319. overflow:visible;
  320. -webkit-transition: all 0.3s linear;
  321. -webkit-transition: all 0.3s linear;
  322. -moz-transition: all 0.3s linear;
  323. transition: all 0.3s linear;
  324. }
  325.  
  326. .entry .permados{
  327. position:absolute;
  328. margin-top: -12px;
  329. margin-left:4px;
  330. width:auto;
  331. height:auto;
  332. text-transform: none;
  333. background-color:#ffffff;
  334. padding:5px;
  335. overflow:hidden;
  336. font-family: helvetica;
  337. font-size: 10px;
  338. line-height:10px;
  339. text-align:center;
  340. opacity:0.0;
  341. -webkit-transition: all 0.3s linear;
  342. -webkit-transition: all 0.3s linear;
  343. -moz-transition: all 0.3s linear;
  344. transition: all 0.3s linear;
  345. }
  346.  
  347. .entry:hover .permados{
  348. margin-top: 7px;
  349. overflow:visible;
  350. -webkit-transition: all 0.3s linear;
  351. -webkit-transition: all 0.3s linear;
  352. -moz-transition: all 0.3s linear;
  353. transition: all 0.3s linear;
  354. }
  355.  
  356.  
  357. div#desc{
  358. position:fixed !important;
  359. width: 305px;
  360. height: 7px;
  361. opacity: 0.6;
  362. padding-bottom: 5px;
  363. padding-top: 5px;
  364. font color: #000;
  365. margin-top: 360px;
  366. margin-left: 50px;
  367. font-size: 10px;
  368. letter-spacing: 0px;
  369. border: 0px solid #aaa;
  370. background-color:transparent;
  371. font-family:happy monkey;
  372. text-align: left;
  373. line-height: 15px;
  374. border-top-right-radius:0px;
  375. border-bottom-right-radius:0px;
  376. border-top-left-radius:0px;
  377. border-bottom-left-radius:0px;
  378. -webkit-transition: all 0.7s ease-in-out;
  379. -moz-transition: all 0.7s ease-in-out;
  380. -o-transition: all 0.7s ease-in-out;
  381. -ms-transition: all 0.7s ease-in-out;
  382. transition: all 0.7s ease-in-out;
  383.  
  384. }
  385.  
  386.  
  387. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  388. div#desc:hover{
  389. opacity:1.0;
  390. border-top-right-radius:0px;
  391. border-bottom-right-radius:0px;
  392. border-top-left-radius:0px;
  393. border-bottom-left-radius:0px;
  394. -webkit-transition: all 0.7s ease-in-out;
  395. -moz-transition: all 0.7s ease-in-out;
  396. -o-transition: all 0.7s ease-in-out;
  397. -ms-transition: all 0.7s ease-in-out;
  398. transition: all 0.7s ease-in-out;
  399. }
  400. @font-face { font-family: "pauly"; src: url('http://static.tumblr.com/jdjsstr/JGKm7h9ln/neou-thin_1_.otf'); }
  401.  
  402. div#titlebar{
  403. position: fixed !important;
  404. margin-left:3px;
  405. margin-top:-25px;
  406. opacity:.9;
  407. color:{color:Sidebar Title};
  408. text-shadow: 1px 1px 4px #000;
  409. font-family: pauly;
  410. font-size: 40px;
  411. line-height:10px;
  412. z-index: 100;
  413. letter-spacing:0px;
  414. background-color: transparent;
  415. text-transform: uppercase;
  416. text-align: center;
  417. -webkit-transition: all 0.7s ease-in-out;
  418. -moz-transition: all 0.7s ease-in-out;
  419. -o-transition: all 0.7s ease-in-out;
  420. -ms-transition: all 0.7s ease-in-out;
  421. transition: all 0.7s ease-in-out;
  422.  
  423. }
  424. div#titlebar:hover{
  425. opacity:.0;
  426. -webkit-transition: all 0.7s ease-in-out;
  427. -moz-transition: all 0.7s ease-in-out;
  428. -o-transition: all 0.7s ease-in-out;
  429. -ms-transition: all 0.7s ease-in-out;
  430. transition: all 0.7s ease-in-out;
  431.  
  432. }
  433.  
  434.  
  435.  
  436. @font-face { font-family: "playdate"; src: url('http://static.tumblr.com/4yxykdm/XVZlrfl3m/playdate_1_.ttf'); }
  437.  
  438. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  439.  
  440.  
  441. div#links{
  442. position:fixed !important;
  443. width: 208px;
  444. height: 25px;
  445. font color: #aaa;
  446. padding-bottom:2px;
  447. padding-top:2px;
  448. line-height: 23px;
  449. color:{color:Link};
  450. text-shadow:0px 0px 6px #fff;
  451. opacity: 0.9;
  452. margin-top: 300px;
  453. margin-left: 100px;
  454. font-size: 18px;
  455. text-transform:uppercase;
  456. font-family: impsum;
  457. text-align: left;
  458. BACKGROUND-COLOR: #000;
  459. }
  460. div#links:hover{
  461. text-shadow: 0px 0px 1px #fff;
  462. -webkit-transition: all 0.3s linear; opacity: 0.9;
  463. -webkit-transition: all 0.3s linear;
  464. -moz-transition: all 0.3s linear;
  465. transition: all 0.3s linear;
  466. }
  467.  
  468. div#linksbar{
  469. position:fixed !important;
  470. width: 243px;
  471. height: 5px;
  472. font color: #aaa;
  473. padding-bottom:2px;
  474. padding-top:2px;
  475. color:{color:Link};
  476. text-shadow:0px 0px 1px #000;
  477. opacity: 0.9;
  478. margin-top: 80px;
  479. margin-left: 160px;
  480. font-size: 25px;
  481. text-transform:uppercase;
  482. font-family: bebas neue;
  483. text-align: left;
  484. }
  485. div#linksbar:hover{
  486. text-shadow: 1px 3px 3px #000;
  487. -webkit-transition: all 0.3s linear; opacity: 0.9;
  488. -webkit-transition: all 0.3s linear;
  489. -moz-transition: all 0.3s linear;
  490. transition: all 0.3s linear;
  491. }
  492. @font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  493. @font-face { font-family: "existance"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf'); }
  494.  
  495.  
  496. @font-face { font-family: "impsum"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf'); }
  497.  
  498. @font-face { font-family: "lorem"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  499.  
  500. @font-face {
  501. font-family: "caviardreams";
  502. src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf');
  503. }
  504.  
  505. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  506.  
  507.  
  508. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  509.  
  510.  
  511.  
  512.  
  513. #nigga {
  514. opacity:1.0;
  515. margin-left:170px;
  516. margin-top:215px;
  517. width: 200px;
  518. height: 57px;
  519. font-family: impsum;
  520. font-size:8px;
  521. color:#000000;
  522. background-color:transparent;
  523. border-radius: 0px 0px 0px 0px;
  524. text-align:left;
  525. padding:3px;
  526. -webkit-transition: all 0.7s ease-in-out;
  527. -moz-transition: all 0.7s ease-in-out;
  528. -o-transition: all 0.7s ease-in-out;
  529. -ms-transition: all 0.7s ease-in-out;
  530. transition: all 0.7s ease-in-out;
  531. position:fixed;
  532. line-height: 13px;
  533.  
  534. }
  535.  
  536. #nigga:hover {
  537. opacity:1.0;
  538. -webkit-transition: all 0.7s ease-in-out;
  539. -moz-transition: all 0.7s ease-in-out;
  540. -o-transition: all 0.7s ease-in-out;
  541. -ms-transition: all 0.7s ease-in-out;
  542. transition: all 0.7s ease-in-out;
  543.  
  544. }
  545.  
  546.  
  547. h3{
  548. font-family: didact gothic;
  549. font-size:15px;
  550. line-height: 12px;
  551. color: #A78282;
  552. font-weight: normal;
  553. line-height:15px;
  554. letter-spacing: 1px;
  555. font-style: normal;
  556. text-transform: lowercase;
  557. text-align: right;
  558. padding: 0px;
  559. margin:0px;
  560. }
  561.  
  562.  
  563.  
  564. #yo {
  565. opacity:0.1;
  566. margin-left:-92px;
  567. margin-top:-205px;
  568. width: 233px;
  569. height: 40px;
  570. font-family: handy00;
  571. font-size:8px;
  572. color:#000;
  573. background-color:#fff;
  574. border-radius: 0px 0px 0px 0px;
  575. text-align:left;
  576. padding:3px;
  577. -webkit-transition: all 0.7s ease-in-out;
  578. -moz-transition: all 0.7s ease-in-out;
  579. -o-transition: all 0.7s ease-in-out;
  580. -ms-transition: all 0.7s ease-in-out;
  581. transition: all 0.7s ease-in-out;
  582. position:fixed;
  583. line-height: 13px;
  584.  
  585. }
  586.  
  587. #yo:hover {
  588. opacity:.7;
  589. -webkit-transition: all 0.7s ease-in-out;
  590. -moz-transition: all 0.7s ease-in-out;
  591. -o-transition: all 0.7s ease-in-out;
  592. -ms-transition: all 0.7s ease-in-out;
  593. transition: all 0.7s ease-in-out;
  594.  
  595. }
  596. #entry .perma a{
  597. color:;}
  598.  
  599. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  600.  
  601. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  602.  
  603. #permalink {
  604. position: absolute;
  605. margin-top: 8px;
  606. margin-rigth: 1061px;
  607. opacity: 0;
  608. -webkit-transition: all .3s ease;
  609. -moz-transition: all .3s ease;
  610. -o-transition: all .3s ease;
  611. transition: all .3s ease;
  612. }
  613.  
  614. #entry:hover #permalink {
  615. margin-top: 8px;
  616. margin-left: 400px;
  617. opacity: 1;
  618. }
  619. #permalink {
  620. position: absolute;
  621. margin-top: 8px;
  622. margin-rigth: 1061px;
  623. opacity: 0;
  624. -webkit-transition: all .3s ease;
  625. -moz-transition: all .3s ease;
  626. -o-transition: all .3s ease;
  627. transition: all .3s ease;
  628. }
  629. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  630. #entry:hover #permalink {
  631. margin-top: 8px;
  632. margin-left: 205px;
  633. opacity: 1;
  634.  
  635. }
  636.  
  637. .countreblog {
  638. color: #FFFFFF;
  639. letter-spacing:1px;
  640. font-family: tinytots;
  641. text-transform:uppercase;
  642. font-size:8px;
  643. line-height:15px;
  644. margin: 2px;
  645. margin-top: 1px;
  646. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  647. background-repeat:repeat;
  648. border:1px solid rgba(0,0,0,0.1);
  649. padding:3px 5px;
  650. padding-top: 3px;
  651. padding-bottom: 4px;
  652. height: 20px;
  653. -webkit-border-radius:2px;
  654. moz-border-radius:2px;
  655. -o-border-radius:2px;
  656. border-radius:2px;
  657. }
  658.  
  659. .countreblog a { color: #FFF; }
  660.  
  661. .perma
  662. {
  663. opacity: 0.0;
  664. filter: alpha(opacity = 0);
  665. margin-top: -21px;
  666. width: px;
  667. height: 30px;
  668. line-height: 30px;
  669. font-size: 9px;
  670. position:absolute;
  671. text-align: center;
  672. z-index:9999991;
  673. color: {color:permalink};
  674.  
  675. }
  676. a.p
  677. {
  678.  
  679. color: {color:permalink};
  680. }
  681. .entry:hover .perma {
  682.  
  683. -webkit-transition: opacity 0.4s linear;
  684. opacity: 1;
  685. -moz-transition: all 0.4s linear;
  686. transition: all 0.4s linear;
  687. filter: alpha(opacity = 100);
  688.  
  689. }
  690.  
  691. select {
  692. font-size: 9px;
  693. width: 100px;
  694. margin-left: 10px;
  695.  
  696. }
  697. option {
  698. font-size: 9px;
  699. text-align: left;
  700.  
  701. }
  702. input[type=button]
  703. {
  704. font-size: 9px;
  705. }
  706.  
  707.  
  708.  
  709. #yo {
  710. opacity:0.1;
  711. margin-left:-92px;
  712. margin-top:-205px;
  713. width: 233px;
  714. height: 40px;
  715. font-family: handy00;
  716. font-size:8px;
  717. color:#000;
  718. background-color:#fff;
  719. border-radius: 0px 0px 0px 0px;
  720. text-align:left;
  721. padding:3px;
  722. -webkit-transition: all 0.7s ease-in-out;
  723. -moz-transition: all 0.7s ease-in-out;
  724. -o-transition: all 0.7s ease-in-out;
  725. -ms-transition: all 0.7s ease-in-out;
  726. transition: all 0.7s ease-in-out;
  727. position:fixed;
  728. line-height: 13px;
  729.  
  730. }
  731.  
  732. #yo:hover {
  733. opacity:.7;
  734. -webkit-transition: all 0.7s ease-in-out;
  735. -moz-transition: all 0.7s ease-in-out;
  736. -o-transition: all 0.7s ease-in-out;
  737. -ms-transition: all 0.7s ease-in-out;
  738. transition: all 0.7s ease-in-out;
  739.  
  740. }
  741.  
  742.  
  743. .likep {
  744. width: 21px;
  745. height: 20px;
  746. overflow: hidden;
  747. position: relative;
  748. z-index: 9999999;
  749. position: absolute;
  750. margin-top: 26px;
  751. margin-left: 5px;
  752. }
  753. .rep {
  754. width: 24px;
  755. height: 20px;
  756. overflow: hidden;
  757. position: relative;
  758. z-index: 9999999;
  759. position: absolute;
  760. margin-top: 26px;
  761. margin-left: 29px;
  762. }
  763. .likep a:hover {
  764. background-position: 0px 0px;
  765. }
  766. .likep a {
  767. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  768. background-position: 0px 0px;
  769. display: block;
  770. z-index: 9999999;
  771. webkit-transition: all 0s linear;
  772. -webkit-transition: all 0s linear;
  773. -moz-transition: all 0s linear;
  774. transition: all 0s linear;
  775. }
  776. .likep img {
  777. width: 21px;
  778. height: 20px;
  779. webkit-transition: all 0.2s linear;
  780. -webkit-transition: all 0.2s linear;
  781. -moz-transition: all 0.2s linear;
  782. transition: all 0.2s linear;
  783. }
  784. .rep img{
  785. width: 24px;
  786. height: 20px;
  787. line-height: 30px;
  788. display: inline;
  789. }
  790.  
  791. .not { position: absolute;
  792. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  793. height: 20px;
  794. font-size: 11px;
  795. line-height: 20px;
  796. color: #fff;
  797. position: absolute;
  798. margin-top: 26px;
  799. margin-left: 56px;
  800. padding-left: 4px;
  801. padding-right: 4px;
  802. -moz-border-radius: 2px;
  803. border-radius: 2px;
  804. }
  805. .not a{
  806. color: #fff;
  807. font-weight: bold;
  808. font-family: verdana;
  809. }
  810.  
  811.  
  812. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  813. #postnotes{
  814. text-align: left;
  815. }
  816.  
  817.  
  818. #posts{
  819. float:center;
  820. {block:indexpage}
  821. width:400px;
  822. {/block:indexpage}
  823. {block:permalinkpage}
  824. width:400px;
  825. {/block:permalinkpage}
  826. margin-left: 344px;
  827. margin-top: 10px;
  828. }
  829.  
  830. #postnotes blockquote{
  831. border: 0px;
  832. }
  833.  
  834. #entry{
  835. text-align:center;
  836. z-index:9999;
  837. float:left;
  838. width: 250px;
  839. border: 1px solid #aaaaaa;
  840. height: auto;
  841. {block:PermalinkPage}
  842. width: 514px;
  843. height: auto;
  844. {/block:PermalinkPage}
  845. line-height:8px;
  846. background-color:#fff;
  847. margin-right:3px;
  848. overflow:hidden;
  849. margin-bottom:3px;
  850. border: 1px solid #aaa;
  851. padding: 1px;
  852. }
  853. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  854.  
  855. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  856.  
  857. #permapage{
  858. font-family: didact gotchi;
  859. font-size: 13px;
  860. line-height: 8px;
  861. text-align: center;
  862. padding-bottom:10px;
  863. z-index:9999;}
  864.  
  865.  
  866. .title{
  867. font-family: didact gotchic;
  868. font-size: 19px;
  869. line-height: 15px;
  870. color: {color:Title};
  871. font-weight: normal;
  872. letter-spacing: 0px;
  873. }
  874.  
  875.  
  876. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  877.  
  878.  
  879. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  880.  
  881. blockquote{
  882. padding:0px 0px 2px 3px;
  883. margin:0px 0px 2px 1px;
  884. }
  885. ul, ol, li{
  886. list-style:none;
  887. margin:0px;
  888. padding:0px;
  889. }
  890.  
  891. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  892. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  893. }
  894.  
  895. a.links {
  896. font-family: ronda;
  897. color: #000000;
  898. font-size: 6px;
  899. line-height: 8px;
  900. text-transform: normal;
  901. letter-spacing:0px;
  902. display:block;
  903. padding: 0px;
  904. margin-top: 60px;
  905. }
  906.  
  907. a.links:hover {
  908. font-style: underline;
  909. text-decoration: underline;
  910. letter-spacing:10px;
  911. }
  912.  
  913. </style>
  914. <title>{title}</title>
  915. <link rel="shortcut icon" href="{Favicon}" />
  916. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  917. <meta name="viewport" content="width=720" />
  918. </head>
  919. <body>
  920. <div id="center">
  921. <div id="content">
  922. <div id="sidebar">
  923. <div id="titlebar">
  924.  
  925. <h3 style="font-size: 11pt; line-height: 12px; z-index: 1; text-align: right; margin-top: 20px;"></h3>
  926. </div>
  927.  
  928.  
  929. <a href="/"><img src="{image:sidebar}" style="" margin-top:-50px; width=200px height=240px></a>
  930. </div>
  931.  
  932.  
  933.  
  934. <div id="desc">
  935. <center><div style=" background-color: #fff; overflow:auto; margin-left:3px; margin-top: -10px; width:210px; height: 40px; border: 1px #aaa solid; background-color: transparent;text-align: center;-moz-box-shadow: 5px 5px 6px rgba(0,0,0,0.6);
  936. -webkit-box-shadow: 5px 5px 6px rgba(0,0,0,0.6);
  937. box-shadow: 3px 3px 5px rgba(0,0,0,0.6);">{Description}
  938. </div>
  939. </div>
  940. <div id="links"><center><a href="{text: link one}">{text: link one title}</a> - <a href="#?w=460" rel="02" class="poplight">{text: ASK title}</a> - <a href="{text: link three}">{text: link three title}</a></center></div>
  941. <div style="position:fixed; bottom:180px; left:260px;">
  942.  
  943.  
  944. <font size=5><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div></font>
  945.  
  946.  
  947.  
  948. </div>
  949.  
  950.  
  951. <div id="posts">
  952. {block:Posts}
  953. <div class="entry">
  954. {block:IndexPage}
  955. {/block:IndexPage}
  956.  
  957.  
  958.  
  959. {block:Text}
  960.  
  961. <div class="perma">
  962. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  963. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  964.  
  965.  
  966.  
  967. </div>
  968.  
  969.  
  970. <div class="text">
  971. {block:Title}
  972. <h2><a href="{Permalink}">{Title}</a></h2>
  973.  
  974.  
  975. {/block:Title}
  976. {Body}
  977. </div>
  978. {/block:Text}
  979.  
  980.  
  981. {block:Photo}
  982.  
  983. <div class="perma">
  984. <a href="{permalink}"><a href="{ReblogURL}" target="_blank">Reblog</a> with <a href="{permalink}">{NoteCountwithlabel}</a></span></div>
  985.  
  986.  
  987. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{ReblogURL}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a></div>{LinkCloseTag}{/block:IndexPage}
  988. {block:PermalinkPage}{LinkOpenTag}<a href="{ReblogURL}">
  989. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a>{LinkCloseTag}{/block:PermalinkPage}
  990.  
  991.  
  992. {/block:Photo}
  993.  
  994.  
  995.  
  996. {block:Answer}
  997.  
  998. <div class="perma">
  999. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  1000. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  1001.  
  1002.  
  1003.  
  1004. </div>
  1005.  
  1006. <b>{Asker}:</b> {Question}
  1007.  
  1008. <br>
  1009.  
  1010. <i>{Answer}</i>
  1011.  
  1012. {/block:Answer}
  1013.  
  1014.  
  1015. {block:Photoset}
  1016. {block:IndexPage}
  1017. <div class="perma">
  1018. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  1019. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  1020.  
  1021.  
  1022.  
  1023. </div>
  1024. {Photoset-400}
  1025. {/block:IndexPage}
  1026. {block:permalinkpage}
  1027. {Photoset-400}
  1028. {/block:permalinkpage}
  1029. {/block:Photoset}
  1030.  
  1031. {block:Quote}
  1032.  
  1033. <div class="perma">
  1034. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  1035. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  1036.  
  1037.  
  1038.  
  1039. </div>
  1040.  
  1041.  
  1042. <div class="text">
  1043. "{Quote}"
  1044. {block:Source}
  1045. <div class="source">{Source}</div>
  1046. {/block:Source}
  1047. </div>
  1048. {/block:Quote}
  1049.  
  1050. {block:Link}
  1051.  
  1052. <div class="perma">
  1053. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  1054. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  1055.  
  1056.  
  1057.  
  1058. </div>
  1059.  
  1060.  
  1061. <div class="text">
  1062. <a href="{URL}" class="link" {Target}>{Name}</a>
  1063. {block:Description}
  1064. <div class="description">{Description}</div>
  1065. {/block:Description}
  1066. </div>
  1067.  
  1068.  
  1069. {/block:Link}
  1070.  
  1071.  
  1072. {block:Chat}
  1073. <div class="text">
  1074. {block:Title}
  1075. <h3><a href="{Permalink}">{Title}</a></h3>
  1076.  
  1077.  
  1078.  
  1079. </div>
  1080. {/block:Title}
  1081. <ul class="chat">
  1082. {block:Lines}
  1083. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  1084.  
  1085. {Line} </li>
  1086. {/block:Lines}
  1087. </ul>
  1088. </div>
  1089. {/block:Chat}
  1090.  
  1091. {block:Video}
  1092.  
  1093. {block:IndexPage}
  1094. <div class="perma">
  1095. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  1096. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  1097.  
  1098.  
  1099.  
  1100. </div>
  1101. {Video-400}
  1102. {/block:IndexPage}
  1103. {block:permalinkpage}
  1104. {Video-400}
  1105. {/block:permalinkpage}
  1106. {/block:Video}
  1107.  
  1108. {block:Audio}
  1109. {AudioPlayerBlack}
  1110. <div class="text">
  1111. {block:Caption}
  1112. {Caption}
  1113. {/block:Caption}
  1114. </div>
  1115. {/block:Audio}
  1116. {block:PermalinkPage}
  1117. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  1118. {/block:PermalinkPage}
  1119. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1120. </div>
  1121. {/block:Posts}
  1122. </div>
  1123. </div>
  1124.  
  1125.  
  1126.  
  1127. {block:ifendlessscroll}
  1128. {block:Pagination}
  1129. <ul id="pagination">
  1130. {block:PreviousPage}
  1131. <li><a href="{PreviousPage}"</a></li>
  1132. {/block:PreviousPage}
  1133. {block:JumpPagination length="5"}
  1134. {block:CurrentPage}
  1135. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  1136. {/block:CurrentPage}
  1137. {block:JumpPage}
  1138. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  1139. {/block:JumpPage}
  1140. {/block:JumpPagination}
  1141. {block:NextPage}
  1142. <li><a id="nextPage" href="{NextPage}"></a></li>
  1143. {/block:NextPage}
  1144. </ul>
  1145. {/block:Pagination}
  1146. {block:IndexPage}
  1147. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1148. <script type="text/javascript">
  1149. $(window).load(function () {
  1150. var $content = $('#content');
  1151. $content.infinitescroll({
  1152. navSelector : '#pagination',
  1153. nextSelector : '#pagination a#nextPage',
  1154. itemSelector : '.entry',
  1155. loading: {
  1156. finishedMsg: '',
  1157. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  1158. },
  1159. bufferPx : 200,
  1160. debug : false,
  1161. });
  1162. });
  1163. </script>
  1164. {/block:IndexPage}{/block:ifendlessscroll}
  1165. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  1166. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  1167. <span id="scriptsinsert"> </span>
  1168.  
  1169. </body>
  1170.  
  1171.  
  1172. <a href="http://biebinator.tumblr.com/">credit</a>
  1173.  
  1174. <div id="02" class="popup_block">
  1175.  
  1176. <center>
  1177. {text:POP UP ASK TITLE}</center>
  1178. <p></font><iframe frameborder="0" scrolling="yes" width="460" height="150" src="http://www.tumblr.com/ask_form/{text:your url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  1179. </center></div>
  1180.  
  1181. </div></div></div></div></div></div></div></div></div></div>
  1182.  
  1183. </html>
  1184.  
  1185.  
  1186. <a href="http://biebinator.tumblr.com/">credit</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!