Fucking_Aj

After Midnight- Theme 2 by Liqhtful

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