API tools faq
paste
Fucking_Aj

Theme 4 - National Anthem ~ Liqhtful

Fucking_Aj
Apr 5th, 2014
157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.54 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!--
  4. █░░ █▀▀█ █▀▄▀█ █▀▀ 　
  5. █░░ █▄▄█ █░▀░█ █▀▀ 　
  6. ▀▀▀ ▀░░▀ ▀░░░▀ ▀▀▀ 　
  7.  
  8. █░░ █▀▀█ █░░█ █▀▀█ █░░█ ▀▀█▀▀ █▀▀ 　
  9. █░░ █▄▄█ █▄▄█ █░░█ █░░█ ░░█░░ ▀▀█ 　
  10. ▀▀▀ ▀░░▀ ▄▄▄█ ▀▀▀▀ ░▀▀▀ ░░▀░░ ▀▀▀ 　
  11. made by: http://liqhtful.tumblr.com
  12. keep credit you flowers ~ or you will face concequences from senpai ~
  13. -->
  14.  
  15. <html lang="en">
  16. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17. <html xmlns="http://www.w3.org/1999/xhtml">
  18. <head>
  19. <script type="text/javascript">
  20. // <![CDATA[
  21. var speed=100; // speed colours change, 1 second = 1000
  22. var delay=15; // how long to wait for each wipe
  23. var alink="http://www.mf2fm.com/rv"; // page to link text to (set to ="" for no link)
  24.  
  25. /****************************
  26. * Wipe Out Text Effect *
  27. *(c) 2003-6 mf2fm web-design*
  28. * http://www.mf2fm.com/rv *
  29. * DON'T EDIT BELOW THIS BOX *
  30. ****************************/
  31. var w_txt;
  32. window.onload=function() { if (document.getElementById) {
  33. var wiper=document.getElementById("wipe");
  34. w_txt=wiper.firstChild.nodeValue;
  35. while (wiper.childNodes.length) wiper.removeChild(wiper.childNodes[0]);
  36. for (var i=0; i<w_txt.length; i++) {
  37. var wipei=document.createElement("span");
  38. wipei.setAttribute("id", "wipe"+i);
  39. wipei.appendChild(document.createTextNode(w_txt.charAt(i)));
  40. if (alink) {
  41. wipei.style.cursor="pointer";
  42. wipei.onclick=function() { top.location.href=alink; }
  43. }
  44. wiper.appendChild(wipei);
  45. }
  46. wipe(0);
  47. }}
  48.  
  49. function wipe(c) {
  50. if (!c) for (var w=0; w<w_txt.length; w++) document.getElementById("wipe"+w).style.visibility="hidden";
  51. else if (c<=w_txt.length) document.getElementById("wipe"+(c-1)).style.visibility="visible";
  52. setTimeout("wipe("+(++c%(w_txt.length+delay))+")", speed);
  53. }
  54. // ]]>
  55. </script>
  56. <script type="text/javascript">
  57. // <![CDATA[
  58. var bgcolour="#ffffff"; // background colour
  59. var fgcolour="{color:blogtitle}"; // foreground colour
  60. var speed=80; // speed of bubbling, lower is faster
  61. var shades=12; // number of shades of bubble
  62.  
  63. /****************************
  64. * Bubbling Text Effect *
  65. *(c)2003-13 mf2fm web-design*
  66. * http://www.mf2fm.com/rv *
  67. * DON'T EDIT BELOW THIS BOX *
  68. ****************************/
  69. var bubbcol=new Array();
  70. var bubbshd;
  71. var bubbler, bubbtxt;
  72. var bubbchr=new Array();
  73.  
  74. function addLoadEvent(funky) {
  75. var oldonload=window.onload;
  76. if (typeof(oldonload)!='function') window.onload=funky;
  77. else window.onload=function() {
  78. if (oldonload) oldonload();
  79. funky();
  80. }
  81. }
  82.  
  83. addLoadEvent(bubbagump);
  84.  
  85. function bubbagump() { if (document.getElementById) {
  86. var i, fg, bg, col;
  87. for (bubbler=0; bubbler<=shades; bubbler++) {
  88. col="#";
  89. for (i=1; i<6; i+=2) {
  90. bg=parseInt(bgcolour.substring(i,i+2),16);
  91. fg=parseInt(fgcolour.substring(i,i+2),16);
  92. col+=dechex(bg+(fg-bg)*(bubbler/shades));
  93. }
  94. bubbcol[bubbler+1]=col;
  95. if (bubbler==Math.floor(shades/2)) bubbshd=col;
  96. }
  97. bubbler=document.getElementById("bubble");
  98. bubbtxt=bubbler.firstChild.nodeValue;
  99. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  100. for (i=0; i<bubbtxt.length; i++) {
  101. fg=document.createElement("span");
  102. fg.setAttribute("id", "bubb"+i);
  103. fg.style.textShadow=bubbshd+" 0px 0px 2px";
  104. fg.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  105. bubbler.appendChild(fg);
  106. }
  107. bubbler=setInterval("bubbling()", speed);
  108. }}
  109.  
  110. function dechex(dec) {
  111. dec=Math.floor(dec);
  112. return ((dec<16)?'0':'')+dec.toString(16);
  113. }
  114.  
  115. function bubbling() {
  116. var i, bubby;
  117. for (i=0; i<bubbtxt.length; i++) {
  118. bubby=document.getElementById("bubb"+i);
  119. if (bubbchr[i]) {
  120. bubby.style.color=bubbcol[bubbchr[i]];
  121. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  122. }
  123. else if (Math.random()<7.5/(shades*bubbtxt.length)) bubbchr[i]=1;
  124. }
  125. }
  126. // ]]>
  127. </script>
  128. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  129. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  130. <script>
  131. (function($){
  132. $(document).ready(function(){
  133. $("a[title]").style_my_tooltips({
  134. tip_follows_cursor:true,
  135. tip_delay_time:90,
  136. tip_fade_speed:600,
  137. attribute:"title"
  138. });
  139. });
  140. })(jQuery);
  141. </script>
  142. <script type="text/javascript"
  143. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  144. <script type="text/javascript"
  145. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  146. <script>
  147. $(document).ready(function() {
  148. //
  149. $('a.poplight[href^=#]').click(function() {
  150. var popID = $(this).attr('rel'); //Get Popup Name
  151. var popURL = $(this).attr('href'); //Get Popup href to define size
  152. var query= popURL.split('?');
  153. var dim= query[1].split('&');
  154. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  155. $('#' + 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>');
  156. var popMargTop = ($('#' + popID).height() + 80) / 2;
  157. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  158. //Apply Margin to Popup
  159. $('#' + popID).css({
  160. 'margin-top' : -popMargTop,
  161. 'margin-left' : -popMargLeft
  162. });
  163. $('body').append('<div id="fade"></div>');
  164. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  165. return false;
  166. });
  167. $('a.close, #fade').live('click', function() {
  168. $('#fade , .popup_block').fadeOut(function() {
  169. $('#fade, a.close').remove(); //fade them both out
  170. });
  171. return false;
  172. });
  173. });
  174. </script>
  175.  
  176. <!--DEFAULT VARIABLES-->
  177. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  178. <meta name="color:background" content="#fff"/>
  179. <meta name="color:link" content="#777"/>
  180. <meta name="color:text" content="#777"/>
  181. <meta name="color:title" content="#333"/>
  182. <meta name="color:hover" content="#fff"/>
  183. <meta name="color:blogtitle" content="#fff"/>
  184. <meta name="color:quote" content="#fff"/>
  185. <meta name="image:sidebar" content="1"/>
  186. <meta name="image:background" content="1"/>
  187. <meta name="image:favicon" content="1"/>
  188. <meta name="color:borders" content="#6875b1"/>
  189. <meta name="color:sidebar borders" content="#6875b1"/>
  190. <meta name="text:stats" content="one fried chicken"/>
  191. <meta name="text:your name" content="Alice"/>
  192. <meta name="text:quote" content="lala"/>
  193. <meta name="text:music" content="music code"/>
  194. <meta name="text:blogtitle" content="Restoring Force"/>
  195. <meta name="text:link 1" content="/"/>
  196. <meta name="text:link 2" content="/"/>
  197. <meta name="text:link 3" content="/"/>
  198. <meta name="text:link 4" content="/"/>
  199. <meta name="text:link 5" content="/"/>
  200. <meta name="text:link 1 msg" content="la"/>
  201. <meta name="text:link 2 msg" content="laa"/>
  202. <meta name="text:link 3 msg" content="laaa"/>
  203. <meta name="text:link 4 msg" content="laaaa"/>
  204. <meta name="text:link 5 msg" content="laaaaa"/>
  205. <style type="text/css">
  206. ::-webkit-scrollbar {width: 5px; height: 6px; background: transparent;}
  207.  
  208. ::-webkit-scrollbar-thumb {background-color:{color:borders}; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-left: 1px solid
  209. #aaaaaa; border-radius:10px; }
  210.  
  211. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  212.  
  213. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  214.  
  215. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  216. yourname {
  217. font-family: lala;
  218. font-size: 25px;
  219. }
  220. @font-face{font-family:Jane Austen;src:url(http://static.tumblr.com/9wzbixa/ncHmj2mmb/janeaust.ttf);}
  221. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  222.  
  223. #s-m-t-tooltip:before {
  224. position: absolute;
  225. left:7px;
  226. top:15px;
  227. width:0px;
  228. height:0px;
  229. content:”“;
  230. transform: scale(1, 0.521);
  231. -webkit-transform: scale(1, 0.421);
  232. -moz-transform: scale(1, 0.421);
  233. -o-transform: scale(1, 0.421);
  234. -ms-transform: scale(1, 0.421);
  235. border-left:7px solid transparent;
  236. border-right:7px solid transparent;
  237. border-top:20px solid #d2d2d2;
  238. }
  239.  
  240. #s-m-t-tooltip {
  241. max-width:500px;
  242. padding:5px;
  243. margin:-30px 0px 0px -7px;
  244. height:12px;
  245. line-height:12px;
  246. font-family:calibri; /* change the font */
  247. font-size:10px; /* change the font size */
  248. letter-spacing:2px; /* change the letter spacing */
  249. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  250. color:#fff; /* change the text color */
  251. border:0px solid #fff;
  252. z-index:9999999999999999999999999999999990999999999999999999999999999999;
  253. box-shadow:1px 1px 3px #ccc;
  254. border-radius:0px;
  255. background-image: -ms-linear-gradient(top, {color:blogtitle}; 0%, {color:blogtitle} 100%);
  256. background-image: -moz-linear-gradient(top, {color:borders} 0%, {color:blogtitle} 100%);
  257. background-image: -o-linear-gradient(top, {color:borders} 0%, {color:blogtitle} 100%);
  258. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, {color:borders}), color-stop(1, {color:blogtitle}));
  259. background-image: -webkit-linear-gradient(top, {color:borders} 0%, {color:blogtitle} 100%);
  260. }
  261. p {
  262. margin:0px;
  263. margin-top:0px;
  264. }
  265.  
  266.  
  267. body {
  268. padding: 0px;
  269. margin: 0px;
  270. color:{color:text};
  271. font-family: calibri;
  272. line-height:13px;
  273. font-size:11px;
  274. background-color: {color:Background};
  275. background-image:url({image:Background});
  276. background-attachment: fixed;
  277. background-repeat: repeat;
  278. }
  279.  
  280.  
  281. a:link, a:active, a:visited{
  282. text-decoration: none;
  283. -webkit-transition: color 0.3s ease-out;
  284. -moz-transition: color 0.3s ease-out;
  285. transition: color 0.3s ease-out;
  286. color:{color:link};
  287. }
  288.  
  289. a:hover {
  290. text-decoration: none;
  291. font-style:;
  292. color: {color:Hover};
  293. }
  294.  
  295. div#center{
  296. margin:auto;
  297. position:relative;
  298. width:1000px;
  299. background-color:;
  300. overflow:auto;
  301. overflow-y:hidden;
  302. }
  303.  
  304. #fade { /*--Transparent background layer--*/
  305. display: none; /*--hidden by default--*/
  306. background:white;
  307. position: fixed; left: 0; top: 0;
  308. width: 100%; height: 100%;
  309. opacity: .50;
  310. z-index: 999999999;
  311. }
  312. .popup_block{
  313. display: none; /*--hidden by default--*/
  314. background:white;
  315. padding: 20px;
  316. border: 1px solid #f2f2f2;
  317. float: left;
  318. font-size:13px;
  319. font-family:calibri;
  320. position: fixed;
  321. text-transform:none;
  322. top: 50%; left: 50%;
  323. z-index: 9999999999999999;
  324. /*--CSS3 Rounded Corners--*/
  325. border-radius:0px;
  326. line-height:11px;
  327. outline:1px dashed #e1e1e1;
  328. outline-offset:-5px;
  329. -webkit-animation:tada 2s;
  330. -moz-animation:tada 2s;
  331. -ms-animation:tada 2s;
  332. }
  333. img.btn_close {
  334. float: right;
  335. margin: 5px 5px 0 0;
  336. }
  337. /*--Making IE6 Understand Fixed Positioning--*/
  338. *html #fade {
  339. position: absolute;
  340. }
  341. *html .popup_block {
  342. position: absolute;
  343. }
  344.  
  345. .sideback{
  346. position:fixed;
  347. margin-left:264px;
  348. z-index:3;
  349. top:-70px;
  350. background:{color:sidebar borders};
  351. height:8000px;
  352. opacity:1;
  353. width:9px;
  354. border: 3px double #fff;
  355. -webkit-transition: all 0.5s linear;
  356. -webkit-transition: all 0.5s linear;
  357. -moz-transition: all 0.5s linear;
  358. transition: all 0.5s linear;
  359. -webkit-animation:fadeInUpBig 2s;
  360. -moz-animation:fadeInUpBig 2s;
  361. -ms-animation:fadeInUpBig 2s;
  362. }
  363.  
  364.  
  365. .sideback2{
  366. width:9px;
  367. position:fixed !important;
  368. top:-5px;
  369. height:7800px;
  370. margin-left:880px;
  371. z-index:1;
  372. background:{color:sidebar borders};
  373. border: 3px double #fff;
  374. border-radius: 25px 10px / 10px 25px;
  375. -webkit-transition: all 0.5s linear;
  376. -webkit-transition: all 0.5s linear;
  377. -moz-transition: all 0.5s linear;
  378. transition: all 0.5s linear;
  379. -webkit-animation:fadeInDownBig 2s;
  380. -moz-animation:fadeInDownBig 2s;
  381. -ms-animation:fadeInDownBig 2s;
  382. }
  383.  
  384. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  385. .entry {
  386. float:left;
  387. display: block;
  388. margin:7px;
  389. overflow:hidden;
  390. width:240px;
  391. {block:PermalinkPage}
  392. width:450px;
  393. text-align:left;
  394. line-height:10px;
  395. {/block:PermalinkPage}
  396. background:white;
  397. background-image:URL();
  398. padding:18px;
  399. border:1px solid #e1e1e1;
  400. outline:1px dashed #ddd;
  401. outline-offset:-9px;
  402. -webkit-transition: all .7s ease;
  403. -moz-transition: all .7s ease;
  404. -o-transition: all .7s ease;
  405. transition: all .7s ease;
  406. }
  407.  
  408. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  409. .entry .perma{
  410. width:auto;
  411. height:auto;
  412. margin-left:3px;
  413. position: absolute;
  414. overflow:hidden;
  415. text-align:center;
  416. bottom:6px;
  417. font-family:consolas;
  418. background:white;
  419. word-spacing:2px;
  420. letter-spacing:1px;
  421. opacity: 0.0;
  422. padding:3px;
  423. padding-bottom:1px;
  424. border-right:4px solid {color:nav};
  425. border-left:4px solid {color:nav};
  426. border-radius:5px;
  427. -webkit-transition: all .7s ease;
  428. -moz-transition: all .7s ease;
  429. -o-transition: all .7s ease;
  430. transition: all .7s ease;
  431. z-index:9;
  432. -webkit-box-shadow: 0px 0px 20px #fff;
  433. -moz-box-shadow: 0px 0px 20px #fff;
  434. box-shadow: 0px 0px 20px #fff;
  435. }
  436.  
  437. .entry:hover .perma{
  438. overflow:visible;
  439. opacity:9; transform: scale(1.05);
  440. -ms-transform: scale(1.05);
  441. -webkit-transform: scale(1.05);
  442. -o-transform: scale(1.05);
  443. -moz-transform: scale(1.05);
  444. -webkit-box-shadow: 0px 0px 20px #fff;
  445. -moz-box-shadow: 0px 0px 20px #fff;
  446. box-shadow: 0px 0px 20px #fff;
  447. }
  448. .LikeButton{
  449.  
  450. position:absolute;
  451. float:left;
  452. top:25px;
  453. left:83px;
  454. z-index:9999;
  455. background:white;
  456. padding:5px;
  457. height: 16px;
  458. width:16px;
  459. opacity:0;
  460. border:4px double {color:borders};
  461. border-radius:111px;
  462. -o-transition-transition: all 0.5s ease;
  463. -webkit-transition: all 0.5s ease;
  464. -moz-transition: all 0.5s ease;
  465. transition: all 0.5s ease;
  466.  
  467. }
  468. .entry:hover .LikeButton{
  469. opacity:8;
  470.  
  471. top:25px;
  472. left:21px;
  473. -o-transition-transition: all 0.5s ease;
  474. -webkit-transition: all 0.5s ease;
  475. -moz-transition: all 0.5s ease;
  476. transition: all 0.5s ease;
  477.  
  478. }
  479.  
  480. .ReblogButton{
  481. position:absolute;
  482. float:left;
  483. z-index:9999;
  484. background:white;
  485. padding:5px;
  486. height:16px;
  487. width:16px;
  488. top:25px;
  489. left:83px;
  490. opacity:0;
  491. border:4px double {color:borders};
  492. border-radius:100px;
  493. -o-transition-transition: all 0.5s ease;
  494. -webkit-transition: all 0.5s ease;
  495. -moz-transition: all 0.5s ease;
  496. transition: all 0.5s ease;
  497. }
  498. .entry:hover .ReblogButton{
  499. opacity:8;
  500. top:25px;
  501. left:65px;
  502.  
  503. -o-transition-transition: all 0.5s ease;
  504. -webkit-transition: all 0.5s ease;
  505. -moz-transition: all 0.5s ease;
  506. transition: all 0.5s ease;
  507.  
  508. }
  509. .LikeButton:hover{
  510.  
  511. -o-transition-transition: all 0.5s ease;
  512. -webkit-transition: all 0.5s ease;
  513. -moz-transition: all 0.5s ease;
  514. transition: all 0.5s ease;
  515. }
  516. .ReblogButton:hover{
  517.  
  518. -o-transition-transition: all 0.5s ease;
  519. -webkit-transition: all 0.5s ease;
  520. -moz-transition: all 0.5s ease;
  521. transition: all 0.5s ease;
  522. }
  523.  
  524. .text{
  525. text-transform: uppercase;
  526. display: block;
  527. text-align:left;
  528. padding-left:18px;
  529. text-decoration: none;
  530. font-size: 9px;
  531. font-family:calibri;
  532. line-height:10px;
  533. letter-spacing:1px;
  534. margin: 2px;
  535. margin-top: 22px;
  536. border: 0px solid #f3f3f3;
  537. outline:1px dashed white;
  538. outline-offset:-3px;
  539. padding-top: 5px;
  540. padding-bottom: 6px;
  541. background:{color:sidebar borders};
  542. color:white;
  543. margin-left: -20px;
  544. margin-right: -20px;
  545. opacity: 0.7;
  546. -webkit-transition: all 0.6s ease-in-out;
  547. -moz-transition: all 0.6s ease-in-out;
  548. transition: all 0.6s ease-in-out;
  549. }
  550.  
  551. .text a{color:#fff; !important;}
  552. .text a:hover{color:#fff; !important;}
  553. .text:hover{
  554. -webkit-transition: 0.8s ease-out;
  555. -moz-transition: 0.8s ease-out;
  556. transition: 0.8s ease-out;
  557. }
  558. .entry:hover .text{
  559. opacity:.7;
  560. -webkit-transition: 0.8s ease-out;
  561. -moz-transition: 0.8s ease-out;
  562. transition: 0.8s ease-out;
  563. }
  564.  
  565. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  566. #posts {
  567. width:640px;
  568. margin-top:34px;
  569. z-index:99;
  570. margin-left:289px;
  571. right:auto;
  572. background:transparent;
  573. margin-right:auto;
  574. position:relative;
  575. overflow-y: hidden;
  576. }
  577.  
  578.  
  579. /*CUSTOMIZE SIDEBAR HERE*/
  580. #sidebar{
  581. position:fixed !important;
  582. width:320px;
  583. background:white;
  584. height:400px;
  585. margin-top:150px;
  586. margin-left:-165px;
  587. text-align:center;
  588. padding:5px;
  589. border:15px solid {color:sidebar borders};
  590. transition: all 0.6s ease-out;
  591. -o-transition-transition: all 0.4s ease-out;
  592. -webkit-transition: all 0.4s ease-out;
  593. -moz-transition: all 0.4s ease-out;
  594. }
  595.  
  596. #pic{
  597. opacity:.8;
  598. margin-top:2px;
  599. margin-left:-2px;
  600. width:320px;
  601. height:400px;
  602. }
  603.  
  604.  
  605. #pic img{
  606. margin-top:0px;
  607. margin-left:-1px;
  608. width:320px;
  609. background:;
  610. height:400px;
  611. opacity:1;
  612. -webkit-transition: all .7s ease;
  613. -moz-transition: all .7s ease;
  614. -o-transition: all .7s ease;
  615. transition: all .7s ease;
  616. -webkit-transform: perspective(00) rotateY(0deg);
  617. -moz-transform: perspective(0) rotateY(0deg);
  618. transform: perspective(00) rotateY(0deg);
  619. }
  620.  
  621. #sidebar:hover #pic img{
  622. border-radius:0px;
  623.  
  624. -webkit-transform: perspective(0) rotateY(0deg);
  625. -moz-transform: perspective(00) rotateY(0deg);
  626. transform: perspective(00) rotateY(0deg);
  627. opacity:0;
  628. }
  629.  
  630. #desc:before{
  631. position: absolute;
  632. left:-17px;
  633. top:42px;
  634. width:2px;
  635. height:5px;
  636. content:"";
  637. transform: scale(0, 1.11);
  638. -webkit-transform: scale(1, 0.501);
  639. -moz-transform: scale(1, 0.501);
  640. -o-transform: scale(1, 0.501);
  641. -ms-transform: scale(1, 0.501);
  642. border-left:7px solid transparent;
  643. border-right:7px solid transparent;
  644. -webkit-transform:rotate(90deg);
  645. border-top:10px solid #e1e1e1;
  646. }
  647.  
  648. #desc{
  649. z-index:2;
  650. position:fixed !important;
  651. opacity: 0;
  652. width:143px;
  653. height:56px;
  654. padding:11px;
  655. margin-left:135px;
  656. margin-top:-377px;
  657. background:white;
  658. border:1px solid #e1e1e1;
  659. border-radius:3px;
  660. background-image:url(http://media.tumblr.com/fd5340c889dfb6754354bc3bd687e493/tumblr_inline_mva7hkPMh11qjbhq0.jpg);
  661. letter-spacing:1px;
  662. font-family: calibri;
  663. font-size:11px;
  664. color:#fff;
  665. line-height:14px;
  666. transition: all 0.6s ease-out;
  667. -o-transition-transition: all 0.4s ease-out;
  668. -webkit-transition: all 0.4s ease-out;
  669. -moz-transition: all 0.4s ease-out;
  670. }
  671.  
  672. #sidebar:hover #desc{
  673. opacity:3;
  674. transform:rotate(0deg);
  675. -ms-transform:rotate(0deg);
  676. -webkit-transform:rotate(0deg);
  677.  
  678.  
  679.  
  680. margin-left:135px;
  681. }
  682.  
  683. #rad{
  684. opacity:0;
  685. margin-left:-205px;
  686. margin-top:-385px;
  687. transition: all 0.6s ease-out;
  688. -o-transition-transition: all 0.4s ease-out;
  689. -webkit-transition: all 0.4s ease-out;
  690. -moz-transition: all 0.4s ease-out;
  691. }
  692. #sidebar:hover #rad{
  693. opacity:1;
  694. transition: all 0.6s ease-out;
  695. -o-transition-transition: all 0.4s ease-out;
  696. -webkit-transition: all 0.4s ease-out;
  697. -moz-transition: all 0.4s ease-out;
  698. }
  699. #rad img{
  700. width:150px;
  701. }
  702. #rad2{
  703. opacity:0;
  704. margin-left:-10px;
  705. margin-top:75px;
  706. transition: all 0.6s ease-out;
  707. -o-transition-transition: all 0.4s ease-out;
  708. -webkit-transition: all 0.4s ease-out;
  709. -moz-transition: all 0.4s ease-out;
  710. }
  711. #sidebar:hover #rad2{
  712. opacity:1;
  713. transition: all 0.6s ease-out;
  714. -o-transition-transition: all 0.4s ease-out;
  715. -webkit-transition: all 0.4s ease-out;
  716. -moz-transition: all 0.4s ease-out;
  717. }
  718. #cutie{
  719. opacity:0;
  720. margin-left:-10px;
  721. margin-top:5px;
  722. transition: all 0.6s ease-out;
  723. -o-transition-transition: all 0.4s ease-out;
  724. -webkit-transition: all 0.4s ease-out;
  725. -moz-transition: all 0.4s ease-out;
  726. }
  727. #sidebar:hover #cutie{
  728. opacity:1;
  729. transition: all 0.6s ease-out;
  730. -o-transition-transition: all 0.4s ease-out;
  731. -webkit-transition: all 0.4s ease-out;
  732. -moz-transition: all 0.4s ease-out;
  733. }
  734. @font-face { font-family: "blink"; src: url('http://static.tumblr.com/f2ifh0p/99pmt6hwf/cwbtrial.ttf'); }
  735. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  736.  
  737. @font-face {font-family:"Aderyn"; src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  738. @font-face { font-family: 'ronda'; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  739. @font-face{font-family: "wow"; src:url('http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf');}
  740. @font-face { font-family: "pee"; src: url('http://static.tumblr.com/4yxykdm/wmVlrea61/king_cool_kc_1_.ttf'); }
  741. @font-face { font-family: "lol"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  742.  
  743. @font-face{font-family:Waltograph;src:url(http://static.tumblr.com/9wzbixa/CaXlyw8mg/waltograph42.otf);}
  744. @font-face {font-family:Pea Marley; src: url(http://static.tumblr.com/9wzbixa/vH7mkun4j/peamarley1.ttf);}
  745. @font-face {font-family:Pea Katrina; src: url(http://static.tumblr.com/9wzbixa/Qgwmkun3g/peakatrina.ttf);}
  746.  
  747. @font-face { font-family: "admiration"; src: url('http://static.tumblr.com/u37ad6e/HXSmll01i/admiration_pains.ttf'); }
  748. @font-face { font-family: "paulpan"; src: url('http://static.tumblr.com/4yxykdm/Ncwlrfhzq/paulpan_.ttf'); }
  749. @font-face{font-family:Lala;src:url(http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff);}
  750. @font-face {font-family:Painted;src:url(http://static.tumblr.com/9wzbixa/7vNm26po9/painted.ttf);}
  751.  
  752. #blogtitle{
  753. position:fixed;
  754. text-align: center;
  755. margin: 20px auto 10px;
  756. width:600px;
  757. padding:10px;
  758. background: transparent;
  759. font-family:lala;
  760. font-size:46px;
  761. text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;
  762. color:#Fff;
  763. margin-top:125px;
  764. margin-left:-307px;
  765. z-index: 99999;
  766. opacity:3;
  767. text-transform:none;
  768. background-image:sdfgh;
  769. letter-spacing: 1px;
  770. line-height:0px;
  771. text-align:center;
  772. font-weight:20px;
  773. -o-transition-transition: all 0.5s ease;
  774. -webkit-transition: all 0.5s ease;
  775. -moz-transition: all 0.5s ease;
  776. transition: all 0.5s ease;
  777. }
  778.  
  779. #cred{
  780. width:auto;
  781. position:fixed;
  782. bottom:75px;
  783. left:0px;
  784. -webkit-transition: all .7s ease;
  785. -moz-transition: all .7s ease;
  786. -o-transition: all .7s ease;
  787. transition: all .7s ease;
  788. }
  789. #cred2{
  790. font-size:26px;
  791. font-family:arial;
  792. line-height:16px;
  793. text-align:center;
  794. height:15px;
  795. margin-top:33px;
  796. width:15px;
  797. padding:5px;
  798. padding-right:10px;
  799. background:#ffffff;
  800. margin-left:0px;
  801. position:fixed;
  802. -webkit-transition: all .7s ease;
  803. -moz-transition: all .7s ease;
  804. -o-transition: all .7s ease;
  805. transition: all .7s ease;
  806. border:1px solid #aaa;
  807. color:#fff;
  808. background-image:url(http://media.tumblr.com/e608d1b986d6f93305ca16666d9c7709/tumblr_inline_mva7hw8Bx91qjbhq0.jpg);
  809. }
  810.  
  811. #cred3{
  812. text-align:center;
  813. width:110px;
  814. font-size:11px;
  815. background:#ffffff;
  816. height:5px;
  817. padding-top:10px;
  818. padding-bottom:10px;
  819. font-family:calibri;
  820. text-transform:uppercase;
  821. margin-left:-110px;
  822. margin-top:33px;
  823. position:fixed;
  824. -webkit-transition: all .7s ease;
  825. -moz-transition: all .7s ease;
  826. -o-transition: all .7s ease;
  827. transition: all .7s ease;
  828. border:1px solid #aaa;
  829. line-height:5px;
  830. color:#fff;
  831. background-image:url(http://media.tumblr.com/e608d1b986d6f93305ca16666d9c7709/tumblr_inline_mva7hw8Bx91qjbhq0.jpg);
  832. }
  833.  
  834. #cred:hover #cred3{
  835. margin-left:30px;
  836. }
  837. #cred3:hover{
  838.  
  839. -webkit-transform: rotateX(360deg);
  840. -moz-transform: rotateX(360deg);
  841. -o-transform: rotateX(360deg);
  842. -webkit-transition: all .7s ease;
  843. -moz-transition: all .7s ease;
  844. -o-transition: all .7s ease;
  845. transition: all .7s ease;
  846. }
  847.  
  848. #topbar{
  849. position:fixed;
  850. width:578px;
  851. height:33px;
  852. opacity: 2;
  853. padding: 0px;
  854. padding-left: 25px;
  855. margin-left:278px;
  856. margin-top: -1px;
  857. box-shadow:0px 2px 1px #ddd;
  858. text-transform: uppercase;
  859. background:{color:sidebar borders};
  860. color: #fff;
  861. border-bottom: 3px double #fff;
  862. border-left:0px;
  863. line-height:29px;
  864. text-align:left;
  865. font-size: 13px;
  866. font-family: Calibri;
  867. z-index:9999;
  868. text-align:center;
  869. -webkit-transition: all .7s ease;
  870. -moz-transition: all .7s ease;
  871. -o-transition: all .7s ease;
  872. transition: all .7s ease;
  873. -webkit-animation:fadeInDown 2s;
  874. -moz-animation:fadeInDown 2s;
  875. -ms-animation:fadeInDown 2s;
  876. }
  877.  
  878. #sidebar .link1{
  879. position:fixed;
  880. margin-top:60px;
  881. margin-left:23px;
  882. width:40px;
  883. height:25px;
  884. padding:3px;
  885. background-color: {color:topbar};
  886. border:1px solid {color:borders};
  887. z-index:99999999999999;
  888. text-transform:none;
  889. -o-transition-transition: all 0.4s linear;
  890. -webkit-transition: all 0.4s linear;
  891. -moz-transition: all 0.4s linear;
  892. opacity: 0;
  893. background-color: white;
  894. }
  895.  
  896. #sidebar .link1:hover{
  897. background-color: white;
  898.  
  899. }
  900.  
  901. #sidebar:hover .link1{
  902. opacity: 1;
  903. }
  904.  
  905. #sidebar .link2{
  906. position:fixed;
  907. margin-top:60px;
  908. margin-left:80px;
  909. width:40px;
  910. height:25px;
  911. padding:3px;
  912. background-color: {color:topbar};
  913. border:1px solid {color:borders};
  914. z-index:99999999999999;
  915. text-transform:none;
  916. -o-transition-transition: all 0.4s linear;
  917. -webkit-transition: all 0.4s linear;
  918. -moz-transition: all 0.4s linear;
  919. opacity: 0;
  920. background-color: white;
  921. }
  922.  
  923. #sidebar .link2:hover{
  924. background-color: white;
  925. }
  926.  
  927. #sidebar:hover .link2{
  928. opacity: 0.9;
  929. }
  930.  
  931.  
  932. #sidebar .link3{
  933. position:fixed;
  934. margin-top:60px;
  935. margin-left:134px;
  936. width:40px;
  937. height:25px;
  938. padding:3px;
  939. background-color: {color:topbar};
  940. border:1px solid {color:borders};
  941. z-index:99999999999999;
  942. text-transform:none;
  943. -o-transition-transition: all 0.4s linear;
  944. -webkit-transition: all 0.4s linear;
  945. -moz-transition: all 0.4s linear;
  946. opacity: 0;
  947. background-color: white;
  948. }
  949.  
  950. #sidebar .link3:hover{
  951. background-color: white;
  952. }
  953.  
  954. #sidebar:hover .link3{
  955. opacity: 0.8;
  956. }
  957.  
  958. #sidebar .link4{
  959. position:fixed;
  960. margin-top:60px;
  961. margin-left:192px;
  962. width:40px;
  963. height:25px;
  964. padding:3px;
  965. background-color: {color:topbar};
  966. border:1px solid {color:borders};
  967. z-index:99999999999999;
  968. text-transform:none;
  969. -o-transition-transition: all 0.4s linear;
  970. -webkit-transition: all 0.4s linear;
  971. -moz-transition: all 0.4s linear;
  972. opacity: 0;
  973. background-color: white;
  974. }
  975.  
  976. #sidebar .link4:hover{
  977. background-color: white;
  978. }
  979.  
  980. #sidebar:hover .link4{
  981. opacity: 0.7;
  982. }
  983.  
  984. #sidebar .link5{
  985. position:fixed;
  986. margin-top:60px;
  987. margin-left:250px;
  988. width:40px;
  989. height:25px;
  990. padding:3px;
  991. background-color: {color:topbar};
  992. border:1px solid {color:borders};
  993. z-index:99999999999999;
  994. text-transform:none;
  995. background-color: white;
  996. -o-transition-transition: all 0.4s linear;
  997. -webkit-transition: all 0.4s linear;
  998. -moz-transition: all 0.4s linear;
  999. opacity:0;
  1000. }
  1001.  
  1002. #sidebar .link5:hover{
  1003. background-color: white;
  1004. }
  1005. #sidebar:hover .link5{
  1006. opacity: 0.6;
  1007. }
  1008.  
  1009. #linkies{
  1010. opacity:0;
  1011. font-family:lala;
  1012. font-size:45px;
  1013. text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;
  1014. color:#Fff;
  1015. z-index:9999999999999999999999999999999999999999;
  1016. margin-top:20px;
  1017. margin-left:-10px;
  1018. -webkit-transition: all .7s ease;
  1019. -moz-transition: all .7s ease;
  1020. -o-transition: all .7s ease;
  1021. transition: all .7s ease;
  1022. }
  1023. #sidebar:hover #linkies{
  1024. opacity:1;
  1025. -webkit-transition: all .7s ease;
  1026. -moz-transition: all .7s ease;
  1027. -o-transition: all .7s ease;
  1028. transition: all .7s ease;
  1029. }
  1030.  
  1031. #sidebar #updates{
  1032. position:fixed !important;
  1033. width:114px;
  1034. padding-top:6px;
  1035. height:12px;
  1036. margin-top: 60px;
  1037. margin-left:67px;
  1038. text-align:center;
  1039. z-index:99999;
  1040. font-family: calibri;
  1041. border:1px solid #e1e1e1;
  1042. background-color:{color:borders};
  1043. color:#fff;
  1044. opacity:0;
  1045. font-size:13px;
  1046. line-height:17px;
  1047. padding-left:0px;
  1048. padding-top:2px;
  1049. padding-bottom:8px;;
  1050. border-radius:5px;
  1051. transition: all 0.5s ease-out;
  1052. -o-transition-transition: all 0.5s ease-out;
  1053. -webkit-transition: all 0.5s ease-out;
  1054. -moz-transition: all 0.5s ease-out;
  1055. }
  1056. #sidebar:hover #updates{
  1057. opacity:1;
  1058.  
  1059. transition: all 0.5s ease-out;
  1060. -o-transition-transition: all 0.5s ease-out;
  1061. -webkit-transition: all 0.5s ease-out;
  1062. -moz-transition: all 0.5s ease-out;
  1063. }
  1064. #updates img{
  1065. width:150px;
  1066. }
  1067. #music {
  1068. z-index:3;
  1069. position:absolute;
  1070. top:312px;
  1071. opacity:0;
  1072. left:73px;
  1073. width:114px;
  1074. height:12px;
  1075. overflow:hidden;
  1076. border-radius:5px;
  1077. font-family:calibri;
  1078. font-size:13px;
  1079. padding-left:0px;
  1080. padding-top:2px;
  1081. padding-bottom:8px;
  1082. line-height:20px;
  1083. letter-spacing:0px;
  1084. border:1px solid {color:borders};
  1085. text-align:center;
  1086. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  1087. background:white;
  1088. transition: all 0.7s ease-out;
  1089. -o-transition-transition: all 0.7s ease-out;
  1090. -webkit-transition: all 0.7s ease-out;
  1091. -moz-transition: all 0.7s ease-out;
  1092. }
  1093.  
  1094.  
  1095. #sidebar:hover #music{
  1096. opacity:2;
  1097. transform: rotateX(0deg);
  1098. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  1099. }
  1100.  
  1101. #oh{
  1102. position:fixed;
  1103.  
  1104. margin-top:34px;
  1105. padding:3px;
  1106. line-height:9px;
  1107. margin-left:35px;
  1108. color:#fff;
  1109. font-family:calibri;
  1110. font-size:10px;
  1111. text-align:center;
  1112. opacity:0.0;
  1113.  
  1114. -o-transition-transition: all 0.6s ease-out;
  1115. -webkit-transition: all 0.6s ease-out;
  1116. -moz-transition: all 0.6s ease-out;
  1117. }
  1118.  
  1119. #sidebar:hover #oh{
  1120. opacity:1;
  1121.  
  1122. -o-transition-transition: all 0.6s ease-out;
  1123. -webkit-transition: all 0.6s ease-out;
  1124. -moz-transition: all 0.6s ease-out;
  1125. }
  1126. #cutie-mark{
  1127. opacity:0;
  1128. margin-left:170px;
  1129. margin-top:-6px;
  1130. -o-transition-transition: all 0.6s ease-out;
  1131. -webkit-transition: all 0.6s ease-out;
  1132. -moz-transition: all 0.6s ease-out;
  1133. }
  1134. #sidebar:hover #cutie-mark{
  1135. opacity:1;
  1136. -o-transition-transition: all 0.6s ease-out;
  1137. -webkit-transition: all 0.6s ease-out;
  1138. -moz-transition: all 0.6s ease-out;
  1139. }
  1140. #cutie-mark img{
  1141. width:180px;
  1142. }
  1143.  
  1144. #stats{
  1145. position:fixed !important;
  1146. width:114px;
  1147. height:12px;
  1148. padding-left:0px;
  1149. padding-top:2px;
  1150. padding-bottom:8px;
  1151. line-height:20px;
  1152. margin-top:-40px;
  1153. margin-left:67px;
  1154. background:white;
  1155. border:1px solid {color:borders};
  1156. border-radius:5px;
  1157. font-family:calibri;
  1158. font-size:13px;
  1159.  
  1160. opacity:0;
  1161. -webkit-transition: all .7s ease;
  1162. -moz-transition: all .7s ease;
  1163. -o-transition: all .7s ease;
  1164. transition: all .7s ease;
  1165. }
  1166.  
  1167. #sidebar:hover #stats{
  1168. opacity:1;
  1169.  
  1170. }
  1171. @font-face { font-family: "handy"; src: url('http://static.tumblr.com/yqxw8ss/qOClwq07v/handy00.ttf'); }
  1172.  
  1173. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  1174. .title{
  1175. line-height: 39px;
  1176. color:{color:Title};
  1177. font-weight: normal;
  1178. font-size:37px;
  1179. font-family:lala;
  1180. text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;
  1181. color:#Fff;
  1182. }
  1183.  
  1184.  
  1185. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  1186. .permalink{
  1187. text-transform: normal;
  1188. display: block;
  1189. text-align: right;
  1190. text-decoration: none;
  1191. }
  1192.  
  1193.  
  1194. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  1195. #infscr-loading{
  1196. bottom: -70px;
  1197. position: absolute;
  1198. left: 50%;
  1199. margin-left:-8px;
  1200. width:16px;
  1201. height:11px;
  1202. overflow:hidden;
  1203. margin-bottom: 50px;
  1204. }
  1205.  
  1206. #postnotes{
  1207. text-align: justify;}
  1208.  
  1209. #postnotes blockquote{
  1210. border: 0px;}
  1211.  
  1212. blockquote{
  1213. padding:0px 0px 2px 5px;
  1214. margin:0px 0px 2px 10px;
  1215. border-left: 1px dotted #555555;
  1216. }
  1217.  
  1218. blockquote p, ul{
  1219. margin:0px;
  1220. padding:0px;
  1221. }
  1222.  
  1223. a img{border: 0px;}
  1224.  
  1225.  
  1226. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1227.  
  1228. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1229. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1230.  
  1231. .notes img{width:10px; position:relative; top:3px;}
  1232. <--ses-->
  1233. small{font-size: 90%;}
  1234. @-webkit-keyframes tada {
  1235. 0% {-webkit-transform: scale(1);}
  1236. 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
  1237. 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
  1238. 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
  1239. 100% {-webkit-transform: scale(1) rotate(0);}
  1240. }
  1241.  
  1242. @-moz-keyframes tada {
  1243. 0% {-moz-transform: scale(1);}
  1244. 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
  1245. 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
  1246. 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
  1247. 100% {-moz-transform: scale(1) rotate(0);}
  1248. }
  1249.  
  1250. @-o-keyframes tada {
  1251. 0% {-o-transform: scale(1);}
  1252. 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
  1253. 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
  1254. 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
  1255. 100% {-o-transform: scale(1) rotate(0);}
  1256. }
  1257.  
  1258. @keyframes tada {
  1259. 0% {transform: scale(1);}
  1260. 10%, 20% {transform: scale(0.9) rotate(-3deg);}
  1261. 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
  1262. 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
  1263. 100% {transform: scale(1) rotate(0);}
  1264. }
  1265.  
  1266. .tada {
  1267. -webkit-animation-name: tada;
  1268. -moz-animation-name: tada;
  1269. -o-animation-name: tada;
  1270. animation-name: tada;
  1271. }
  1272. {CustomCSS}
  1273.  
  1274. </style>
  1275.  
  1276. {block:IndexPage}
  1277. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1278. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1279.  
  1280. <script type="text/javascript">
  1281. $(window).load(function(){
  1282. var $wall = $('#posts');
  1283. $wall.imagesLoaded(function(){
  1284. $wall.masonry({
  1285. itemSelector: '.entry, .entry_photo',
  1286. isAnimated : false
  1287. });
  1288. });
  1289.  
  1290. $wall.infinitescroll({
  1291. navSelector : '#pagination',
  1292. nextSelector : '#pagination a',
  1293. itemSelector : '.entry, .entry_photo',
  1294. bufferPx : 2000,
  1295. debug : false,
  1296. errorCallback: function() {
  1297. $('#infscr-loading').fadeOut('normal');
  1298. }},
  1299. function( newElements ) {
  1300. var $newElems = $( newElements );
  1301. $newElems.hide();
  1302. $newElems.imagesLoaded(function(){
  1303. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1304. });
  1305. }); $('#posts').show(500);
  1306. });
  1307. </script>
  1308.  
  1309.  
  1310. {/block:IndexPage}
  1311.  
  1312.  
  1313. <title>{title}</title>
  1314.  
  1315. <link rel="shortcut icon" href="{image:Favicon}" />
  1316. <meta name="viewport" content="width=820" />
  1317. </head>
  1318. <a href="http://liqhtful.tumblr.com/tagged/themes"><img src="http://i50.tinypic.com/3325qp0.png"style="position:fixed; right:2px; opacity:.5; top:37px;z-index:99; -webkit-filter: invert(100%)" ></a>
  1319. <body>
  1320. <BODY onselectstart="return false;" ondragstart="return false;">
  1321. <div class="wrapper">
  1322. <div class="header">
  1323. </div>
  1324.  
  1325. <div id="cage">
  1326. <div id="center">
  1327. <div id="blogtitle"><span id="bubble">{text:blogtitle}</span></div>
  1328. <div id="topbar"><span id="wipe">{text:quote}</span>
  1329. </div>
  1330.  
  1331. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1332. <div id="sidebar">
  1333.  
  1334. <center>
  1335. <div id="pic"><img src="{image:sidebar}"></div>
  1336.  
  1337. <div id="desc"><yourname>{text:your name};</yourname>{description}</div>
  1338. <div id="rad"><img src="http://static.tumblr.com/df6d86a5eb700603212b8fcecca030f1/l5nqrne/diin1bjvh/tumblr_static_large__2_.gif"></div>
  1339. <div id="cutie"><img src="http://media.tumblr.com/tumblr_lmjk6wNC7g1qh6bfb.png"></div>
  1340. <div class="link1"><a href="{text:link 1}" title="{text:link 1 msg}"><img src="https://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/home.png" style=" margin-top:-3px; height:32px; -webkit-filter:grayscale(100%);"</a> </div>
  1341.  
  1342. <div class="link2"><a href="{text:link 2}" title="{text:link 2 msg}"><img src="https://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/mail.png" style=" margin-top:-3px; height:32px; -webkit-filter:grayscale(100%);"></a> </div>
  1343.  
  1344. <div class="link3"><a href="{text:link 3}" title="{text:link 3 msg}"><img src="https://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/add.png" style=" margin-top:-3px; height:32px; -webkit-filter:grayscale(100%); opacity:0.8;"></a> </a> </div>
  1345.  
  1346. <div class="link4"><a href="{text:link 4}" title="{text:link 4 msg}"><img src="https://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/photo-camera.png" style=" margin-top:-3px; height:32px; -webkit-filter:grayscale(100%);"></a> </div>
  1347.  
  1348. <div class="link5"><a href="{text:link 5}" title="{text:link 5 msg}"><img src="https://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/favourites.png" style=" margin-top:-2px; height:30px; -webkit-filter:grayscale(100%);"></a> </div>
  1349. <div id="linkies">My Links;</div>
  1350. <div id="rad2"><img src="http://media.tumblr.com/tumblr_lmjk6wNC7g1qh6bfb.png"></div>
  1351. <div id="music">
  1352.  
  1353. {text:music}
  1354.  
  1355. </div>
  1356.  
  1357. <div id="oh"><a href="#?w=300" rel="05" class="poplight"title="playlist"><img src="http://i12.photobucket.com/albums/a213/superkate_2468/favicon-2ico.gif"></a></div>
  1358.  
  1359. <div id="updates"><a href="#?w=300" rel="02" class="poplight" title="Updates!">Updates</a></div>
  1360. <div id="cutie-mark"><img src="http://doginstructions.com/wp-content/uploads/2014/01/cute-cats-gif-tumblrcat-art-black-and-white-cat-gif-cute-cat-cat-gifs-transparent-trhiltjh.gif"></div>
  1361.  
  1362. <div id="stats">{text:stats}</div>
  1363. </center>
  1364. </div>
  1365. <!------------------------------------->
  1366.  
  1367. <div class="sideback"></div>
  1368. <div class="sideback2"></div>
  1369. <div class="left">
  1370. <div id="posts">
  1371. {block:Posts}
  1372. <div class="entry">
  1373.  
  1374.  
  1375. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><div class="permalinktext"><div class="text">
  1376. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div></div>
  1377. {/block:Text}
  1378.  
  1379. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext">
  1380. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div>{block:Link}
  1381.  
  1382. {block:Answer}
  1383.  
  1384. <div style="font-family:Aderyn; font-size:18px;">{Asker}</div>: <div style="line-height:13px; font-family:calibri; font-size:11px; padding:2px; border-bottom:1px dashed #e1e1e1;">{Question}</div>
  1385. <div style="margin-top:8px; margin-bottom:4px; font-family:calibri;font-size: 11px;font-style: none;background: transparent; padding-bottom:5px;">{Answer}</div> <div style="font-family:Aderyn; font-size:18px; line-height:16px;">Love, {text:your name}</div>
  1386. {block:IndexPage}
  1387. <div class="permalinktext"><div class="text">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div></div>
  1388. {/block:IndexPage}
  1389. {/block:Answer}
  1390. {/block:Answer}
  1391.  
  1392. {block:Photo}
  1393. {block:IndexPage}
  1394. <center>
  1395. <div class="perma2">
  1396. <a href="{reblogurl}"> <ul class="LikeButton">
  1397. <li>{ReblogButton color="gray" size=16}</li>
  1398. </ul>
  1399. <ul class="ReblogButton">
  1400. <li>{LikeButton color="gray" size=16}</li>
  1401. </ul></a></div></a>
  1402.  
  1403. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1404. {/block:IndexPage}
  1405. {block:PermalinkPage}
  1406. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" style="border-radius:0px;" alt="{PhotoAlt}" width="100%"/></a></div>
  1407.  
  1408. {LinkCloseTag}
  1409. {/block:PermalinkPage}
  1410. {/block:Photo}
  1411.  
  1412. {block:Photoset}
  1413. <center>
  1414. {block:IndexPage}
  1415. <div class="perma2">
  1416. <a href="{reblogurl}"><ul class="LikeButton">
  1417. <li>{ReblogButton color="black" size=16}</li>
  1418. </ul>
  1419. <ul class="ReblogButton">
  1420. <li>{LikeButton color="black" size=16}</li>
  1421. </ul></a></div></a>
  1422. <div style="width: 100%;">{Photoset-250}</div>
  1423. {/block:IndexPage}
  1424. </center>
  1425. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  1426. {/block:Photoset}
  1427.  
  1428. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><div class="permalinktext">
  1429. </a></div>{/block:Quote}
  1430.  
  1431. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1432. <ul class="chat">
  1433. {block:Lines}
  1434. <li class="user_{UserNumber}">
  1435. {block:Label}
  1436. <b><span class="label">{Label}</span></b>
  1437. {/block:Label}
  1438.  
  1439. {Line}
  1440. </li>
  1441. {/block:Lines}
  1442. <div class="permalinktext">
  1443. <center> <div style="background-color:#fcfcfc;border:1px solid #eee; border-radius:5px;padding:7px; font-family:calibri;font-size:10px;"><div style="background:{color:perma buttons}; font-size:9px; font-family:calibri; padding:3px;">{12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a></div></div> </center></div>
  1444. {/block:Chat}
  1445.  
  1446. {block:Audio}
  1447. {block:AlbumArt}<div class="artcover">
  1448. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1449. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  1450. <div class="audioinfo"><div class="i"><i>Song Title: </i><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><i>Artist: </i><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div><div class="i"><i>Album: </i><span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}</div></div>
  1451. {block:IndexPage}
  1452. <div style="background-color:#fcfcfc;border:1px solid #eee; border-radius:5px;padding:7px; font-family:calibri;font-size:10px;"><div class="permalinktext">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div></div>
  1453. {/block:IndexPage}
  1454. {/block:Audio}
  1455.  
  1456.  
  1457.  
  1458. {block:Video}<center>
  1459. <div style="padding-top:0px; padding-bottom:2px; -webkit-filter:grayscale(100%);">
  1460. {Video-250}</div>
  1461. {block:IndexPage}
  1462. <div class="permalinktext">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div>
  1463. {/block:IndexPage}
  1464. {block:Video}
  1465.  
  1466. {block:PostNotes}<div align="left">{caption}</div>
  1467. <center>
  1468.  
  1469. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1470.  
  1471. {block:HasTags}
  1472. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1473. {block:RebloggedFrom}
  1474. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1475. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1476.  
  1477. {/block:RebloggedFrom}
  1478. </center></span>
  1479. <br>
  1480. <div id="postnotes">{PostNotes}</div><br>
  1481.  
  1482. <center>{block:ContentSource}
  1483. <br><a href="{SourceURL}">
  1484. {lang:Source}:
  1485. {block:SourceLogo}
  1486. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1487. height="{LogoHeight}" alt="{SourceTitle}" />
  1488. {/block:SourceLogo}
  1489. {block:NoSourceLogo}
  1490. {SourceLink}
  1491. {/block:NoSourceLogo}
  1492. </a>
  1493. {/block:ContentSource}</center>
  1494.  
  1495. {/block:PostNotes}
  1496. </div>
  1497. {/block:Posts}
  1498. </div></div>
  1499.  
  1500. {block:IndexPage}
  1501. {block:Pagination}
  1502. <div id="pagination">
  1503. {block:NextPage}
  1504. <a id="nextPage" href="{NextPage}"></a>
  1505. {/block:NextPage}
  1506. {block:PreviousPage}
  1507. <a href="{PreviousPage}"></a>
  1508. {/block:PreviousPage}
  1509. </div>
  1510. {/block:Pagination}
  1511. {/block:IndexPage}
  1512. </body>
  1513.  
  1514.  
  1515.  
  1516. <div id="cred"><div id="cred2">☠</div>
  1517. <div id="cred3">
  1518. <a href="http://liqhtful.tumblr.com/" title="theme credit">Theme by Liqhtful ☢</a>
  1519. </div></div>
  1520. <div id="02" class="popup_block">
  1521. <center><div style="font-family: lol; font-size: 29px; margin-top:15px;line-height: 46px; margin-left:5px; color: {color:borders};">Updates<br></center><br>
  1522.  
  1523. <center>
  1524.  
  1525. write updates here plz ily <br><br>
  1526. just do wat i do <br><br>
  1527. go to bottom of HTML to do so <br><br>
  1528. take it away bippy! <br>
  1529.  
  1530. </center>
  1531. </div></div></div></div></div></div></div></div></div></div>
  1532. <div id="05" class="popup_block">
  1533. <center><div style="font-family: lol; font-size: 29px; margin-top:15px;line-height: 46px; margin-left:5px; color: {color:borders};">Playlist<br></center><br>
  1534.  
  1535. <center>
  1536.  
  1537. song 1 <br><br>
  1538. song 2<br><br>
  1539. song 3<br><br>
  1540. </center>
  1541.  
  1542.  
  1543. </div></div></div></div></div></div></div></div></div></div>
  1544.  
  1545.  
  1546. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!