Zeether

Tumblr theme

Jul 23rd, 2016
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 27.08 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!----------------------------------------------------------------------
  5. THEME #23 - PSYCHO (VERSION 1) BY DOUCHEYWOLF
  6. http://doucheywolf.tumblr.com/
  7.  
  8. Do not remove the credit.
  9. Do not copy, use as base, distribute and/or claim as your own.
  10.  
  11. Theme made for personal use only.
  12. ----------------------------------------------------------------------->
  13.  
  14. <meta name="color:asks background" content="#c91c2d" />
  15. <meta name="color:asks text" content="#ffffff" />
  16. <meta name="color:audio text" content="#a3a3a3" />
  17. <meta name="color:background" content="#121212" />
  18. <meta name="color:blockquote" content="#f7f7f7" />
  19. <meta name="color:chrome scrollbar" content="#c91c2d" />
  20. <meta name="color:entries" content="#ffffff" />
  21. <meta name="color:entries bar" content="#c91c2d" />
  22. <meta name="color:info line" content="#cccccc" />
  23. <meta name="color:links" content="#777777"/>
  24. <meta name="color:links hover" content="#c91c2d" />
  25. <meta name="color:navi hover background" content="#252525" />
  26. <meta name="color:navi hover text" content="#999999"/>
  27. <meta name="color:sidebar lines" content="#7d7d7d" />
  28. <meta name="color:sidebar links" content="#b4b4b4" />
  29. <meta name="color:sidebar text" content="#7d7d7d" />
  30. <meta name="color:source border" content="#303030" />
  31. <meta name="color:tags" content="#999999" />
  32. <meta name="color:text" content="#999999" />
  33. <meta name="color:title" content="#7d7d7d" />
  34.  
  35. <meta name="image:Portrait" content="" />
  36. <meta name="image:Background" content="http://static.tumblr.com/liul60i/80Tmky8st/bgstars2.gif" />
  37.  
  38. <meta name="if:Black Player" content="1">
  39. <meta name="if:Infinite Scrolling" content="0" />
  40. <meta name="if:Lazy Load" content="0" />
  41. <meta name="if:Posts 400px" content="0" />
  42. <meta name="if:Show Caption" content="1"/>
  43. <meta name="if:Static Via and Source Portrait" content="1" />
  44.  
  45. <meta name="text:Font Size" content="10" />
  46. <meta name="text:Info Font Size" content="9" />
  47. <meta name="text:Main Font" content="Cambria" />
  48. <meta name="text:Navigation Link1" content="message" />
  49. <meta name="text:Navigation Link1 URL" content="/ask" />
  50. <meta name="text:Navigation Link2" content="about" />
  51. <meta name="text:Navigation Link2 URL" content="/" />
  52. <meta name="text:Navigation Link3" content="archive" />
  53. <meta name="text:Navigation Link3 URL" content="/archive" />
  54. <meta name="text:Navigation Link4" content="edits" />
  55. <meta name="text:Navigation Link4 URL" content="/" />
  56. <meta name="text:Navigation Link5" content="blogroll" />
  57. <meta name="text:Navigation Link5 URL" content="/" />
  58.  
  59. <!---------------------------------------------------------------------->
  60.  
  61. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}        </title>
  62. {block:Description}
  63. <meta name="description" content="{MetaDescription}" />
  64. {/block:Description}
  65. <link rel="shortcut icon" href="{Favicon}">
  66. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  67.        
  68. <!---------------------------------------------------------------------->
  69.        
  70. <link href='http://fonts.googleapis.com/css?family=Economica:700' rel='stylesheet' type='text/css'>
  71.  
  72. <link href='http://fonts.googleapis.com/css?family=Share:400,700' rel='stylesheet' type='text/css'>
  73.  
  74.  
  75. <!--------------------------------------------------------------------->
  76.  
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  78.  
  79. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  80.  
  81. <!---------------------------------------------------------------------->
  82.  
  83. {block:ifLazyLoad}
  84. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  85. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  86. <script type="text/javascript" charset="utf-8">
  87. var $j = jQuery.noConflict();
  88. $j(function() {
  89. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  90. $j("img").lazyload({
  91. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  92. effect: "fadeIn",
  93. });
  94. });
  95. </script>
  96. {/block:ifLazyLoad}
  97.  
  98. <!--------------------------------------------------------------------->
  99.        
  100. {block:ifInfiniteScrolling}
  101. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  102. {/block:ifInfiniteScrolling}        
  103.  
  104. <!--------------------------------------------------------------------->
  105.  
  106. <style type="text/css">
  107.  
  108. ::-webkit-scrollbar-thumb:vertical {
  109.     background-color:{color:chrome scrollbar};
  110.     height:7px;
  111.     border-bottom:2px solid {color:background};
  112.     border-top:2px solid {color:background};
  113.     }
  114. ::-webkit-scrollbar-thumb:horizontal {
  115.     background-color:{color:chrome scrollbar};
  116.     height:7px!important;
  117.     }
  118. ::-webkit-scrollbar {
  119.     background-color:{color:background};
  120.     height:7px;
  121.     width:9px;
  122.     }
  123. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  124.     display:block; height:12px;
  125.     background-color:{color:chrome scrollbar};
  126.     }
  127.  
  128.  
  129. iframe#tumblr_controls {
  130.     right:3px !important;
  131.     position: fixed !important;
  132.     -webkit-transition: opacity 0.6s;
  133.     opacity: 0.3;
  134.     -webkit-transition:0.6s;
  135.     -moz-transition:0.6s;
  136.     transition:0.6s;
  137.     }
  138.  
  139. iframe#tumblr_controls:hover {
  140.     -webkit-transition: opacity 0.6s;
  141.     opacity: 1;
  142.     -webkit-transition: all 0.6s;
  143.     -moz-transition: all 0.6s;
  144.     transition: all 0.6s;
  145.     }
  146.  
  147.  
  148. body {
  149.     font-family:'{text:Main Font}', Calibri, Helvetica;
  150.     font-size:{text:Font Size}px;
  151.     color:{color:text};
  152.     background-color:{color:background};
  153.     background-image:url('{image:Background}');
  154.     background-attachment:fixed; background-repeat:repeat;
  155.     }
  156.  
  157. small {font-size:10px;}
  158. big {font-size:12px;}
  159.  
  160. img {max-width:100%;}
  161. a img {border:0;}
  162.  
  163. a, a:active, a:visited {
  164.     transition:0.8s;
  165.     -o-transition-transition:0.8s;
  166.     -webkit-transition-duration:0.8s;
  167.     -moz-transition-duration:0.8s;
  168.     text-decoration:none;
  169.     color:{color:links};
  170.     }
  171.  
  172. a:hover {
  173.     transition:0.8s;
  174.     -o-transition-transition:0.8s;
  175.     -webkit-transition-duration:0.8s;
  176.     -moz-transition-duration:0.8s;
  177.     text-decoration:none;
  178.     color:{color:links hover};
  179.     }
  180.  
  181. blockquote {
  182.     margin:4px 0;
  183.     padding:2px 7px;  
  184.     color:{color:text};
  185.     background-color:{color:blockquote};
  186.     }
  187. blockquote blockquote blockquote blockquote{
  188.     padding:5px;
  189.     margin:0px 5px;
  190.     background-color:transparent;
  191.     }  
  192. blockquote img {
  193.     {block:IfNotPosts400px}
  194.     max-width:435px!important;
  195.     {/block:IfNotPosts400px}
  196.     {block:IfPosts400px}
  197.     max-width:335px!important;
  198.     {/block:IfPosts400px}
  199.     }
  200. blockquote blockquote img {
  201.     {block:IfNotPosts400px}
  202.     max-width:415px!important;
  203.     {/block:IfNotPosts400px}
  204.     {block:IfPosts400px}
  205.     max-width:315px!important;
  206.     {/block:IfPosts400px}
  207.     }
  208. blockquote blockquote blockquote img {
  209.     {block:IfNotPosts400px}
  210.     max-width:395px!important;
  211.     {/block:IfNotPosts400px}
  212.     {block:IfPosts400px}
  213.     max-width:295px!important;
  214.     {/block:IfPosts400px}
  215.     }  
  216. blockquote blockquote blockquote blockquote img {
  217.     {block:IfNotPosts400px}
  218.     max-width:375px!important;
  219.     {/block:IfNotPosts400px}
  220.     {block:IfPosts400px}
  221.     max-width:275px!important;
  222.     {/block:IfPosts400px}
  223.     }
  224.  
  225. .image {
  226.     border:0px;
  227.     text-align:center;
  228.     {block:IfNotPosts400px}max-width:500px;{/block:IfNotPosts400px}
  229.     {block:IfPosts400px}max-width:400px;{/block:IfPosts400px}
  230.     }
  231. .image a {
  232.     border:0px;
  233.     text-align:center;
  234.     {block:IfNotPosts400px}max-width:500px;{/block:IfNotPosts400px}
  235.     {block:IfPosts400px}max-width:400px;{/block:IfPosts400px}
  236.     }
  237.  
  238.  
  239. #sidebar {
  240.     width:230px;
  241.     position:fixed;
  242.     float:left;  
  243.     margin-left:-8px;
  244.     background-color:transparent;
  245.     }
  246.  
  247. #side {
  248.     width:160px;
  249.     height:auto;  
  250.     position:fixed;
  251.     margin-top:70px;
  252.     margin-left:69px;
  253.     padding:2px;
  254.     text-align:center;
  255.     }
  256.  
  257.  
  258. #titleline  {
  259.     width:255px;
  260.     height:1px;
  261.     float:left;
  262.     margin-top:-9px;
  263.     margin-left:-100px;
  264.     text-align:center;
  265.     background-color:{color:sidebar lines};
  266.     z-index:-1;
  267.     }
  268.  
  269. #title {
  270.     max-width:135px;
  271.     float:right;
  272.     margin-top:-20px;
  273.     margin-right:15px;
  274.     padding:1px 2px 1px 4px;
  275.     display:inline;
  276.     font-size:15px;
  277.     font-family:'Economica';
  278.     font-weight:lighter;
  279.     text-transform:lowercase;
  280.     letter-spacing:1px;  
  281.     text-align:right;
  282.     background-color:{color:background};
  283.     background-image:url('{image:Background}');
  284.     background-attachment:fixed; background-repeat:repeat;
  285.     z-index:3;
  286.     }
  287. #title a {color:{color:title}; text-decoration:none;}
  288. #title a:visited {color:{color:title}; text-decoration:none;}
  289. #title a:hover {color:{color:text};}
  290.  
  291. #navline  {
  292.     float:left;
  293.     position:fixed;
  294.     width:1px;
  295.     height:290px;
  296.     margin-top:-10px;
  297.     margin-left:50px;
  298.     background-color:{color:sidebar lines};
  299.     text-align:center;
  300.     z-index:-1;
  301.     }
  302.  
  303. #navbar {
  304.     width:20px;
  305.     height:auto;
  306.     position:fixed;
  307.     float:left;
  308.     margin-top:78px;
  309.     margin-left:41px;
  310.     text-align:center;
  311.     background-color:{color:background};
  312.     background-image:url('{image:Background}');
  313.     background-attachment:fixed; background-repeat:repeat;
  314.     z-index:1;
  315.     }
  316.  
  317. #nav {
  318.     width:20px;
  319.     height:18px;
  320.     padding-top:6px;
  321.     padding-bottom:5px;
  322.     padding-left:-1px;
  323.     font-size:12px;
  324.     font-weight:bold;
  325.     }
  326. #nav a {text-decoration:none; opacity:0.7;}
  327. #nav a:visited {text-decoration:none; opacity:0.7;}
  328. #nav a:hover {opacity:0.9;}
  329.  
  330. .sideimage {text-align:center;}
  331. .sideimage img {
  332.     width:150px;
  333.     margin-top:11px;
  334.     z-index:99;
  335.     }
  336.    
  337. .about {
  338.     width:150px;
  339.     margin-left:5px;
  340.     padding:8px 0;
  341.     text-transform:none;
  342.     text-align:justify;
  343.     letter-spacing:0px;
  344.     line-height:11px;
  345.     background-color:transparent;
  346.     color:{color:sidebar text};
  347.     }  
  348. .about a {color:{color:sidebar links}; text-decoration:none;}
  349. .about a:visited {color:{color:sidebar links}; text-decoration:none;}
  350. .about a:hover {color:{color:links hover};}
  351.  
  352.  
  353. .pages {
  354.     padding:0 2px;
  355.     line-height:20px;
  356.     font-family:trebuchet ms;
  357.     font-size:10px;
  358.     text-align:center;
  359.     color:{color:text};
  360.     background:transparent;
  361.     }
  362. .pages a {
  363.     padding:2px 4px;
  364.     text-decoration:none;  
  365.     color:{color:text};
  366.     }
  367. .pages a:hover {color:{color:text}; text-decoration:underline;}
  368.  
  369.  
  370. #entriesbl {
  371.     width:20px;
  372.     height:110%;
  373.     position:fixed;  
  374.     margin-top:-20px;
  375.     margin-left:288px;
  376.     background-color:{color:entries bar};
  377.     }
  378.    
  379. #entries {
  380.     {block:IfNotPosts400px}width:560px;{/block:IfNotPosts400px}
  381.     {block:IfPosts400px}width:460px;{/block:IfPosts400px}
  382.     position:absolute;
  383.     margin-top:-10px;
  384.     margin-left:313px;
  385.     padding-top:22px;
  386.     text-align:justify;  
  387.     background:{color:entries};
  388.     }
  389. #entriesb {
  390.     {block:IfNotPosts400px}width:560px;{/block:IfNotPosts400px}
  391.     {block:IfPosts400px}width:460px;{/block:IfPosts400px}
  392.     height:110%;
  393.     position:fixed;
  394.     margin-top:-10px;
  395.     margin-left:313px;
  396.     padding-top:22px;
  397.     text-align:justify;  
  398.     background:{color:entries};
  399.     }
  400.  
  401. .posts {
  402.     {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  403.     {block:IfPosts400px}width:400px;{/block:IfPosts400px}
  404.     margin-bottom:5px;    
  405.     padding-bottom:10px;
  406.     margin-left:30px;
  407.     text-align:justify;
  408.     word-wrap:break-word;
  409.     color:{color:text};
  410.     background-color:{color:entries};
  411.     }
  412. .posts a {color:{color:links}; text-decoration:none;}
  413. .posts a:visited {color:{color:links}; text-decoration:none;}
  414. .posts a:hover {color:{color:links hover}; text-decoration:none;}
  415. .posts img {display:block;}
  416.  
  417. .iline {
  418.     {block:IfNotPosts400px}max-width:500px;{/block:IfNotPosts400px}
  419.     {block:IfPosts400px}max-width:400px;{/block:IfPosts400px}
  420.     height:1px;
  421.     margin-top:14px;
  422.     background:{color:info line};
  423.     }
  424.  
  425.  
  426. .info {
  427.     margin-top:-6px;
  428.     font-family:'Share', cursive;
  429.     font-size:{text:Info Font Size}px;
  430.     text-transform:uppercase;
  431.     text-align:center;
  432.     letter-spacing:0px;
  433.     color:{color:tags};
  434.     }
  435. .info a {color: {color:tags}; text-decoration:none;}
  436. .info a:visited {color:{color:tags}; text-decoration:none;}
  437. .info a:hover{color:{color:links hover};}    
  438.  
  439. .tags {
  440.     margin-top:-1px;
  441.     font-family:calibri;
  442.     font-size:{text:Info Font Size}px;
  443.     text-align:center;
  444.     text-transform:uppercase;
  445.     color:{color:tags};
  446.     }
  447. .tags a {
  448.     margin-right:5px;
  449.     display:inline-block;
  450.     font-family:'Share', cursive;
  451.     font-size:{text:Info Font Size}px;
  452.     color:{color:tags};
  453.     }
  454. .tags a:visited {color:{color:tags};}
  455. .tags a:hover {color:{color:links hover};}  
  456.  
  457. .via {
  458.     width:30px;
  459.     position:absolute;
  460.     {block:IfNotPosts400px}
  461.     margin-left:538px !important;
  462.     {/block:IfNotPosts400px}
  463.     {block:IfPosts400px}
  464.     margin-left:438px !important;
  465.     {/block:IfPosts400px}
  466.     margin-top:0px;
  467.     display:block;
  468.     opacity:0;
  469.     -webkit-transition:all 0.7s;
  470.     -moz-transition:all 0.7s;
  471.     -ms-transition:all 0.7s;
  472.     -o-transition:all 0.7s;
  473.     transition:all 0.7s;
  474.     }
  475. .via img {
  476.     margin-bottom:8px;
  477.     padding:3px;
  478.     background:{color:source border};
  479.     }
  480. .posts:hover .via {
  481.     opacity:1;
  482.     -webkit-transition:all 0.7s;
  483.     -moz-transition:all 0.7s;
  484.     -ms-transition:all 0.7s;
  485.     -o-transition:all 0.7s;
  486.     transition:all 0.7s;
  487.     }
  488.  
  489. .vias {
  490.     width:30px;
  491.     position:absolute;
  492.     {block:IfNotPosts400px}
  493.     margin-left:538px !important;
  494.     {/block:IfNotPosts400px}
  495.     {block:IfPosts400px}
  496.     margin-left:438px !important;
  497.     {/block:IfPosts400px}
  498.     margin-top:0px;
  499.     display:block;
  500.     -webkit-transition:all 0.7s;
  501.     -moz-transition:all 0.7s;
  502.     -ms-transition:all 0.7s;
  503.     -o-transition:all 0.7s;
  504.     transition:all 0.7s;
  505.     }
  506. .vias img {
  507.     margin-bottom:8px;
  508.     padding:3px;
  509.     background:{color:source border};
  510.     }
  511.    
  512.  
  513. h1 {
  514.     font-family:'Economica';
  515.     font-size:15px;
  516.     font-weight:bold;
  517.     text-transform:uppercase;
  518.     letter-spacing:1px;
  519.     line-height:15px;
  520.     padding:0px;
  521.     margin:0px;
  522.     text-align:left;
  523.     color:{color:links};
  524.     }
  525. h1 a {text-decoration:none !important;}
  526.  
  527.  
  528. #quote {
  529.     font-family:'Economica';
  530.     font-size:15px;
  531.     font-weight:bold;
  532.     text-transform:none;
  533.     padding-top:3px;
  534.     line-height:110%;
  535.     }
  536. #source {
  537.     text-align:right;
  538.     font-size:10px;
  539.     margin-top:8px;
  540.     }
  541.  
  542. .chat {line-height:12px; list-style:none }
  543. .chat ul {list-style:none; padding:0px; line-height:20px;}
  544. .person1 {background-color:{color:blockquote}; padding-left:6px; padding-right:6px;}
  545. .person1 .label {font-weight:bold; color:{color:bold};}
  546. .person2 {background-color:{color:entries}; padding-left:6px; padding-right:6px;}
  547. .person2 .label {font-weight:bold; color:{color:bold};}
  548. .person3 {background-color:{color:blockquote}; padding-left:6px; padding-right:6px;}
  549. .person3 .label {font-weight:bold; color:{color:bold};}
  550. .person4 {background-color:{color:entries}; padding-left:6px; padding-right:6px;}
  551. .person4 .label {font-weight:bold; color:{color:bold};}
  552. .person5 {background-color:{color:blockquote}; padding-left:6px; padding-right:6px;}
  553. .person5 .label {font-weight:bold; color:{color:bold};}
  554. .person6 {background-color:{color:entries}; padding-left:6px; padding-right:6px;}
  555. .person6 .label {font-weight:bold; color:{color:bold};}
  556.  
  557.  
  558. #audio {
  559.     {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  560.     {block:IfPosts400px}width:400px;{/block:IfPosts400px}
  561.     height:70px;
  562.     margin-bottom:0px;
  563.     }
  564.    
  565. .artcover {
  566.     width:70px;
  567.     height:70px;
  568.     {block:IfNotPosts400px}margin-left:430px;{/block:IfNotPosts400px}
  569.     {block:IfPosts400px}margin-left:330px;{/block:IfPosts400px}
  570.     position:absolute;
  571.     }
  572. .artcover img {
  573.     width:70px;
  574.     height:70px;
  575.     float:left;
  576.     }
  577.    
  578. .player {
  579.     position:absolute;
  580.     z-index:1;
  581.     width:60px;
  582.     height:60px;
  583.     margin-top:5px;
  584.     margin-left:5px;
  585.     display:block;
  586.     opacity:0.8;
  587.     -webkit-transition:all 0.4s;
  588.     -moz-transition:all 0.4s;
  589.     -o-transition:all 0.4s;
  590.     -ms-transition: all 0.4s;
  591.     transition:all 0.5s;
  592.     {block:IfNotBlackPlayer}background:#fff;{/block:IfNotBlackPlayer}
  593.     {block:IfBlackPlayer}background:#000;{/block:IfBlackPlayer}
  594.     }
  595. .player:hover {
  596.     -webkit-transition:all 0.4s;
  597.     -moz-transition:all 0.4s;
  598.     -o-transition:all 0.4s;
  599.     -ms-transition: all 0.4s;
  600.     transition:all 0.4s;
  601.     opacity:0.5;
  602.     }
  603.    
  604. .audioplayer {
  605.     width:24px;
  606.     height:24px;
  607.     margin-top:14px;
  608.     margin-left:13px;
  609.     overflow:hidden;
  610.     padding:3px;
  611.     }
  612.  
  613. .audioinfo {
  614.     {block:IfNotPosts400px}width:420px;{/block:IfNotPosts400px}
  615.     {block:IfPosts400px}width:320px;{/block:IfPosts400px}
  616.     height:52px;
  617.     padding-right:10px;
  618.     display:block;
  619.     padding-top:18px;
  620.     font-size:11px;
  621.     font-weight:bold;
  622.     letter-spacing:1px;
  623.     text-transform:uppercase;
  624.     text-align:right;
  625.     color:{color:audio text};
  626.     {block:IfNotBlackPlayer}background:#fff;{/block:IfNotBlackPlayer}
  627.     {block:IfBlackPlayer}background:#000;{/block:IfBlackPlayer}
  628.     }
  629.  
  630. .asks {
  631.     padding:6px;
  632.     color:{color:asks text};
  633.     background-color:{color:asks background};
  634.     }      
  635. .askers {
  636.     font-size:12px;
  637.     font-style:italic;
  638.     font-weight:bold;
  639.     text-transform:lowercase;
  640.     letter-spacing:0px;
  641.     color:{color:asks text} !important;
  642.     text-decoration:none;
  643.     }
  644. .askers a {color:{color:asks text} !important; text-decoration:none;}
  645.  
  646.  
  647. .cap {
  648.     margin:0px;
  649.     {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  650.     {block:IfPosts400px}width:400px;{/block:IfPosts400px}
  651.     }
  652. .sources{display:none;}
  653.  
  654.  
  655. #notes {
  656.     background:transparent;
  657.     {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  658.     {block:IfPosts400px}width:400px;{/block:IfPosts400px}
  659.     margin-top:10px;
  660.     margin-bottom:15px;
  661.     margin-left:30px;
  662.     padding:2px 0px;
  663.     font-size:10px;
  664.     color:{color:text};
  665.     }
  666. #notes a{color:{color:text}!important}
  667.  
  668. #notes img {width:16px; position:relative;}
  669. ol.notes li {
  670.     list-style:none;
  671.     margin-left:-40px;
  672.     padding:4px;
  673.     }
  674. ol.notes li img {
  675.     list-style:none;  
  676.     margin-bottom:-5px;
  677.     padding-right:4px;
  678.     opacity:0.9;
  679.     }
  680.  
  681. #clear{
  682.     width:300px;
  683.     height:12px;
  684.     clear:both;
  685.     background-color:transparent;
  686.     }
  687.  
  688. div#qTip {
  689.     display: none;
  690.     text-align:left;
  691.     position:absolute;
  692.     letter-spacing:1px;
  693.     text-transform:uppercase;
  694.     font-weight:bold;
  695.     z-index:99;
  696.     font-family:cambria;
  697.     font-size:8px;
  698.     padding:1px 3px;
  699.     line-height:13px;
  700.     color:{color:navi hover text};
  701.     background:{color:navi hover background};
  702.     }
  703.  
  704. </style>
  705. <style type="text/css">{CustomCSS}</style>
  706. </head>
  707.  
  708. <body>
  709.  
  710. <div id="navline"></div>
  711. <div id="navbar">
  712.  
  713. {block:IfNavigationLink1}
  714. <div id="nav"><a href="{text:Navigation Link1 URL}" title="{text:Navigation Link1}"><img src="http://static.tumblr.com/liul60i/beCmbzshz/mail.png"></a></div>
  715. {/block:IfNavigationLink1}
  716.  
  717. {block:IfNavigationLink2}
  718. <div id="nav"><a href="{text:Navigation Link2 URL}" title="{text:Navigation Link2}"><img src="http://static.tumblr.com/liul60i/f5lmixz1p/user.png"></a></div>
  719.  
  720. {block:IfNavigationLink3}
  721. <div id="nav"><a href="{text:Navigation Link3 URL}" title="{text:Navigation Link3}"><img src="http://static.tumblr.com/liul60i/66Dmixz2a/calday.png"></a></div>
  722. {/block:IfNavigationLink3}
  723.  
  724. {block:IfNavigationLink4}
  725. <div id="nav"><a href="{text:Navigation Link4 URL}" title="{text:Navigation Link4}"><img src="http://static.tumblr.com/liul60i/rIamji2wv/open.png"></a></div>
  726. {/block:IfNavigationLink4}
  727.  
  728. {block:IfNavigationLink5}
  729. <div id="nav"><a href="{text:Navigation Link5 URL}" title="{text:Navigation Link5}"><img src="http://static.tumblr.com/liul60i/cupmji3cp/heart.png"></a></div>
  730. {/block:IfNavigationLink5}
  731.  
  732. <div id="nav"><a href="http://doucheywolf.tumblr.com/" title="theme"><img src="http://static.tumblr.com/liul60i/AeJmjea6v/add.png"></a></div>
  733.  
  734. </div>
  735.  
  736.  
  737. <div id="sidebar">
  738. <div id="side">
  739.  
  740. <div id="titleline"></div>
  741. <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  742.  
  743. <div class="sideimage"><a href="/"><img src="{image:Portrait}" align="center"/></a></div>
  744.  
  745. <div class="about">
  746. {block:Description}{Description}{/block:Description}
  747. </div>
  748.  
  749. {block:IfNotInfiniteScrolling}
  750. {block:Pagination}<div class="pages">
  751. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  752. {block:JumpPagination length="4"}{block:CurrentPage}
  753. <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
  754. {/block:CurrentPage}
  755. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  756. {/block:JumpPagination}
  757. {block:NextPage}<a href="{NextPage}">&rarr;</a> {/block:NextPage}
  758. </div>{/block:Pagination}
  759. {/block:IfNotInfiniteScrolling}
  760.  
  761. </div></div>
  762.  
  763.  
  764. <div id="entriesbl"></div>
  765. <div id="entriesb"></div>
  766. <div id="entries">
  767. {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  768. {block:Posts}
  769. <div class="posts">
  770.  
  771. {Block:IfNotStaticViaandSourcePortrait}
  772. {block:IndexPage}
  773. <div class="via">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-24}" class="imgreblog" width="18" height="18"></a><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-24}" class="imgreblog" width="18" height="18"></a>{/block:RebloggedFrom} </div>
  774. {/block:IndexPage}
  775.  
  776. {block:PermalinkPage}
  777. <div class="vias">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-24}" class="imgreblog" width="18" height="18"></a><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-24}" class="imgreblog" width="18" height="18"></a>{/block:RebloggedFrom} </div>
  778. {/block:PermalinkPage}
  779. {/Block:IfNotStaticViaandSourcePortrait}
  780.  
  781. {Block:IfStaticViaandSourcePortrait}
  782. <div class="vias">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-24}" class="imgreblog" width="18" height="18"></a><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-24}" class="imgreblog" width="18" height="18"></a>{/block:RebloggedFrom} </div>
  783. {/Block:IfStaticViaandSourcePortrait}
  784.  
  785.  
  786. {block:Text}
  787. {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
  788. {Body}
  789. {/block:Text}
  790.  
  791.  
  792. {block:Answer}
  793. <div class="asks"><span class="askers">{Asker} sent: </span> {Question}</div>
  794. <div class="cap">{Answer}</div>
  795. {/block:Answer}
  796.  
  797.  
  798. {block:Photo}
  799. {block:IfNotPosts400px}{LinkOpenTag}<div class="image"><img alt="{PhotoAlt}" src="{PhotoURL-500}" border="0"></div>{LinkCloseTag}{/block:IfNotPosts400px}
  800.  
  801. {block:IfPosts400px}{LinkOpenTag}<div class="image"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="400px" border="0"></div>{LinkCloseTag}{/block:IfPosts400px}
  802.  
  803. {block:IfShowCaption}<div class="cap">
  804. {block:Caption}{Caption}{/block:Caption}
  805. </div>{/block:IfShowCaption}
  806.  
  807. {block:IfNotShowCaption}{block:PermalinkPage}
  808. {block:Caption}{Caption}{/block:Caption}
  809. {/block:PermalinkPage}{/block:IfNotShowCaption}
  810. {/block:Photo}
  811.  
  812.  
  813. {block:Photoset}
  814. {block:IfNotPosts400px}<div class="image">{Photoset-500}</div>{/block:IfNotPosts400px}
  815.  
  816. {block:IfPosts400px}<div class="image">{Photoset-400}</div>{/block:IfPosts400px}
  817.  
  818. {block:IfShowCaption}<div class="cap">
  819. {block:Caption}{Caption}{/block:Caption}
  820. </div>{/block:IfShowCaption}
  821.  
  822. {block:IfNotShowCaption}{block:PermalinkPage}
  823. {block:Caption}{Caption}{/block:Caption}
  824. {/block:PermalinkPage}{/block:IfNotShowCaption}
  825. {/block:Photoset}
  826.  
  827.  
  828. {block:Quote}
  829. <div id="quote">"{Quote}"</div>
  830. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  831. {/block:Quote}
  832.  
  833. {block:Link}
  834. <h1><a href="{URL}" {Target}>{Name} →</a></h1>{block:Description}{Description}{/block:Description}
  835. {/block:Link}
  836.  
  837.    
  838. {block:Chat}
  839. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  840. <div class="chat"><ul>{block:Lines}
  841. <li class="person{UserNumber}">{block:Label}
  842. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  843. {/block:Chat}
  844.  
  845.  
  846. {block:Audio}
  847. <div id="audio">
  848. <div class="artcover"><img src="http://static.tumblr.com/liul60i/IcMmdl9id/nmusic2.png"></div>{block:AlbumArt}<div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  849.  
  850. <div class="player">
  851. <div class="audioplayer">{block:IfNotBlackPlayer}{AudioPlayerWhite}{/block:IfNotBlackPlayer}{block:IfBlackPlayer}{AudioPlayerBlack}{/block:IfBlackPlayer}</div></div>
  852.  
  853. <div class="audioinfo">
  854. {block:TrackName}{TrackName}{/block:TrackName}
  855. <div style="font-size:8px; margin-top:5px;">
  856. {block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album} ({FormattedPlayCount})
  857. </div></div></div>
  858.  
  859. {block:IfShowCaption}<div class="cap">
  860. {block:Caption}{Caption}{/block:Caption}
  861. </div>{/block:IfShowCaption}
  862.  
  863. {block:IfNotShowCaption}{block:PermalinkPage}
  864. {block:Caption}<br>{Caption}{/block:Caption}
  865. {/block:PermalinkPage}{/block:IfNotShowCaption}
  866. {/block:Audio}
  867.  
  868.  
  869. {block:Video}
  870. {block:IfNotPosts400px}{Video-500}{/block:IfNotPosts400px}
  871. {block:IfPosts400px}{Video-400}{/block:IfPosts400px}
  872. {block:IfShowCaption}<div class="cap">
  873. {block:Caption}{Caption}{/block:Caption}
  874. </div>{/block:IfShowCaption}
  875.  
  876. {block:IfNotShowCaption}{block:PermalinkPage}
  877. {block:Caption}{Caption}{/block:Caption}
  878. {block:PermalinkPage}{/block:IfNotShowCaption}
  879. {/block:Video}
  880.  
  881.  
  882. <div class="sources">
  883. {block:ContentSource}
  884.     <a href="{SourceURL}">
  885.         {lang:Source}:
  886.         {block:SourceLogo}
  887.             <img src="{BlackLogoURL}" width="{LogoWidth}"
  888.            height="{LogoHeight}" alt="{SourceTitle}" />
  889.         {/block:SourceLogo}
  890.         {block:NoSourceLogo}
  891.             {SourceTitle}
  892.         {/block:NoSourceLogo}
  893.     </a>
  894. {/block:ContentSource}
  895. </div>
  896.  
  897.  
  898. <div class="iline"></div>
  899.  
  900. <div class="info">
  901. {block:Date}<span style="background-color:{color:entries};padding-left:5px; padding-right:5px;">
  902. <a href="{Permalink}">{TimeAgo} on {ShortMonth} {MonthNumberWithZero}</a>
  903. {/block:Date}{block:NoteCount} - <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:IndexPage} + <a href="{ReblogURL}" target="_blank">reblog</a>{/block:IndexPage}</span>
  904. </div>
  905.  
  906. <div class="tags">{block:HasTags}{block:Tags}# <a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  907.  
  908. </div>
  909.  
  910. <div id="clear"></div>
  911.  
  912. {/block:Posts}
  913. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  914.  
  915. {block:PostNotes}
  916. <div id="notes">{PostNotes}</div>
  917. {/block:PostNotes}
  918.  
  919. </div>
  920. </div>
  921. </body>
  922. </html>
Add Comment
Please, Sign In to add comment