API tools faq
paste
Fucking_Aj

Theme 6 - "King For a Day" by Mufflinq

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