Advertisement
ramisaaaaa

Untitled

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