API tools faq
paste
Fucking_Aj

The Downfall of Us All - Theme 20 by Overkilled (Liqhtful)

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