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 26.09 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme by biebinator title 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="{color:Title color}"; // foreground colour
  14. var hlcolour="{color:Title color 2}"; // highlight colour
  15. var bgcolour="{color:Title color 3}"; // background colour
  16. var glcolour="{color:Title color 4}"; // 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:title color" content="#000000"/>
  215. <meta name="color:title color 2" content="#ffffff"/>
  216. <meta name="color:title color 3" content="#aaa"/>
  217. <meta name="color:title color 4" content="#dadada"/>
  218. <meta name="color:hover" content="#130C11"/>
  219. <meta name="color:link" content="#000000"/>
  220. <meta name="color:shadow" content="#dadada"/>
  221. <meta name="color:box links" content="#dadada"/>
  222. <meta name="color:side1" content="#f7e600"/>
  223. <meta name="color:side2" content=" #aaa"/>
  224. <meta name="image:Background" content=""/>
  225. <meta name="image:sidebar" content=""/>
  226. <meta name="if:faded images" content="0"/>
  227. <meta name="text:Link One Title" content= >
  228. <meta name="text:Link One" content="" />
  229. <meta name="text:Link Two Title" content= >
  230. <meta name="text:Link Two" content="" />
  231. <meta name="text:Link Three Title" content= >
  232. <meta name="text:Link Three" content="" />
  233. <meta name="text:Link Four Title" content= >
  234. <meta name="text:Link Four" content="" />
  235. <meta name="text:Link Five Title" content= >
  236. <meta name="text:Link Five" content="" />
  237.  
  238.  
  239. <style type="text/css">
  240.  
  241. {block:iffadedimages}img{
  242.  
  243. -webkit-transition: opacity 0.8s linear;
  244.  
  245. opacity: 0.60;
  246.  
  247. }
  248. img:hover{
  249.  
  250. -webkit-transition: opacity 0.8s linear;
  251.  
  252. opacity: 1;
  253.  
  254. }{/block:iffadedimages}
  255.  
  256. 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;}
  257.  
  258.  
  259. iframe#tumblr_controls {right:3px !important; position: fixed !important;}
  260. body, a, a:hover {cursor: url(http://i56.tinypic.com/2589ppu.png), progress;}
  261.  
  262.  
  263. 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;}
  264.  
  265. body, a, a:hover {cursor: url(), progress;}
  266.  
  267.  
  268. ::-webkit-scrollbar {width: 8px; height: 4px; background: white; }
  269.  
  270. ::-webkit-scrollbar-thumb { background-color:{color:box links}; -webkit-border-radius: 0ex; border: 1px solid #dadada; width: 3px;}
  271.  
  272.  
  273. #tumblr_controls{
  274. position:fixed !important;
  275. }
  276.  
  277. .wrapper{
  278. margin: 0px auto;
  279. width: 802px;
  280. }
  281.  
  282. .header{
  283. float: left;
  284. width: 100%;
  285. }
  286.  
  287. .left{
  288. float: left;
  289. margin-right: 20px;
  290. width: 802px;
  291. }
  292.  
  293. .right{
  294. float: right;
  295. width: 200px;
  296. background-color: {color:Background};
  297. }
  298.  
  299. body {
  300. margin:0px;
  301. text-decoration: none;
  302. background-color: {color:background};
  303. background-image:url({image:Background});
  304. background-attachment: fixed;
  305. background-repeat: repeat;
  306. color: {color:Text};
  307. font-family: didact gothic;
  308. text-transform: uppercase;
  309. font-size: 9px;
  310. }
  311.  
  312. div#content{
  313. padding: 4px;
  314. }
  315.  
  316. a:link, a:active, a:visited{
  317. color: {color:Link};
  318. text-decoration: none;
  319. -webkit-transition: color 0.2s ease-out;
  320. -moz-transition: color 0.2s ease-out;
  321. }
  322.  
  323. a:hover{
  324. color:{color:Hover};
  325. text-decoration: underline;
  326. -webkit-transition: color 0.2s ease-out;
  327. -moz-transition: color 0.2s ease-out;
  328. text-shadow: {color:shadow} 5px 2px 2px;
  329. }
  330.  
  331.  
  332. .entry {
  333. float:left;
  334. padding: 0px;
  335. margin: 0px;
  336. font-color: #000000;
  337. {block:IndexPage}
  338. width: 400px;
  339. {/block:IndexPage}
  340. {block:PermalinkPage}
  341. width:500px;
  342. padding: 5px;
  343. border: 1ps solid #000;
  344. {/block:PermalinkPage}
  345. background-color: transparent;
  346. opacity: 1.0;
  347. }
  348.  
  349. .permalink{
  350. display: block;
  351. padding: 0px;
  352. margin: 4px 8px 0px 8px;
  353. text-transform: uppercase;
  354. font-family: didact gothic;
  355. font-size: 11px;
  356. color: #313131;
  357. line-height: 18px;
  358. text-align: right;
  359. text-decoration: none;
  360. -webkit-transition: color 0.5s ease-out;
  361. -moz-transition: color 0.5s ease-out;
  362. border-top: 1px solid #dcdcdc;
  363. }
  364.  
  365.  
  366. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  367.  
  368. div#sidebar{
  369. position:fixed !important;
  370. width: 260px;
  371. height:300px;
  372. margin-top: 120px;
  373. margin-left:0px;
  374. padding: 4px;
  375. line-height:11px;
  376. letter-spacing:0px;
  377. margin-bottom: 6px;
  378. font-size: 8px;
  379. opacity: 1.0;
  380. }
  381.  
  382.  
  383. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  384.  
  385.  
  386.  
  387.  
  388. #postnotes{
  389. text-align: justify;}
  390.  
  391. #postnotes blockquote{
  392. border: 0px;}
  393.  
  394. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  395.  
  396.  
  397. #ssidebarimage{margin-left: 120px; margin-top: 67px; width: 100px; float: left; background-color: {color:sidebar}; padding: 5px; position: fixed; height: 158px;}
  398. .sdbarimg {padding: 3px; background-color: {color:background}; border: 1px solid #dadada; height: 158px;}
  399. .sdbarimg img{max-width: 100px; height: auto; display: inline; margin-bottom: 1px;}
  400.  
  401.  
  402. #posts {
  403. width: 550px;
  404. margin-left:300px;
  405. background-color: {color:background};
  406. background-image:url({image:Background});
  407. {block:PermalinkPage}
  408. {/block:PermalinkPage}
  409. float:left;
  410. }
  411.  
  412. #infscr-loading{
  413. bottom: -70px;
  414. position: absolute;
  415. left: 50%;
  416. margin-left:-8px;
  417. width:16px;
  418. height:11px;
  419. overflow:hidden;
  420. margin-bottom: 50px;
  421. }
  422.  
  423.  
  424. @font-face { font-family: "impsum"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf'); }
  425.  
  426. @font-face { font-family: "lorem"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  427.  
  428. @font-face {
  429. font-family: "caviardreams";
  430. src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf');
  431. }
  432.  
  433.  
  434.  
  435. div#description{
  436. margin-top:-80px;
  437. margin-left: 0px;
  438. padding: 4px 3px 4px 2px;
  439. width: 150px;
  440. height: auto;
  441. background-color: {color:background};
  442. background-image:url({image:Background});
  443. position: fixed;
  444. text-align: left;
  445. }
  446. .title{
  447. font-family: didact gothic;
  448. font-size: 18px;
  449. line-height:14px;
  450. color: {color:Title};
  451. font-weight: normal;
  452. }
  453.  
  454.  
  455. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  456.  
  457.  
  458. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  459.  
  460. #blogtitle{
  461. font-family: impsum;
  462. font-size: 55px;
  463. line-height:70px;
  464. width: 390px;
  465. margin-top: -390px;
  466. color: {color:title};
  467. font-weight: normal;
  468. text-transform: lowercase;
  469. margin-left: -65px;
  470. }
  471.  
  472.  
  473.  
  474.  
  475.  
  476. #sidepicture .side3{
  477. position:absolute;
  478. opacity:0;
  479. font-size: 8px;
  480. line-height:19px;
  481. text-align: center;
  482. width:130px;
  483. height:300px;
  484. background-color: {color:Side2};
  485. margin-top:-436px;
  486. margin-left:-110px;
  487. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  488. transition: .6s;
  489. }
  490.  
  491.  
  492. #sidepicture:hover .side3{
  493. opacity:.75;
  494. margin-left:130px;
  495. margin-top:-314px;
  496. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  497. transition: .6s;
  498. }
  499.  
  500. #title2 {
  501. font-family: didact gothic;
  502. font-size: 20px;
  503. line-height:8px;
  504. color: #fff;
  505. letter-spacing: 0;
  506. font-weight: normal;
  507. padding:0px 0px 0px 0px;
  508. text-shadow: #000 1px 2px 2px;
  509. }
  510.  
  511.  
  512.  
  513. #sidepicture .side5{
  514. position:absolute;
  515. opacity:0;
  516. font-size: 9px;
  517. line-height:19px;
  518. text-align: center;
  519. width: 130px;
  520. height:300px;
  521. background-color: {color:side1};
  522. margin-top:-400px;
  523. margin-left:200px;
  524. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  525. transition: .6s;
  526. }
  527.  
  528.  
  529. #sidepicture:hover .side5{
  530. opacity:.75;
  531. margin-top:-314px;
  532. margin-left:0px;
  533. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  534. transition: .6s;
  535. }
  536.  
  537. .links{
  538. width:115px;
  539. display:inline-block;
  540. height:40px;
  541. background : {color:box links};
  542. font-size: 18px;
  543. line-height:40px;
  544. margin-top: 2px;
  545. margin:3px;
  546. color: #000;
  547. font-family: didact gothic;
  548. text-align: center;
  549. text-transform:;
  550. padding : 1px;
  551. padding-bottom : 0px;
  552. BORDER: 1PX SOLID #AAA;
  553. border-top-right-radius:0px;
  554. border-bottom-right-radius:0px;
  555. border-top-left-radius:0px;
  556. border-bottom-left-radius:0px;
  557. -webkit-transition-duration: .5s;
  558. -webkit-transform: rotate(0deg);
  559. box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.42);
  560. }
  561.  
  562. .links:hover{
  563. -webkit-animation: pulse 0.5s;
  564. -moz-animation: pulse 0.5s;
  565. -ms-animation: pulse 0.5s;
  566. background:#fff;
  567. -webkit-transition-duration: .5s;
  568. box-shadow: 40px 10px 20px rgba(50, 50, 50, 0.42);
  569. }
  570.  
  571. .firstletter {
  572. font-family:londrina shadow;
  573. text-transform: lowercase;
  574. font-size:33px;
  575. margin-top: 10px;
  576. margin-left: 0px;
  577. line-height: 20px;
  578. width:180px;
  579. color: #000;
  580. text-align: center;
  581. text-shadow: #000 2px 1px 2px;
  582. }
  583.  
  584. div#fag{
  585. width:100px;
  586. margin-top: 10px;
  587. background-color: TRANSPARENT;
  588. margin-left: 2px;
  589. }
  590.  
  591. .perma {
  592. opacity: 0.0;
  593. filter: alpha(opacity = 1);
  594. z-index:9999991;
  595. display: inline-block;
  596. position: absolute;
  597. left: 5px;
  598. height: 20px;
  599. top: 5px;
  600. margin-left: 40px;
  601. }
  602.  
  603. .entry:hover .perma {
  604. margin-left: 0px;
  605. opacity: 1;
  606. filter: alpha(opacity = 100); -webkit-transition: all 0.7s ease-out;
  607.  
  608. -moz-transition: all 0.7s ease-out;
  609.  
  610. transition: all 0.7s ease-out;
  611. }
  612.  
  613. .likep {
  614. width: 21px;
  615. height: 20px;
  616. overflow: hidden;
  617. z-index: 9999999;
  618. display: inline-block;
  619. }
  620.  
  621. .rep {
  622. width: 24px;
  623. height: 20px;
  624. overflow: hidden;
  625. z-index: 9999999;
  626. display: inline-block;
  627. }
  628.  
  629. .likep a:hover {
  630. background-position: 0px 0px;
  631. }
  632.  
  633. .likep a {
  634. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  635. background-position: 0px 0px;
  636. display: block;
  637. z-index: 9999999;
  638. }
  639.  
  640. .likep img {
  641. width: 21px;
  642. height: 20px;
  643. }
  644.  
  645. .rep img{
  646. width: 24px;
  647. height: 20px;
  648. line-height: 30px;
  649. display: inline;
  650. }
  651.  
  652. .not {
  653. position: absolute;
  654. right: 5px;
  655. top: 5px;
  656. display: inline-block;
  657. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  658. height: 20px;
  659. font-size: 11px;
  660. line-height: 20px;
  661. color: #fff;
  662. padding-left: 4px;
  663. padding-right: 4px;
  664. -moz-border-radius: 2px;
  665. border-radius: 2px;
  666. margin-right: 40px;
  667. opacity: 0.0;
  668. filter: alpha(opacity = 1);
  669. }
  670.  
  671. #background{ repeat;}
  672.  
  673. .not a {
  674. color: #fff;
  675. font-weight: bold;
  676. font-family: arial;
  677. }
  678.  
  679. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  680. opacity: 1;
  681. filter: alpha(opacity = 80);
  682. margin-right: 0; -webkit-transition: all 0.7s ease-out;
  683.  
  684. -moz-transition: all 0.7s ease-out;
  685.  
  686. transition: all 0.7s ease-out;
  687. }
  688.  
  689. .not:hover , .rep:hover, .likep:hover {
  690. opacity: 1!important;
  691. filter: alpha(opacity = 100)!important;
  692. }
  693.  
  694. .t {
  695. text-align: right;
  696. opacity: 1;
  697. filter: alpha(opacity = 100);
  698. }
  699.  
  700. p.t {
  701. margin: -5px 0px 0px 0px;
  702. font-size: 10px;
  703. line-height: 11px;
  704. }
  705.  
  706. .entry:hover .t {
  707. opacity: 1;
  708. filter: alpha(opacity = 100);
  709. }
  710.  
  711. <link href='http://fonts.googleapis.com/css?family=Londrina+Shadow' rel='stylesheet' type='text/css'>
  712.  
  713.  
  714. .firstletter:first-letter {
  715. color: {color: first letter of title};
  716. text-transform: uppercase;
  717. font-size:43px;
  718. }
  719.  
  720. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  721.  
  722.  
  723. @font-face {
  724. font-family: "dawning";
  725. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  726. }
  727.  
  728. @font-face{
  729. font-family: 'pixel';
  730. font-style: normal;
  731. font-weight: normal;
  732. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  733.  
  734. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  735.  
  736. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  737.  
  738. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  739.  
  740. @font-face{
  741. font-family: 'pixel';
  742. font-style: normal;
  743. font-weight: normal;
  744. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  745.  
  746. @font-face {font-family:"handy00";src:url('http://static.tumblr.com/vtqel59/gijlrtxyw/handy00.ttf');}
  747.  
  748. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  749.  
  750. @font-face { font-family: "arsenale white"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  751.  
  752. @font-face {
  753. font-family: "caviardreams";
  754. src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf');
  755. }
  756.  
  757.  
  758. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  759.  
  760. blockquote{
  761. padding:0px 0px 2px 5px;
  762. margin:0px 0px 2px 10px;
  763. border-left: 1px dotted #555555;
  764. }
  765.  
  766.  
  767. {CustomCSS}
  768.  
  769. </style>
  770.  
  771. {block:IndexPage}
  772. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  773. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  774.  
  775. <script type="text/javascript">
  776. $(window).load(function () {
  777. var $content = $('#posts');
  778. $content.masonry({itemSelector: '.entry'}),
  779. $content.infinitescroll({
  780. navSelector : 'div#pagination',
  781. nextSelector : 'div#pagination a#nextPage',
  782. itemSelector : '.entry',
  783. loading: {
  784. finishedMsg: '',
  785. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  786. },
  787. bufferPx : 600,
  788. extraScrollPx: 700,
  789. debug : false,
  790. },
  791. // call masonry as a callback.
  792. function( newElements ) {
  793. var $newElems = $( newElements );
  794. $newElems.hide();
  795. // ensure that images load before adding to masonry layout
  796. $newElems.imagesLoaded(function(){
  797. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  798.  
  799.  
  800. });
  801. });
  802. });
  803. </script>
  804.  
  805. {/block:IndexPage}
  806.  
  807. <title>{title}</title>
  808.  
  809. <link rel="shortcut icon" href="{Favicon}">
  810. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  811. <meta name="viewport" content="width=820" />
  812.  
  813. </head>
  814. <body>
  815.  
  816. <div class="wrapper">
  817.  
  818. <div id="sidebar">
  819.  
  820.  
  821.  
  822.  
  823.  
  824. <div id="sidepicture"><img src="{image:sidebar}" width=260px height=300px>
  825. <div class="side1"></div> .
  826.  
  827. <div class="side5"><br><div id="title2">INFORMATION</div><br>{description}</br>
  828. </div>
  829.  
  830.  
  831. <div class="side3"></a><br><div id="title2">LINKS</div><div id="fag">
  832.  
  833. <div class="links"><a href="{text:Link One}" class="links1">{text:Link One Title}</a></div>
  834.  
  835. <div class="links"><a href="{text:Link Two}" class="links1">{text:Link Two Title}</a></div>
  836.  
  837. <div class="links"><a href="{text:Link Three}" class="links1">{text:Link Three Title}</a></div>
  838.  
  839. <div class="links"><a href="{text:Link Four}" class="links1">{text:Link four Title}</a></div>
  840.  
  841. <div class="links"><a href="{text:Link five}" class="links1">{text:Link five Title}</a></div>
  842.  
  843. </div></div>
  844.  
  845.  
  846.  
  847. <center><br>
  848. <div id="blogtitle"><center><a href="/"><span id="wipe">{Title}
  849. </span></div>
  850.  
  851.  
  852.  
  853.  
  854. </div>
  855.  
  856.  
  857.  
  858.  
  859. </div>
  860.  
  861.  
  862.  
  863.  
  864.  
  865.  
  866. <div id="content">
  867. <div class="left">
  868.  
  869. <div id="posts">
  870.  
  871. {block:Posts}
  872. <div class="entry">
  873.  
  874. {block:IndexPage}
  875. {/block:IndexPage}
  876.  
  877. {block:Text}
  878. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  879. <div class="permadbdbgd">
  880. <span class="permavffv"><a href="{permalink}">
  881. <span class="permaffvfv"><a href="{permalink}">{timeago} // {NoteCountWithLabel}</a></div>
  882. {/block:Text}
  883.  
  884. {block:Link}
  885. <a href="{URL}" class="title">{Name}</a>
  886. {block:Description}{Description}{/block:Description}
  887. <div class="permalink">
  888. <a href="{permalink}">
  889. <a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  890. </a></a></span></div>
  891. {block:Link}
  892.  
  893. {block:Photo}
  894.  
  895.  
  896. <div class="perma">
  897. <div class="likep">
  898. <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>
  899. </div>
  900. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  901. </div>
  902. </div>
  903.  
  904.  
  905.  
  906. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{ReblogURL}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a></div>{LinkCloseTag}{/block:IndexPage}
  907. {block:PermalinkPage}{LinkOpenTag}<a href="{ReblogURL}">
  908. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  909.  
  910.  
  911. {/block:Photo}
  912.  
  913. {block:Photoset}
  914. {block:IndexPage}
  915. <center>
  916. {Photoset-400}</center>
  917. {/block:IndexPage}
  918. {block:PermalinkPage}
  919. <center>
  920. {Photoset-500}</center>
  921. <div class="perma">
  922. <span class="permalink"><a href="{permalink}">
  923. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  924. </a></a></span></div>
  925. {/block:PermalinkPage}
  926. {/block:Photoset}
  927.  
  928. {block:Quote}
  929. {Quote}</span>
  930. {block:Source}<strong>{Source}</strong>{/block:Source}
  931. <div class="permafvvffvfd">
  932. <span class="permalinkvfv"><a href="{permalink}">
  933. <span class="permalinkvfvfvvf"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  934. </a></a></span></div>
  935. {/block:Quote}
  936.  
  937. {block:Chat}
  938. {block:Title}<span class="title">{Title}</span>{/block:Title}
  939. <ul class="chat">
  940. {block:Lines}
  941. <li class="user_{UserNumber}">
  942. {block:Label}
  943. <span class="label">{Label}</span>
  944. {/block:Label}
  945.  
  946. {Line}
  947. </li>
  948. {/block:Lines}
  949. </ul><div class="permavvfdx">
  950. <span class="permalinkfvvff"><a href="{permalink}">
  951. <span class="permalinkfvff"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  952. </a></a></span></div>
  953.  
  954. {/block:Chat}
  955.  
  956. {block:Audio}
  957. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  958. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  959. <div class="permadffv">
  960. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  961. </a></a></span></div>
  962. {/block:Audio}
  963.  
  964. {block:Answer}
  965. <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;">
  966. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px {color:first letter} border-radius: 30px;"/>
  967. {Asker}: {Question}<br></div>
  968. <br>
  969. {answer}
  970. {/block:Answer}
  971.  
  972. {block:Video}
  973. {block:IndexPage}
  974. <center>
  975. {Video-400}</center>
  976. {/block:IndexPage}
  977. {block:PermalinkPage}
  978. <center>
  979. {Video-500}</center>
  980. {/block:PermalinkPage}
  981. <div class="perma vvvc">
  982. <span class="permalink"><a href="{permalink}">
  983. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  984. </a></a></span></div>
  985. {block:Video}
  986.  
  987. {block:PermalinkPage}
  988. <center>
  989. {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>
  990. {/block:PermalinkPage}
  991.  
  992.  
  993. {block:PostNotes}{PostNotes}
  994. {/block:PostNotes}
  995. </div>
  996.  
  997.  
  998. {/block:Posts}
  999. </div>
  1000. </div>
  1001. {block:IndexPage}
  1002. {block:Pagination}
  1003. <div id="pagination">
  1004. {block:NextPage}
  1005. <a id="nextPage" href="{NextPage}"></a>
  1006. {/block:NextPage}
  1007. {block:PreviousPage}
  1008. <a href="{PreviousPage}"></a>
  1009. {/block:PreviousPage}
  1010. </div>
  1011. {/block:Pagination}
  1012. {/block:IndexPage}
  1013. </div>
  1014. </body>
  1015. </html>
  1016.  
  1017. <div style="position:fixed; bottom:15px; left:10px;">
  1018. <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!