SHARE
TWEET

old theme

uyuhun Jan 18th, 2020 92 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2.  
  3.  
  4.     #01 VIEW 2.0
  5.     BY MARIESTHEMES.TUMBLR.COM
  6.    
  7.     this work is licensed under a Creative Commons Attribution-NonCommercia
  8.     -NoDerivatives 4.0 International License
  9.    
  10.     photoset script ©pixelunion.net
  11.     video & souncloud scripts ©shythemes.tumblr.com
  12.  
  13.  
  14. -->
  15.  
  16. <html>
  17. <head>
  18. <script type="text/javascript">
  19. // <![CDATA[
  20. var colour="#FF7BD6";
  21. var sparkles=120;
  22.  
  23. /****************************
  24. *  Tinkerbell Magic Sparkle *
  25. * (c) 2005 mf2fm web-design *
  26. *  http://www.mf2fm.com/rv  *
  27. * DON'T EDIT BELOW THIS BOX *
  28. ****************************/
  29. var x=ox=400;
  30. var y=oy=300;
  31. var swide=800;
  32. var shigh=600;
  33. var sleft=sdown=0;
  34. var tiny=new Array();
  35. var star=new Array();
  36. var starv=new Array();
  37. var starx=new Array();
  38. var stary=new Array();
  39. var tinyx=new Array();
  40. var tinyy=new Array();
  41. var tinyv=new Array();
  42.  
  43. window.onload=function() { if (document.getElementById) {
  44.   var i, rats, rlef, rdow;
  45.   for (var i=0; i<sparkles; i++) {
  46.     var rats=createDiv(3, 3);
  47.     rats.style.visibility="hidden";
  48.     document.body.appendChild(tiny[i]=rats);
  49.     starv[i]=0;
  50.     tinyv[i]=0;
  51.     var rats=createDiv(5, 5);
  52.     rats.style.backgroundColor="transparent";
  53.     rats.style.visibility="hidden";
  54.     var rlef=createDiv(1, 5);
  55.     var rdow=createDiv(5, 1);
  56.     rats.appendChild(rlef);
  57.     rats.appendChild(rdow);
  58.     rlef.style.top="2px";
  59.     rlef.style.left="0px";
  60.     rdow.style.top="0px";
  61.     rdow.style.left="2px";
  62.     document.body.appendChild(star[i]=rats);
  63.   }
  64.   set_width();
  65.   sparkle();
  66. }}
  67.  
  68. function sparkle() {
  69.   var c;
  70.   if (x!=ox || y!=oy) {
  71.     ox=x;
  72.     oy=y;
  73.     for (c=0; c<sparkles; c++) if (!starv[c]) {
  74.       star[c].style.left=(starx[c]=x)+"px";
  75.       star[c].style.top=(stary[c]=y)+"px";
  76.       star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  77.       star[c].style.visibility="visible";
  78.       starv[c]=50;
  79.       break;
  80.     }
  81.   }
  82.   for (c=0; c<sparkles; c++) {
  83.     if (starv[c]) update_star(c);
  84.     if (tinyv[c]) update_tiny(c);
  85.   }
  86.   setTimeout("sparkle()", 40);
  87. }
  88.  
  89. function update_star(i) {
  90.   if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  91.   if (starv[i]) {
  92.     stary[i]+=1+Math.random()*3;
  93.     if (stary[i]<shigh+sdown) {
  94.       star[i].style.top=stary[i]+"px";
  95.       starx[i]+=(i%5-2)/5;
  96.       star[i].style.left=starx[i]+"px";
  97.     }
  98.     else {
  99.       star[i].style.visibility="hidden";
  100.       starv[i]=0;
  101.       return;
  102.     }
  103.   }
  104.   else {
  105.     tinyv[i]=50;
  106.     tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  107.     tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  108.     tiny[i].style.width="2px";
  109.     tiny[i].style.height="2px";
  110.     star[i].style.visibility="hidden";
  111.     tiny[i].style.visibility="visible"
  112.   }
  113. }
  114.  
  115. function update_tiny(i) {
  116.   if (--tinyv[i]==25) {
  117.     tiny[i].style.width="1px";
  118.     tiny[i].style.height="1px";
  119.   }
  120.   if (tinyv[i]) {
  121.     tinyy[i]+=1+Math.random()*3;
  122.     if (tinyy[i]<shigh+sdown) {
  123.       tiny[i].style.top=tinyy[i]+"px";
  124.       tinyx[i]+=(i%5-2)/5;
  125.       tiny[i].style.left=tinyx[i]+"px";
  126.     }
  127.     else {
  128.       tiny[i].style.visibility="hidden";
  129.       tinyv[i]=0;
  130.       return;
  131.     }
  132.   }
  133.   else tiny[i].style.visibility="hidden";
  134. }
  135.  
  136. document.onmousemove=mouse;
  137. function mouse(e) {
  138.   set_scroll();
  139.   y=(e)?e.pageY:event.y+sdown;
  140.   x=(e)?e.pageX:event.x+sleft;
  141. }
  142.  
  143. function set_scroll() {
  144.   if (typeof(self.pageYOffset)=="number") {
  145.     sdown=self.pageYOffset;
  146.     sleft=self.pageXOffset;
  147.   }
  148.   else if (document.body.scrollTop || document.body.scrollLeft) {
  149.     sdown=document.body.scrollTop;
  150.     sleft=document.body.scrollLeft;
  151.   }
  152.   else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  153.     sleft=document.documentElement.scrollLeft;
  154.     sdown=document.documentElement.scrollTop;
  155.   }
  156.   else {
  157.     sdown=0;
  158.     sleft=0;
  159.   }
  160. }
  161.  
  162. window.onresize=set_width;
  163. function set_width() {
  164.   if (typeof(self.innerWidth)=="number") {
  165.     swide=self.innerWidth;
  166.     shigh=self.innerHeight;
  167.   }
  168.   else if (document.documentElement && document.documentElement.clientWidth) {
  169.     swide=document.documentElement.clientWidth;
  170.     shigh=document.documentElement.clientHeight;
  171.   }
  172.   else if (document.body.clientWidth) {
  173.     swide=document.body.clientWidth;
  174.     shigh=document.body.clientHeight;
  175.   }
  176. }
  177.  
  178. function createDiv(height, width) {
  179.   var div=document.createElement("div");
  180.   div.style.position="absolute";
  181.   div.style.height=height+"px";
  182.   div.style.width=width+"px";
  183.   div.style.overflow="hidden";
  184.   div.style.backgroundColor=colour;
  185.   return (div);
  186. }
  187. // ]]>
  188. </script>
  189.  
  190. <title>{Title}</title>
  191. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  192. <link rel="shortcut icon" href="{Favicon}" />
  193. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  194.  
  195. <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,900' rel='stylesheet' type='text/css'>
  196.  
  197. <!-- VARIABLES -->
  198.  
  199. <meta name="color:Background" content="#ffffff" />
  200. <meta name="color:Sidebar" content="#ffffff" />
  201. <meta name="color:Entry" content="#ffffff" />
  202. <meta name="color:Borders" content="#f5f5f5" />
  203.  
  204. <meta name="color:Text" content="#000000" />
  205. <meta name="color:Description" content="#000000" />
  206. <meta name="color:Link" content="#FF7BD6" />
  207. <meta name="color:Link hover" content="#f5f5f5" />
  208.  
  209. <meta name="color:Accent" content="#fcfcfc" />
  210. <meta name="color:Selection" content="#FF7BD6" />
  211. <meta name="color:Scrollbar" content="#FF7BD6" />
  212.  
  213. <meta name="color:chat background1" content="#fcfcfc" />
  214. <meta name="color:chat background2" content="#f5f5f5" />
  215.  
  216. <meta name="image:Sidebar" content=""/>
  217. <meta name="image:Background" content=""/>
  218.  
  219. <meta name="if:Visible caption" content="1" />
  220. <meta name="if:Caption on side" content="1" />
  221. <meta name="if:Round sidebar image" content="1" />
  222.  
  223. <meta name="select:Post size" content="500" title="500px">
  224. <meta name="select:Post size" content="400" title="400px">
  225. <meta name="select:Post size" content="300" title="300px">
  226. <meta name="select:Post size" content="250" title="250px">
  227.  
  228. <meta name="text:Link1" content="/" />
  229. <meta name="text:Link1 title" content="home" />
  230. <meta name="text:Link2" content="/ask" />
  231. <meta name="text:Link2 title" content="ask" />
  232. <meta name="text:Link3" content="/" />
  233. <meta name="text:Link3 title" content="link3" />
  234. <meta name="text:Link4" content="/" />
  235. <meta name="text:Link4 title" content="link4" />
  236.  
  237. <style type="text/css">
  238.  
  239. /* TUMBLR CONTROLS AND LIGHTBOX */
  240.  
  241. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  242.     top:7px!important;
  243.     right:7px!important;
  244.     position:fixed!important;
  245.     opacity:0.5!important;
  246.     -webkit-filter:invert(0.8)!important;
  247.     -moz-filter:invert(0.8)!important;
  248.     filter:invert(0.8)!important;
  249. }
  250.  
  251. .vignette {opacity:0.0;}
  252.  
  253. .tmblr-lightbox {background-color:rgba(245,245,245,0.8)!important;}
  254. .lightbox-image {box-shadow:none!important; border:5px solid #ffffff!important; -webkit-border-radius:5px!important; -moz-border-radius:5px!important; border-radius:5px!important;}
  255. .tmblr-lightbox a {border:5px solid #ffffff!important;}
  256. .lightbox-caption {visibility:hidden;}
  257.  
  258. /* BODY, LINKS, SCROLLBARS */
  259.  
  260. body {
  261.     color:{color:text};
  262.     background-color:{color:background};
  263.     {block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}
  264.     background-position:left top;
  265.     background-attachment:fixed;
  266.     background-repeat:repeat;
  267.     font-size:10px;
  268.     font-family:roboto;
  269.     line-height:110%;
  270.     text-align:left;
  271. }
  272.  
  273. a:link, a:active, a:visited {color:{color:link}; text-decoration:none; font-family:roboto; font-size:7px; letter-spacing:1px; text-transform:uppercase; -webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;}
  274. a:hover {color:{color:link hover}; -webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;}
  275.  
  276. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; border:5px solid {color:background};}
  277. ::-webkit-scrollbar-thumb:horizontal {display:none;}
  278. ::-webkit-scrollbar {background-color:{color:background}; height:0px; width:11px;}
  279.  
  280. ::-moz-selection {background-color:{color:selection};}
  281. ::selection {background-color:{color:selection};}
  282.  
  283. /* SIDEBAR */
  284.  
  285. #sidebar {
  286.     bottom:90px;
  287.     left:120px;  
  288.     width:130px;
  289.     height:auto;
  290.     padding:10px;
  291.     position:fixed;  
  292.     overflow:hidden;
  293.     text-align:right;
  294.     color:{color:description};
  295.     background-color:{color:sidebar};
  296. }
  297.  
  298. #sidebar img {
  299.     width:80px;
  300.     height:80px;
  301.     -webkit-border-radius:5px;
  302.     -moz-border-radius:5px;
  303.     border-radius:5px;
  304.     {block:ifroundsidebarimage}-webkit-border-radius:80px;
  305.     -moz-border-radius:80px;
  306.     border-radius:80px;{/block:ifroundsidebarimage}
  307. }
  308.  
  309. #blogtitle {
  310.     font-size:7px;
  311.     letter-spacing:2px;
  312.     text-transform:uppercase;
  313.     padding:16px 0px 2px 0px;
  314.     font-family:roboto;
  315.     -webkit-transition:all 0.3s ease-out;
  316.     -moz-transition:all 0.3s ease-out;
  317.     transition:all 0.3s ease-out;
  318. }
  319.    
  320. #blogtitle:hover {
  321.     color:{color:description};
  322.     letter-spacing:1px;
  323.     -webkit-transition:all 0.3s ease-out;
  324.     -moz-transition:all 0.3s ease-out;
  325.     transition:all 0.3s ease-out;
  326. }
  327.  
  328. #description {
  329.     font-family:roboto;
  330.     font-size:7px;
  331.     letter-spacing:1px;
  332.     text-transform:uppercase;
  333.     text-align:justify;
  334.     padding:10px 0px 2px 0px;
  335.     line-height:1.8;
  336. }
  337.  
  338. .navigation {
  339.     padding:8px 0px;
  340.     text-align:right;
  341. }
  342.  
  343. .navigation a {
  344.     padding:2px 0px;
  345.     font-family:roboto;
  346.     font-size:7px;
  347.     letter-spacing:1px;
  348.     text-transform:uppercase;
  349.     display:block;
  350.     border:none;
  351.     color:{color:description};
  352.     -webkit-transition:all 0.3s ease-out;
  353.     -moz-transition:all 0.3s ease-out;
  354.     transition:all 0.3s ease-out;
  355. }
  356.  
  357. .navigation a:hover {
  358.     color:{color:link};
  359.     letter-spacing:3px;
  360.     -webkit-transition:all 0.3s ease-out;
  361.     -moz-transition:all 0.3s ease-out;
  362.     transition:all 0.3s ease-out;
  363. }
  364.  
  365. /* POSTS */
  366.  
  367. #content {margin:70px 300px;}
  368.  
  369. #posts {
  370.     width:{select:Post size}px;
  371.     margin:60px 0px;
  372.     padding:15px;
  373.     word-wrap:break-word;
  374.     line-height:1.4;
  375.     text-align:justify;
  376.     background-color:{color:entry};
  377. }
  378.    
  379. #posts img {
  380.     height:auto;
  381.     max-width:100%;
  382. }
  383.  
  384. #photo img {
  385.     width:100%;
  386.     -webkit-border-radius:5px;
  387.     -moz-border-radius:5px;
  388.     border-radius:5px;
  389. }
  390.  
  391. #info {
  392.     font-family:roboto;
  393.     font-size:7px;
  394.     text-align:left;
  395.     letter-spacing:1px;
  396.     text-transform:uppercase;
  397.     line-height:1.3;
  398.     padding-top:8px;
  399. }
  400.  
  401. #caption {
  402.     z-index:99999999;
  403.     width:200px;
  404.     opacity:0.0;
  405.     padding:0px 10px;
  406.     background-color:{color:entry};
  407.     max-height:calc(100% + 60px);
  408.     overflow-y:auto;
  409.     margin-left:calc({select:Post size}px + 10px);
  410.     -webkit-transition:all 0.3s ease-out;
  411.     -moz-transition:all 0.3s ease-out;
  412.     transition:all 0.3s ease-out;
  413. }
  414.    
  415. #posts:hover #caption {
  416.     opacity:1.0;
  417.     -webkit-transition:all 0.3s ease-out;
  418.     -moz-transition:all 0.3s ease-out;
  419.     transition:all 0.3s ease-out;
  420. }
  421.    
  422. #caption small, #caption sup, #caption sub, #caption big {font-size:10px;}
  423. #caption blockquote {margin:0px;}
  424.  
  425. #caption2 {
  426.     padding:10px 0px 6px 0px;
  427.     -webkit-transition:all 0.3s ease-out;
  428.     -moz-transition:all 0.3s ease-out;
  429.     transition:all 0.3s ease-out;
  430. }
  431.    
  432. #caption2 small, #caption2 sup, #caption2 sub, #caption2 big {font-size:10px;}
  433. #caption2 blockquote {margin:0px;}
  434.  
  435. .post-content {position:relative;}
  436. .hover {position:absolute; top:0px; right:0px; bottom:0px; left:0px;}
  437.  
  438. .hover .captions {
  439.     z-index:999;
  440.     width:217px;
  441.     max-height:calc(100% - 2px);
  442.     border-left:1px solid {color:borders};
  443.     padding-left:15px;
  444.     -moz-box-sizing:border-box;
  445.     box-sizing:border-box;
  446.     overflow:hidden;
  447.     position:absolute;
  448.     margin-left:-16px;
  449.     top:0px;
  450.     opacity:0.0;
  451.     -webkit-transition:all 0.3s ease-out;
  452.     -moz-transition:all 0.3s ease-out;
  453.     transition:all 0.3s ease-out;
  454. }
  455.    
  456. #posts:hover .captions {
  457.     opacity:1.0;
  458.     -webkit-transition:all 0.3s ease-out;
  459.     -moz-transition:all 0.3s ease-out;
  460.     transition:all 0.3s ease-out;
  461. }
  462.  
  463. .captions .text {visibility:hidden;}
  464. .captions small, .captions sup, .captions sub, .captions big {font-size:10px;}
  465.  
  466. .tumblr_video_container {
  467.     width:auto!important;
  468.     height:auto!important;
  469.     z-index:99999999!important;
  470. }
  471.  
  472. /* ASK POSTS */
  473.  
  474. #asker {
  475.     text-align:left;
  476.     font-size:7px;
  477.     line-height:1.8;
  478.     letter-spacing:2px;
  479.     margin-bottom:13px;
  480.     padding-bottom:15px;
  481.     text-transform:uppercase;
  482.     border-bottom:1px solid {color:borders};
  483.     font-family:roboto;
  484. }
  485.    
  486. #asker a {
  487.     letter-spacing:2px;
  488. }
  489.    
  490. #asker img {
  491.     float:left;
  492.     margin-top:0px;
  493.     margin-right:9px;
  494.     height:23px;
  495.     -webkit-border-radius:140px;
  496.     -moz-border-radius:140px;
  497.     border-radius:140px;
  498. }
  499.  
  500. #question {
  501.     background-color:{color:accent};
  502.     padding:16px;
  503.     font-size:7px;
  504.     letter-spacing:1px;
  505.     text-transform:uppercase;
  506.     font-family:roboto;
  507.     line-height:1.8;
  508.     font-family:roboto;
  509.     -webkit-border-radius:5px;
  510.     -moz-border-radius:5px;
  511.     border-radius:5px;
  512. }
  513.  
  514. #answer2 {
  515.     margin-top:5px;
  516.     background-color:{color:accent};
  517.     padding:16px;
  518.     font-size:7px;
  519.     letter-spacing:1px;
  520.     text-transform:uppercase;
  521.     font-family:roboto;
  522.     line-height:1.8;
  523.     font-family:roboto;
  524.     -webkit-border-radius:5px;
  525.     -moz-border-radius:5px;
  526.     border-radius:5px;
  527. }
  528.  
  529. #answerer {
  530.     text-align:right;
  531.     font-size:7px;
  532.     line-height:1.8;
  533.     letter-spacing:2px;
  534.     margin-bottom:13px;
  535.     padding-bottom:15px;
  536.     text-transform:uppercase;
  537.     border-bottom:1px solid {color:borders};
  538.     font-family:roboto;
  539. }
  540.  
  541. #answerer a {letter-spacing:2px;}
  542.  
  543. #answerer img {
  544.     float:right;
  545.     margin-top:0px;
  546.     margin-left:9px;
  547.     height:23px;
  548.     -webkit-border-radius:140px;
  549.     -moz-border-radius:140px;
  550.     border-radius:140px;
  551. }
  552.  
  553. #answer {margin-top:12px;}
  554. #replies {margin-top:12px;}
  555.  
  556. /* AUDIO POSTS */
  557.  
  558. .audiopost {
  559.     padding:16px;
  560.     height:42px;
  561.     overflow:hidden;
  562.     margin-bottom:3px;
  563.     background-color:{color:accent};
  564.     -webkit-border-radius:5px;
  565.     -moz-border-radius:5px;
  566.     border-radius:5px;
  567. }
  568.  
  569. .playerbackground {
  570.     opacity:0.0;
  571.     width:24px;
  572.     height:24px;
  573.     padding:9px;
  574.     z-index:99999;
  575.     position:absolute;
  576.     background-color:white;
  577.     -webkit-transition:all 0.3s ease-out;
  578.     -moz-transition:all 0.3s ease-out;
  579.     transition:all 0.3s ease-out;
  580. }
  581.  
  582. #posts:hover .playerbackground {
  583.     opacity:1.0;
  584.     -webkit-transition:all 0.3s ease-out;
  585.     -moz-transition:all 0.3s ease-out;
  586.     transition:all 0.3s ease-out;
  587. }
  588.  
  589. .player {
  590.     width:20px;
  591.     height:30px;
  592.     margin-top:-1px;
  593.     margin-left:-1px;
  594.     overflow:hidden;
  595. }
  596.  
  597. .audioimage {
  598.     width:42px;
  599.     padding-right:9px;
  600.     border-right:1px solid {color:borders};
  601.     position:absolute;
  602.     z-index:999;
  603. }
  604.  
  605. .audioinfo {
  606.     margin-left:61px;
  607.     margin-top:-1px;
  608.     line-height:1.7;
  609.     font-size:7px;
  610.     z-index:99999;
  611.     letter-spacing:1px;
  612.     text-align:justify;
  613.     text-transform:uppercase;
  614.     font-family:roboto;
  615. }
  616.  
  617. /* CHAT POSTS */
  618.  
  619. ul.chat {margin:0px; padding:0px; font-size:7px; letter-spacing:1px; text-align:justify; text-transform:uppercase; font-family:roboto}
  620. .chat li {list-style-type:none; margin-left:0px; padding:8px;}
  621. .chat li:before {content:none; padding-right:0px;}
  622.  
  623. .odd .label {color:{color:link};}
  624. .even .label {color:{color:text};}
  625.  
  626. .chat li.odd {background-color:{color:chat background1};}
  627. .chat li.even {background-color:{color:chat background2};}
  628. .chat li:first-child {-webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px;}
  629. .chat li:last-child {-webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
  630.  
  631. /* TEXT VARIABLES */
  632.  
  633. h1 {
  634.     color:{color:link};
  635.     font-size:12px;
  636.     font-weight:bold;
  637.     font-family:roboto;
  638.     letter-spacing:1px;
  639.     padding-bottom:5px;
  640.     text-transform:uppercase;
  641.     text-align:left;
  642. }
  643.      
  644. h2 {
  645.     font-size:10px;
  646.     font-weight:normal;
  647.     font-family:roboto;
  648.     line-height:1.6;
  649.     letter-spacing:0px;
  650.     text-transform:none;
  651.     padding:16px;
  652.     text-align:justify;
  653.     background-color:{color:accent};
  654.     -webkit-border-radius:5px;
  655.     -moz-border-radius:5px;
  656.     border-radius:5px;
  657. }
  658.  
  659. h3 {
  660.     color:{color:link};
  661.     font-size:12px;
  662.     font-weight:bold;
  663.     font-family:roboto;
  664.     letter-spacing:1px;
  665.     padding-bottom:5px;
  666.     text-transform:uppercase;
  667.     text-align:left;
  668.     -webkit-transition:all 0.3s ease-out;
  669.     -moz-transition:all 0.3s ease-out;
  670.     transition:all 0.3s ease-out;
  671. }
  672.    
  673. h3:hover {
  674.     color:{color:text};
  675.     -webkit-transition:all 0.3s ease-out;
  676.     -moz-transition:all 0.3s ease-out;
  677.     transition:all 0.3s ease-out;
  678. }
  679.  
  680. .source {text-align:right; padding:4px 0px 2px 0px; text-transform:uppercase; letter-spacing:1px; font-size:7px;}
  681.  
  682. blockquote {
  683.     border-left:1px solid {color:borders};
  684.     padding-left:10px;
  685.     margin:0px 0px 0px 10px
  686. }
  687.    
  688. blockquote img {max-width:100%; height:auto;}
  689.  
  690. b {color:{color:link};}
  691. p {margin-top:7px; margin-bottom:7px;}
  692. pre {padding:13px; text-align:justify; background-color:{color:accent};}
  693. ul {padding:0px 0px 0px 10px;}
  694. li {list-style:none; padding:2px 0px 1px 0px;}
  695. li:before {content:'––––'; letter-spacing:-3px; padding-right:10px; color:{color:borders};}
  696.  
  697. /* NOTES */
  698.  
  699. ol.notes {margin:-25px 0px 0px 0px; width:{select:Post size}px; list-style-type:none; background-color:{color:entry}; padding:15px;}
  700.  
  701. ol.notes li.note {border-top:1px solid {color:borders}; padding:10px 0px;}
  702. ol.notes li.note:first-child, ol.notes li.note:before {content:none; padding-right:0px; border:none;}
  703. ol.notes li.note img.avatar {float:left; margin:-3px 10px 0px 0px; height:17px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; {block:ifroundsidebarimage}-webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px;{/block:ifroundsidebarimage}}
  704. ol.notes li.note blockquote {border-color:{color:accent}; padding:2px 5px; margin:5px 0px 0px 25px;}
  705.  
  706. /* CREDIT DO NOT DELETE OR ALTER */
  707.  
  708. .credit a {
  709.     width:auto;
  710.     height:auto;
  711.     bottom:25px;
  712.     right:25px;
  713.     padding:5px;
  714.     z-index:999999999;
  715.     font-size:7px;
  716.     letter-spacing:1px;
  717.     color:{color:link};
  718.     position:fixed;
  719.     text-align:center;
  720.     font-family:tahoma;
  721.     text-transform:uppercase;
  722.     background-color:{color:entry};
  723.     border:1px solid {color:link};
  724.     -webkit-border-radius:140px;
  725.     -moz-border-radius:140px;
  726.     border-radius:140px;
  727. }
  728.    
  729. .credit a:hover {
  730.     color:{color:entry};
  731.     background-color:{color:link};
  732. }
  733.  
  734. /* TOOLTIPS */
  735.  
  736. #s-m-t-tooltip {
  737.     max-width:300px;
  738.     padding:3px 7px 3px 8px;
  739.     margin:-20px 0px 0px 20px;
  740.     background-color:{color:link};
  741.     color:{color:entry};
  742.     font-size:7px;
  743.     text-transform:uppercase;
  744.     z-index:999999999999;
  745.     letter-spacing:2px;
  746.     -webkit-border-radius:5px;
  747.     -moz-border-radius:5px;
  748.     border-radius:5px;
  749. }
  750.  
  751. /* CUSTOM CSS */
  752.  
  753. {CustomCSS}
  754.  
  755. </style></head>
  756. <body>
  757.  
  758.  
  759. <div id="sidebar">
  760. {block:ifsidebarimage}<img src="{image:sidebar}"/>{/block:ifsidebarimage}
  761.  
  762. <div id="blogtitle"><span style="font-size:11px; letter-spacing:0px;">››</span> {Title}</span></div>
  763.  
  764. <div id="description">
  765. {block:Description}{Description}{/block:Description}
  766. </div>
  767.  
  768. <div class="navigation">
  769. {block:iflink1}<a href="{text:Link1}"><span style="font-size:11px; letter-spacing:0px;">››</span> {text:Link1 Title}</a>{/block:iflink1}
  770. {block:iflink2}<a href="{text:Link2}"><span style="font-size:11px; letter-spacing:0px;">››</span> {text:Link2 Title}</a>{/block:iflink2}
  771. {block:iflink3}<a href="{text:Link3}"><span style="font-size:11px; letter-spacing:0px;">››</span> {text:Link3 Title}</a>{/block:iflink3}
  772. {block:iflink4}<a href="{text:Link4}"><span style="font-size:11px; letter-spacing:0px;">››</span> {text:Link4 Title}</a>{/block:iflink4}
  773.  
  774. {block:Pagination}
  775. {block:PreviousPage}<a href="{PreviousPage}"><span style="font-size:11px; letter-spacing:0px;">››</span> previous</a>{/block:PreviousPage}
  776. {block:NextPage}<a href="{NextPage}"><span style="font-size:11px; letter-spacing:0px;">››</span> next</a>{/block:NextPage}
  777. {/block:Pagination}
  778. </div></div>
  779.  
  780. <span class="credit">
  781. <a href="http://mariesthemes.tumblr.com/" title="theme by mariesthemes">mt</a>
  782. </span>
  783.  
  784. <div id="content">
  785. {block:Posts}
  786. <div id="posts">
  787.  
  788. {block:Quote}
  789. <h2>{Quote}</h2>
  790. {block:Source}
  791. <div class="source">— {Source}</div>{/block:Source}
  792. {/block:Quote}
  793.  
  794. {block:Title}
  795. <h1>{Title}</h1>
  796. {/block:Title}
  797.  
  798. {block:Text}
  799. {Body}
  800. {/block:Text}
  801.  
  802. {block:Link}
  803. <a href="{URL}" {Target}><h3>{Name}</h3></a>
  804. {block:Description}{Description}{/block:Description}
  805. {/block:Link}
  806.  
  807. {block:Chat}<ul class="chat">
  808. {block:Lines}<li class="{Alt} user_{UserNumber}">
  809. {block:Label}<span class="label">{Label}</span>{/block:Label}
  810. {Line}</li>{/block:Lines}
  811. </ul>{/block:Chat}
  812.  
  813. {block:Answer}
  814. <div id="question"><div id="asker"><img src="{AskerPortraitURL-24}">question sent by <br>{Asker}.tumblr.com</div> {Question}</div>
  815. {block:Answerer}<div id="answer2"><div id="answerer"><img src="{AnswererPortraitURL-24}">question answered by<br>{Answerer}.tumblr.com</div>{/block:Answerer}
  816. <div id="answer">{Answer}</div>
  817. {block:Answerer}</div><div id="replies">{Replies}</div>{/block:Answerer}
  818. {/block:Answer}
  819.  
  820. {block:Video}
  821. <div class="video">{Video-500}</div>
  822. {/block:Video}
  823.  
  824. <div class="post-content">
  825.  
  826. {block:IndexPage}{block:ifvisiblecaption}{block:ifcaptiononside}<div class="hover" {block:Video}style="display:none;"{/block:Video}>
  827. <div class="captions"><div class="text">{Caption}</div></div>
  828. <div id="caption">{Caption}</div>
  829. </div>{/block:ifcaptiononside}{/block:ifvisiblecaption}{/block:IndexPage}
  830.  
  831. {block:Photo}<div id="photo">
  832. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  833. </div>{/block:Photo}
  834.  
  835. {block:Photoset}
  836. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo">
  837. <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  838. {/block:Photoset}
  839.  
  840. {block:Audio}
  841. <div class="audiopost">
  842. <div class="playerbackground"><div class="player">
  843. {AudioPlayerWhite}</div></div>
  844. <img class="audioimage" img src="http://i.imgur.com/bVnx0IY.png"/>
  845. {block:AlbumArt}
  846. <img class="audioimage" src="{AlbumArtURL}" />
  847. {/block:AlbumArt}
  848. <div class="audioinfo">
  849. <span style="color:{color:link}; letter-spacing:2px;"><span{block:TrackName} style="display: none;"{block:TrackName}>unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</span>
  850. <br>by <span{block:Artist} style="display: none;"{block:Artist}>unknown artist</span>{block:Artist}{Artist}{/block:Artist}
  851. <br>from <span{block:Album} style="display: none;"{block:Album}>unknown album</span>{block:Album}{Album}{/block:Album}
  852. {block:Playcount}<br>{Playcount} Plays{/block:Playcount}
  853. </div></div>{/block:Audio}
  854. </div>
  855.  
  856. {block:PermalinkPage}
  857. {block:Caption}<div id="caption2">{Caption}</div>{/block:Caption}
  858. {/block:PermalinkPage}
  859.  
  860. {block:IndexPage}{block:ifvisiblecaption}{block:ifnotcaptiononside}
  861. {block:Caption}<div id="caption2">{Caption}</div>{/block:Caption}
  862. {/block:ifnotcaptiononside}{/block:ifvisiblecaption}{/block:IndexPage}
  863.  
  864. {block:Date}<div id="info">
  865. <span style="font-size:11px; letter-spacing:0px;">››</span> <a href="{Permalink}">{TimeAgo}</a>
  866. with {NoteCountWithLabel}
  867.  
  868. {block:RebloggedFrom}<br><span style="font-size:11px; letter-spacing:0px;">››</span> via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  869. {block:ContentSource}– <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  870.  
  871. {block:hastags}<br>
  872. {block:Tags}<span style="padding-right:4px;"><a href="{TagURL}"><span style="font-size:11px; color:{color:text}; letter-spacing:0px;">››</span> {Tag}</a> </span>{/block:Tags}
  873. {/block:hastags}
  874. </div>{/block:Date}
  875. </div>
  876.  
  877. {block:PostNotes}{PostNotes}{/block:PostNotes}
  878. {/block:Posts}
  879. </div>
  880.  
  881. <!-- SCRIPTS -->
  882.  
  883. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  884. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  885.  
  886. <script>
  887. (function($){
  888. $(document).ready(function(){
  889.     $("[title]").style_my_tooltips({
  890.     tip_follows_cursor:true,
  891.     tip_delay_time:90,
  892.     tip_fade_speed:600,
  893.     attribute:"title"});
  894. });})(jQuery);
  895. </script>
  896.  
  897. <link href='http://static.tumblr.com/7bmjmb1/eHantn10w/photoset.css' rel='stylesheet' type='text/css'>
  898. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  899.  
  900. <script>
  901. $(document).ready(function() {
  902.     $('.photo-slideshow').pxuPhotoset({
  903.     'ligthbox': true, // uses the default Tumblr lightbox, change to false to use your own
  904.     'rounded' : 'corners', // corners, all or false
  905.     'highRes' : true, // will use high res images
  906.     'gutter'  : '3px', // spacing between the images
  907. }, function() {
  908.     $(this).animate({opacity:1});
  909. });});
  910. </script>
  911.  
  912. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  913.  
  914. </body>
  915. </html>
RAW Paste Data
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
Top