API tools faq
paste
Fucking_Aj

Theme 5 - "No Ordinary Love" by Lootinq

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