Advertisement
ramisaaaaa

Untitled

Aug 24th, 2012
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.81 KB | None | 0 0
  1. <!--
  2. theme by biebinator title and link credit goes to irreversibly
  3. -->
  4.  
  5. <head>
  6.  
  7.  
  8.  
  9.  
  10. <script type="text/javascript">
  11. // <![CDATA[
  12. // all colours must be in format '#NNNNNN', not 'red' or 'rgb(7,8,9)'
  13. var fgcolour="#000000"; // foreground colour
  14. var hlcolour="#dddddd"; // highlight colour
  15. var bgcolour="#eeeeee"; // background colour
  16. var glcolour="#bbbbbb"; // colour of glow around letters
  17. var speed=80; // speed colours change, 1 second = 1000
  18. var delay=50; // how long to wait between wipes
  19. var alink="/"; // page to link text to (set to ="" for no link)
  20.  
  21. /****************************
  22. * DON'T EDIT BELOW THIS BOX *
  23. ****************************/
  24. var w_txt, w_txl;
  25. var w_flp=bgcolour;
  26. var w_sty=Math.floor(Math.random()*8);
  27. var w_cnt=-1;
  28. var wipes=new Array();
  29. var wrand=new Array();
  30. window.onload=function() { if (document.getElementById) {
  31. var i, wiper, wipei;
  32. wiper=document.getElementById("wipe");
  33. w_txt=wiper.firstChild.nodeValue;
  34. w_txl=w_txt.length;
  35. while (wiper.childNodes.length) wiper.removeChild(wiper.childNodes[0]);
  36. for (i=0; i<w_txl; i++) {
  37. wipei=document.createElement("span");
  38. wipei.appendChild(document.createTextNode(w_txt.charAt(i)));
  39. wipes[i]=wipei.style;
  40. wipes[i].textShadow=glcolour+" 0px 0px 5px";
  41. wipes[i].color=fgcolour;
  42. wiper.appendChild(wipei);
  43. }
  44. if (alink) {
  45. wiper.style.cursor="pointer";
  46. wiper.onclick=function() { top.location.href=alink; }
  47. }
  48. for (i=0; i<w_txl; i++) wrand[i]=i;
  49. wiper=setInterval("randwipe()", speed);
  50. }}
  51.  
  52. function c(i, shade) {
  53. if (shade==bgcolour) wipes[i].textShadow="none";
  54. else wipes[i].textShadow=glcolour+" 0px 0px 5px";
  55. wipes[i].color=shade;
  56. }
  57.  
  58. function randwipe() {
  59. var w_old;
  60. if (w_cnt++<w_txl+2+delay*(w_flp==fgcolour)) eval("wipe"+w_sty+"();");
  61. else {
  62. w_cnt=-1;
  63. w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
  64. w_old=w_sty;
  65. while (w_old==w_sty) w_sty=Math.floor(Math.random()*9);
  66. }
  67. }
  68.  
  69. function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); }
  70.  
  71. function wipe0() { // full curtains
  72. var half=Math.floor(w_txl/2);
  73. if (w_cnt<w_txl) {
  74. c(w_cnt, (w_cnt<half)?hlcolour:w_flp);
  75. c(w_txl-w_cnt-1, (w_cnt<half)?hlcolour:w_flp);
  76. }
  77. }
  78.  
  79. function wipe1() { // random
  80. var i, rand, temp;
  81. if (w_cnt==0) {
  82. for (i=0; i<w_txl; i++) {
  83. rand=Math.floor(Math.random()*w_txl);
  84. temp=wrand[i];
  85. wrand[i]=wrand[rand];
  86. wrand[rand]=temp;
  87. }
  88. }
  89. if (w_cnt<w_txl) c(wrand[w_cnt], hlcolour);
  90. if (w_cnt>0 && w_cnt<w_txl+1) c(wrand[w_cnt-1], w_flp);
  91. }
  92.  
  93. function wipe2() { // forwards
  94. if (w_cnt<w_txl) c(w_cnt, hlcolour);
  95. if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
  96. }
  97.  
  98. function wipe3() { // backwards
  99. if (w_cnt<w_txl) c(w_txl-(w_cnt+1), hlcolour);
  100. if (w_cnt>0 && w_cnt<w_txl+1) c(w_txl-w_cnt, w_flp);
  101. }
  102.  
  103. function wipe4() { // searchlight
  104. if (w_cnt<w_txl) c(w_cnt, hlcolour);
  105. if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
  106. if (w_cnt>1 && w_cnt<w_txl+2) c(w_cnt-2, hlcolour);
  107. if (w_cnt>2 && w_cnt<w_txl+3) c(w_cnt-3, (w_flp==fgcolour)?bgcolour:fgcolour);
  108. if (w_cnt==w_txl+2) w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
  109. }
  110.  
  111. function wipe5() { // fade
  112. var i;
  113. if (w_cnt<w_txl+3) {
  114. var start=(w_flp==fgcolour)?bgcolour:fgcolour;
  115. var temp="#";
  116. for (i=1; i<6; i+=2) {
  117. var hex1=parseInt(start.substring(i,i+2),16);
  118. var hex2=parseInt(w_flp.substring(i,i+2),16);
  119. temp+=dechex(Math.floor(hex1+(hex2-hex1)*(w_cnt/(w_txl+2))));
  120. }
  121. for (i=0; i<w_txl; i++) c(i, temp);
  122. }
  123. }
  124.  
  125. function wipe6() { // flash
  126. var i;
  127. if (w_cnt<6*Math.floor(w_txl/6)+3) {
  128. if (w_cnt%6==0 || w_cnt%6==3) for (i=0; i<w_txl; i++) c(i, hlcolour);
  129. else if (w_cnt%6==1) for (i=0; i<w_txl; i++) c(i, w_flp);
  130. else if (w_cnt%6==4) for (i=0; i<w_txl; i++) c(i, (w_flp==fgcolour)?bgcolour:fgcolour);
  131. }
  132. }
  133.  
  134. function wipe7() { // checkerboard
  135. var qtr=Math.floor(w_txl/4);
  136. if (w_cnt<qtr) {
  137. c(w_cnt, hlcolour);
  138. c(w_cnt+2*qtr, hlcolour);
  139. }
  140. else if (w_cnt<2*qtr) {
  141. c(w_cnt-qtr, w_flp);
  142. c(w_cnt+qtr, w_flp);
  143. }
  144. else if (w_cnt<3*qtr) {
  145. c(w_cnt-qtr, hlcolour);
  146. c(w_cnt+qtr, hlcolour);
  147. }
  148. else if (w_cnt<w_txl) {
  149. c(w_cnt-2*qtr, w_flp);
  150. c(w_cnt, w_flp);
  151. }
  152. }
  153.  
  154. function wipe8() { // half curtains
  155. var half=Math.floor(w_txl/2);
  156. if (w_cnt<half) {
  157. c(w_cnt, hlcolour);
  158. c(w_txl-w_cnt-1, hlcolour);
  159. }
  160. else if (w_cnt<w_txl) {
  161. c(w_cnt-half, w_flp);
  162. c(w_txl+half-w_cnt-1, w_flp);
  163. }
  164. }
  165. // ]]>
  166. </script>
  167.  
  168. <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  169.  
  170. <script type="text/javascript"
  171. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  172. <script>
  173. $(document).ready(function() {
  174. //
  175. $('a.poplight[href^=#]').click(function() {
  176. var popID = $(this).attr('rel'); //Get Popup Name
  177. var popURL = $(this).attr('href'); //Get Popup href to define size
  178. var query= popURL.split('?');
  179. var dim= query[1].split('&');
  180. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  181. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i257.photobucket.com/albums/hh224/cheranypixels/Food/Cheese/084.gif" class="btn_close" title="Close" alt="Close" /></a>');
  182. var popMargTop = ($('#' + popID).height() + 80) / 2;
  183. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  184. //Apply Margin to Popup
  185. $('#' + popID).css({
  186. 'margin-top' : -popMargTop,
  187. 'margin-left' : -popMargLeft
  188. });
  189. $('body').append('<div id="fade"></div>');
  190. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  191. return false;
  192. });
  193. $('a.close, #fade').live('click', function() {
  194. $('#fade , .popup_block').fadeOut(function() {
  195. $('#fade, a.close').remove(); //fade them both out
  196. });
  197. return false;
  198. });
  199. });
  200. </script>
  201.  
  202.  
  203. <title>{Title}</title>
  204.  
  205.  
  206. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  207. <link href='http://fonts.googleapis.com/css?family=Miniver|Give+You+Glory|Short+Stack|Loved+by+the+King|Coming+Soon|Raleway:100|Handlee|Indie+Flower' rel='stylesheet' type='text/css'>
  208. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  209. <script type="text/javascript"
  210. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  211. <meta name="color:background" content="#aaa"/>
  212. <meta name="color:text" content="#130C11"/>
  213. <meta name="color:title" content="#130C11"/>
  214. <meta name="color:hover" content="#130C11"/>
  215. <meta name="color:link" content="#000000"/>
  216. <meta name="color:shadow" content="#dadada"/>
  217. <meta name="color:box links" content="#dadada"/>
  218. <meta name="image:Background" content=""/>
  219. <meta name="image:sidebar" content=""/>
  220. <meta name="if:faded images" content="0"/>
  221. <meta name="text:Link One Title" content= >
  222. <meta name="text:Link One" content="" />
  223. <meta name="text:Link Two Title" content= >
  224. <meta name="text:Link Two" content="" />
  225. <meta name="text:Link Three Title" content= >
  226. <meta name="text:Link Three" content="" />
  227.  
  228.  
  229. <style type="text/css">
  230.  
  231. {block:iffadedimages}img{
  232.  
  233. -webkit-transition: opacity 0.8s linear;
  234.  
  235. opacity: 0.60;
  236.  
  237. }
  238. img:hover{
  239.  
  240. -webkit-transition: opacity 0.8s linear;
  241.  
  242. opacity: 1;
  243.  
  244. }{/block:iffadedimages}
  245.  
  246. img{-webkit-filter: grayscale(0);-webkit-transition: opacity 0.3s linear; opacity:1.0;}img:hover{ -webkit-filter: grayscale(1);-webkit-transition: opacity 0.3s linear; opacity: 1;}
  247.  
  248.  
  249. iframe#tumblr_controls {right:3px !important; position: fixed !important;}
  250. body, a, a:hover {cursor: url(http://i56.tinypic.com/2589ppu.png), progress;}
  251.  
  252.  
  253. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  254.  
  255. body, a, a:hover {cursor: url(), progress;}
  256.  
  257.  
  258. ::-webkit-scrollbar {width: 8px; height: 4px; background: white; }
  259.  
  260. ::-webkit-scrollbar-thumb { background-color:{color:box links}; -webkit-border-radius: 0ex; border: 1px solid #dadada; width: 3px;}
  261.  
  262.  
  263. #tumblr_controls{
  264. position:fixed !important;
  265. }
  266.  
  267. .wrapper{
  268. margin: 0px auto;
  269. width: 802px;
  270. }
  271.  
  272. .header{
  273. float: left;
  274. width: 100%;
  275. }
  276.  
  277. .left{
  278. float: left;
  279. margin-right: 20px;
  280. width: 802px;
  281. }
  282.  
  283. .right{
  284. float: right;
  285. width: 200px;
  286. background-color: {color:Background};
  287. }
  288.  
  289. body {
  290. margin:0px;
  291. text-decoration: none;
  292. background-color: {color:background};
  293. background-image:url({image:Background});
  294. background-attachment: fixed;
  295. background-repeat: repeat;
  296. color: {color:Text};
  297. font-family: didact gothic;
  298. text-transform: uppercase;
  299. font-size: 9px;
  300. }
  301.  
  302. div#content{
  303. padding: 4px;
  304. }
  305.  
  306. a:link, a:active, a:visited{
  307. color: {color:Link};
  308. text-decoration: none;
  309. -webkit-transition: color 0.2s ease-out;
  310. -moz-transition: color 0.2s ease-out;
  311. }
  312.  
  313. a:hover{
  314. color:{color:Hover};
  315. text-decoration: underline;
  316. -webkit-transition: color 0.2s ease-out;
  317. -moz-transition: color 0.2s ease-out;
  318. text-shadow: {color:shadow} 5px 2px 2px;
  319. }
  320.  
  321.  
  322. .entry {
  323. float:left;
  324. padding: 0px;
  325. margin: 4px;
  326. font-color: #000000;
  327. {block:IndexPage}
  328. width: 400px;
  329. {/block:IndexPage}
  330. {block:PermalinkPage}
  331. width:500px;
  332. padding: 5px;
  333. border: 1ps solid #000;
  334. {/block:PermalinkPage}
  335. background-color: transparent;
  336. opacity: 1.0;
  337. }
  338.  
  339. .permalink{
  340. display: block;
  341. padding: 0px;
  342. margin: 4px 8px 0px 8px;
  343. text-transform: uppercase;
  344. font-family: pixel;
  345. font-size: 8px;
  346. color: #313131;
  347. line-height: 18px;
  348. text-align: right;
  349. text-decoration: none;
  350. -webkit-transition: color 0.5s ease-out;
  351. -moz-transition: color 0.5s ease-out;
  352. border-top: 1px dotted #dcdcdc;
  353. }
  354.  
  355.  
  356. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  357.  
  358. div#sidebar{
  359. position:fixed !important;
  360. width: 260px;
  361. height:340px;
  362. margin-top: 120px;
  363. margin-left:0px;
  364. padding: 4px;
  365. line-height:11px;
  366. letter-spacing:0px;
  367. margin-bottom: 6px;
  368. font-size: 8px;
  369. opacity: 1.0;
  370. }
  371.  
  372.  
  373. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  374.  
  375.  
  376.  
  377.  
  378. #postnotes{
  379. text-align: justify;}
  380.  
  381. #postnotes blockquote{
  382. border: 0px;}
  383.  
  384. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  385.  
  386.  
  387. #ssidebarimage{margin-left: 120px; margin-top: 67px; width: 100px; float: left; background-color: {color:sidebar}; padding: 5px; position: fixed; height: 158px;}
  388. .sdbarimg {padding: 3px; background-color: {color:background}; border: 1px solid #dadada; height: 158px;}
  389. .sdbarimg img{max-width: 100px; height: auto; display: inline; margin-bottom: 1px;}
  390.  
  391.  
  392. #posts {
  393. width: 550px;
  394. margin-left:300px;
  395. background-color: {color:background};
  396. background-image:url({image:Background});
  397. {block:PermalinkPage}
  398. {/block:PermalinkPage}
  399. float:left;
  400. }
  401.  
  402. #infscr-loading{
  403. bottom: -70px;
  404. position: absolute;
  405. left: 50%;
  406. margin-left:-8px;
  407. width:16px;
  408. height:11px;
  409. overflow:hidden;
  410. margin-bottom: 50px;
  411. }
  412.  
  413.  
  414. #sidepicture {
  415. width: 50px;
  416. }
  417.  
  418. #sidepicture .side1{
  419. position:absolute;
  420. opacity:0;
  421. font-size: 8px;
  422. line-height:10px;
  423. text-align: center;
  424. text-transform:uppercase;
  425. width: 85px;
  426. height:105px;
  427. background-color:;
  428. margin-top:-181px;
  429. margin-left:-75px;
  430. padding-right:5px;
  431. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s
  432. transition: .6s;
  433. }
  434.  
  435.  
  436. #sidepicture:hover .side1 {
  437. opacity:.75;
  438. margin-left:-0px;
  439. margin-top: -211px;
  440. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s
  441. transition: .6s;
  442. }
  443.  
  444.  
  445. #sidepicture .side2{
  446. position:absolute;
  447. opacity:0;
  448. font-size: 8px;
  449. line-height:19px;
  450. text-align: center;
  451. width: 85px;
  452. height:105px;
  453. background-color: {color:side2};
  454. margin-top:0px;
  455. margin-left:0px;
  456. padding-left:5px;
  457. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  458. transition: .6s;
  459. }
  460.  
  461.  
  462. #sidepicture:hover .side2{
  463. opacity:.75;
  464. margin-top:-305px;
  465. margin-left:0px;
  466. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  467. transition: .6s;
  468. }
  469.  
  470.  
  471.  
  472. #sidepicture .side3{
  473. position:absolute;
  474. opacity:0;
  475. font-size: 8px;
  476. line-height:13px;
  477. text-align: center;
  478. width:90px;
  479. height:110px;
  480. background-color: {color:Side4};
  481. margin-top:-436px;
  482. margin-left:-100px;
  483. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  484. transition: .6s;
  485. }
  486.  
  487.  
  488.  
  489. #sidepicture:hover .side5{
  490. opacity:.75;
  491. margin-top:-124px;
  492. margin-left:0px;
  493. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  494. transition: .6s;
  495. }
  496.  
  497. @font-face { font-family: "impsum"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf'); }
  498.  
  499. @font-face { font-family: "lorem"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  500.  
  501. @font-face {
  502. font-family: "caviardreams";
  503. src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf');
  504. }
  505.  
  506.  
  507.  
  508. div#description{
  509. margin-top:-80px;
  510. margin-left: 0px;
  511. padding: 4px 3px 4px 2px;
  512. width: 150px;
  513. height: auto;
  514. background-color: {color:background};
  515. background-image:url({image:Background});
  516. position: fixed;
  517. text-align: left;
  518. }
  519. .title{
  520. font-family: bebas neue;
  521. font-size: 18px;
  522. line-height:14px;
  523. color: {color:Title};
  524. font-weight: normal;
  525. }
  526.  
  527.  
  528. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  529.  
  530.  
  531. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  532.  
  533. #blogtitle{
  534. font-family: BEBAS NEUE;
  535. font-size: 55px;
  536. line-height:10px;
  537. width: 390px;
  538. margin-top: -390px;
  539. color: {color:title};
  540. font-weight: normal;
  541. text-transform: lowercase;
  542. margin-left: -65px;
  543. }
  544.  
  545.  
  546. .links{
  547. width:76px;
  548. display:inline-block;
  549. height:40px;
  550. background : {color:box links};
  551. font-size: 18px;
  552. line-height:40px;
  553. margin-top: 2px;
  554. margin:3px;
  555. color: #000;
  556. font-family: bebas neue;
  557. text-align: center;
  558. text-transform:uppercase;
  559. padding : 1px;
  560. padding-bottom : 0px;
  561. BORDER: 1PX SOLID #AAA;
  562. border-top-right-radius:0px;
  563. border-bottom-right-radius:0px;
  564. border-top-left-radius:0px;
  565. border-bottom-left-radius:0px;
  566. -webkit-transition-duration: .5s;
  567. -webkit-transform: rotate(0deg);
  568. box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.42);
  569. }
  570.  
  571. .links:hover{
  572. -webkit-animation: pulse 0.5s;
  573. -moz-animation: pulse 0.5s;
  574. -ms-animation: pulse 0.5s;
  575. background:#fff;
  576. -webkit-transition-duration: .5s;
  577. box-shadow: 40px 10px 20px rgba(50, 50, 50, 0.42);
  578. }
  579.  
  580. .firstletter {
  581. font-family:londrina shadow;
  582. text-transform: lowercase;
  583. font-size:33px;
  584. margin-top: 10px;
  585. margin-left: 0px;
  586. line-height: 20px;
  587. width:180px;
  588. color: #000;
  589. text-align: center;
  590. text-shadow: #000 2px 1px 2px;
  591. }
  592.  
  593. div#fag{
  594. width:400px;
  595. margin-top: 360px;
  596. background-color: TRANSPARENT;
  597. margin-left: -70px;
  598. }
  599.  
  600. .perma {
  601. opacity: 0.0;
  602. filter: alpha(opacity = 1);
  603. z-index:9999991;
  604. display: inline-block;
  605. position: absolute;
  606. left: 5px;
  607. height: 20px;
  608. top: 5px;
  609. margin-left: 40px;
  610. }
  611.  
  612. .entry:hover .perma {
  613. margin-left: 0px;
  614. opacity: 1;
  615. filter: alpha(opacity = 100); -webkit-transition: all 0.7s ease-out;
  616.  
  617. -moz-transition: all 0.7s ease-out;
  618.  
  619. transition: all 0.7s ease-out;
  620. }
  621.  
  622. .likep {
  623. width: 21px;
  624. height: 20px;
  625. overflow: hidden;
  626. z-index: 9999999;
  627. display: inline-block;
  628. }
  629.  
  630. .rep {
  631. width: 24px;
  632. height: 20px;
  633. overflow: hidden;
  634. z-index: 9999999;
  635. display: inline-block;
  636. }
  637.  
  638. .likep a:hover {
  639. background-position: 0px 0px;
  640. }
  641.  
  642. .likep a {
  643. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  644. background-position: 0px 0px;
  645. display: block;
  646. z-index: 9999999;
  647. }
  648.  
  649. .likep img {
  650. width: 21px;
  651. height: 20px;
  652. }
  653.  
  654. .rep img{
  655. width: 24px;
  656. height: 20px;
  657. line-height: 30px;
  658. display: inline;
  659. }
  660.  
  661. .not {
  662. position: absolute;
  663. right: 5px;
  664. top: 5px;
  665. display: inline-block;
  666. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  667. height: 20px;
  668. font-size: 11px;
  669. line-height: 20px;
  670. color: #fff;
  671. padding-left: 4px;
  672. padding-right: 4px;
  673. -moz-border-radius: 2px;
  674. border-radius: 2px;
  675. margin-right: 40px;
  676. opacity: 0.0;
  677. filter: alpha(opacity = 1);
  678. }
  679.  
  680. #background{ repeat;}
  681.  
  682. .not a {
  683. color: #fff;
  684. font-weight: bold;
  685. font-family: arial;
  686. }
  687.  
  688. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  689. opacity: 1;
  690. filter: alpha(opacity = 80);
  691. margin-right: 0; -webkit-transition: all 0.7s ease-out;
  692.  
  693. -moz-transition: all 0.7s ease-out;
  694.  
  695. transition: all 0.7s ease-out;
  696. }
  697.  
  698. .not:hover , .rep:hover, .likep:hover {
  699. opacity: 1!important;
  700. filter: alpha(opacity = 100)!important;
  701. }
  702.  
  703. .t {
  704. text-align: right;
  705. opacity: 1;
  706. filter: alpha(opacity = 100);
  707. }
  708.  
  709. p.t {
  710. margin: -5px 0px 0px 0px;
  711. font-size: 10px;
  712. line-height: 11px;
  713. }
  714.  
  715. .entry:hover .t {
  716. opacity: 1;
  717. filter: alpha(opacity = 100);
  718. }
  719.  
  720. <link href='http://fonts.googleapis.com/css?family=Londrina+Shadow' rel='stylesheet' type='text/css'>
  721.  
  722.  
  723. .firstletter:first-letter {
  724. color: {color: first letter of title};
  725. text-transform: uppercase;
  726. font-size:43px;
  727. }
  728.  
  729. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  730.  
  731.  
  732. @font-face {
  733. font-family: "dawning";
  734. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  735. }
  736.  
  737. @font-face{
  738. font-family: 'pixel';
  739. font-style: normal;
  740. font-weight: normal;
  741. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  742.  
  743. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  744.  
  745. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  746.  
  747. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  748.  
  749. @font-face{
  750. font-family: 'pixel';
  751. font-style: normal;
  752. font-weight: normal;
  753. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  754.  
  755. @font-face {font-family:"handy00";src:url('http://static.tumblr.com/vtqel59/gijlrtxyw/handy00.ttf');}
  756.  
  757. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  758.  
  759. @font-face { font-family: "arsenale white"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  760.  
  761. @font-face {
  762. font-family: "caviardreams";
  763. src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf');
  764. }
  765.  
  766.  
  767. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  768.  
  769. blockquote{
  770. padding:0px 0px 2px 5px;
  771. margin:0px 0px 2px 10px;
  772. border-left: 1px dotted #555555;
  773. }
  774.  
  775.  
  776. {CustomCSS}
  777.  
  778. </style>
  779.  
  780. {block:IndexPage}
  781. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  782. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  783.  
  784. <script type="text/javascript">
  785. $(window).load(function () {
  786. var $content = $('#posts');
  787. $content.masonry({itemSelector: '.entry'}),
  788. $content.infinitescroll({
  789. navSelector : 'div#pagination',
  790. nextSelector : 'div#pagination a#nextPage',
  791. itemSelector : '.entry',
  792. loading: {
  793. finishedMsg: '',
  794. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  795. },
  796. bufferPx : 600,
  797. extraScrollPx: 700,
  798. debug : false,
  799. },
  800. // call masonry as a callback.
  801. function( newElements ) {
  802. var $newElems = $( newElements );
  803. $newElems.hide();
  804. // ensure that images load before adding to masonry layout
  805. $newElems.imagesLoaded(function(){
  806. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  807.  
  808.  
  809. });
  810. });
  811. });
  812. </script>
  813.  
  814. {/block:IndexPage}
  815.  
  816. <title>{title}</title>
  817.  
  818. <link rel="shortcut icon" href="{Favicon}">
  819. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  820. <meta name="viewport" content="width=820" />
  821.  
  822. </head>
  823. <body>
  824.  
  825. <div class="wrapper">
  826.  
  827. <div id="sidebar">
  828.  
  829.  
  830.  
  831.  
  832.  
  833. <div id="sidepicture"><img src="{image:sidebar}" width=260px height=340px>
  834. <div class="side1"></div> .
  835.  
  836. <center><br>
  837. <div id="blogtitle"><center><a href="/"><span id="wipe">{Title}
  838. </span></div>
  839.  
  840.  
  841. <div id="fag">
  842.  
  843. <div class="links"><a href="{text:Link One}" class="links1">{text:Link One Title}</a></div>
  844.  
  845. <div class="links"><a href="{text:Link Two}" class="links1">{text:Link Two Title}</a></div>
  846.  
  847. <div class="links"><a href="{text:Link Three}" class="links1">{text:Link Three Title}</a></div>
  848.  
  849.  
  850. </div>
  851.  
  852.  
  853. <div id="desc">
  854. <center><div style=" overflow:auto;FONT-SIZE: 9PX; margin-left:px; margin-top: 5px; width:260px; height: 40px;background-color: transparent;text-align: center;">{Description}
  855. </div>
  856. </div>
  857.  
  858.  
  859. </div>
  860.  
  861. </div>
  862.  
  863.  
  864.  
  865.  
  866.  
  867.  
  868. <div id="content">
  869. <div class="left">
  870.  
  871. <div id="posts">
  872.  
  873. {block:Posts}
  874. <div class="entry">
  875.  
  876. {block:IndexPage}
  877. {/block:IndexPage}
  878.  
  879. {block:Text}
  880. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  881. <div class="permadbdbgd">
  882. <span class="permavffv"><a href="{permalink}">
  883. <span class="permaffvfv"><a href="{permalink}">{timeago} // {NoteCountWithLabel}</a></div>
  884. {/block:Text}
  885.  
  886. {block:Link}
  887. <a href="{URL}" class="title">{Name}</a>
  888. {block:Description}{Description}{/block:Description}
  889. <div class="permalink">
  890. <a href="{permalink}">
  891. <a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  892. </a></a></span></div>
  893. {block:Link}
  894.  
  895. {block:Photo}
  896.  
  897.  
  898. <div class="perma">
  899. <div class="likep">
  900. <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>
  901. </div>
  902. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  903. </div>
  904. </div>
  905.  
  906.  
  907.  
  908. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{ReblogURL}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a></div>{LinkCloseTag}{/block:IndexPage}
  909. {block:PermalinkPage}{LinkOpenTag}<a href="{ReblogURL}">
  910. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  911.  
  912.  
  913. {/block:Photo}
  914.  
  915. {block:Photoset}
  916. {block:IndexPage}
  917. <center>
  918. {Photoset-400}</center>
  919. {/block:IndexPage}
  920. {block:PermalinkPage}
  921. <center>
  922. {Photoset-500}</center>
  923. <div class="perma">
  924. <span class="permalink"><a href="{permalink}">
  925. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  926. </a></a></span></div>
  927. {/block:PermalinkPage}
  928. {/block:Photoset}
  929.  
  930. {block:Quote}
  931. {Quote}</span>
  932. {block:Source}<strong>{Source}</strong>{/block:Source}
  933. <div class="permafvvffvfd">
  934. <span class="permalinkvfv"><a href="{permalink}">
  935. <span class="permalinkvfvfvvf"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  936. </a></a></span></div>
  937. {/block:Quote}
  938.  
  939. {block:Chat}
  940. {block:Title}<span class="title">{Title}</span>{/block:Title}
  941. <ul class="chat">
  942. {block:Lines}
  943. <li class="user_{UserNumber}">
  944. {block:Label}
  945. <span class="label">{Label}</span>
  946. {/block:Label}
  947.  
  948. {Line}
  949. </li>
  950. {/block:Lines}
  951. </ul><div class="permavvfdx">
  952. <span class="permalinkfvvff"><a href="{permalink}">
  953. <span class="permalinkfvff"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  954. </a></a></span></div>
  955.  
  956. {/block:Chat}
  957.  
  958. {block:Audio}
  959. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  960. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  961. <div class="permadffv">
  962. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  963. </a></a></span></div>
  964. {/block:Audio}
  965.  
  966. {block:Answer}
  967. <br><div style=" border: 1px solid #dadada; border: radius: 5px; margin: 3px; min-height:30px; padding: 3px; background-color: #fff; box-shadow: 0px 0px 1px 2px #dadada; font-family: pixel; font-size: 8px;">
  968. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px {color:first letter} border-radius: 30px;"/>
  969. {Asker}: {Question}<br></div>
  970. <br>
  971. {answer}
  972. {/block:Answer}
  973.  
  974. {block:Video}
  975. {block:IndexPage}
  976. <center>
  977. {Video-400}</center>
  978. {/block:IndexPage}
  979. {block:PermalinkPage}
  980. <center>
  981. {Video-500}</center>
  982. {/block:PermalinkPage}
  983. <div class="perma vvvc">
  984. <span class="permalink"><a href="{permalink}">
  985. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  986. </a></a></span></div>
  987. {block:Video}
  988.  
  989. {block:PermalinkPage}
  990. <center>
  991. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  992. {/block:PermalinkPage}
  993.  
  994.  
  995. {block:PostNotes}{PostNotes}
  996. {/block:PostNotes}
  997. </div>
  998.  
  999.  
  1000. {/block:Posts}
  1001. </div>
  1002. </div>
  1003. {block:IndexPage}
  1004. {block:Pagination}
  1005. <div id="pagination">
  1006. {block:NextPage}
  1007. <a id="nextPage" href="{NextPage}"></a>
  1008. {/block:NextPage}
  1009. {block:PreviousPage}
  1010. <a href="{PreviousPage}"></a>
  1011. {/block:PreviousPage}
  1012. </div>
  1013. {/block:Pagination}
  1014. {/block:IndexPage}
  1015. </div>
  1016. </body>
  1017. </html>
  1018.  
  1019. <div style="position:fixed; bottom:15px; left:10px;">
  1020. <a href="http://biebinator.tumblr.com/">credit</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement