SHARE
TWEET

Theme [35] Tragedy

mogimochi Nov 26th, 2014 (edited) 17,666 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 35 Tragedy
  8. by yukoki/s-ekki
  9.  
  10. 1. Light/Heavy CSS editting is allowed.
  11. 2. Do not use as base code.
  12. 3. Do not remove credit.
  13. 4. Do not claim theme as your own.
  14. 5. Do not redistribute.
  15.  
  16. --------------------------------------------------- UPDATE VER 070216 -->
  17.  
  18. <meta name="image:header" content="https://31.media.tumblr.com/d929b46f9009ffccadb35ebff69edd9f/tumblr_inline_nfnrajHxCK1rshr70.png">
  19. <meta name="image:background" content="">
  20.  
  21. <meta name="color:background" content="#ffffff">
  22.  
  23. <meta name="color:scrollbar" content="#222222">
  24. <meta name="color:scrollbar background" content="#777777">
  25. <meta name="color:text selection" content="#444444">
  26.  
  27. <meta name="color:tooltips background" content="#212121">
  28. <meta name="color:tooltips text" content="#ffffff">
  29. <meta name="color:tooltips border" content="#ffffff">
  30.  
  31. <meta name="color:scroll to top background" content="#333333">
  32. <meta name="color:scroll to top arrow" content="#ffffff">
  33. <meta name="color:hover scroll to top background" content="#111111">
  34. <meta name="color:hover scroll to top arrow" content="#eeeeee">
  35.  
  36. <meta name="color:decorative square 1" content="#333333">
  37. <meta name="color:decorative square 2" content="#999999">
  38. <meta name="color:decorative square 3" content="#ffffff">
  39.  
  40. <meta name="color:blog title" content="#ffffff">
  41.  
  42. <meta name="color:navigation bar background" content="#111111">
  43. <meta name="color:navigation bar links background" content="#111111">
  44. <meta name="color:navigation bar links text" content="#ffffff">
  45. <meta name="color:navigation bar links border" content="#333333">
  46. <meta name="color:hover navigation bar links background" content="#111111">
  47. <meta name="color:hover navigation bar links text" content="#ffffff">
  48. <meta name="color:hover navigation bar links border" content="#ffffff">
  49.  
  50. <meta name="color:left column boxes background" content="#212121">
  51. <meta name="color:left column boxes title background" content="#111111">
  52. <meta name="color:left column boxes title text" content="#ffffff">
  53.  
  54. <meta name="color:desc background" content="#ffffff">
  55. <meta name="color:desc text" content="#666666">
  56. <meta name="color:desc bold" content="#aaaaaa">
  57. <meta name="color:desc italic" content="#999999">
  58. <meta name="color:desc links" content="#aaaaaa">
  59. <meta name="color:desc links hover" content="#ffffff">
  60.  
  61. <meta name="color:directory links" content="#666666">
  62. <meta name="color:directory links line" content="#aaaaaa">
  63. <meta name="color:hover directory links" content="#aaaaaa">
  64. <meta name="color:hover directory links line" content="#aaaaaa">
  65.  
  66. <meta name="color:searchbox border" content="444444#">
  67. <meta name="color:searchbox input background" content="#212121">
  68. <meta name="color:searchbox input text" content="#777777">
  69. <meta name="color:searchbox button background" content="#111111">
  70. <meta name="color:searchbox button text" content="#ffffff">
  71.  
  72. <meta name="color:pagination links background" content="#111111">
  73. <meta name="color:pagination links text" content="#bbbbbb">
  74. <meta name="color:hover pagination links background" content="#000000">
  75. <meta name="color:hover pagination links text" content="#ffffff">
  76. <meta name="color:pagination current background" content="#444444">
  77. <meta name="color:pagination current text" content="#ffffff">
  78.  
  79. <meta name="color:post background" content="#212121" />
  80.  
  81. <meta name="color:body text" content="#737373">
  82. <meta name="color:body links" content="#bbbbbb">
  83. <meta name="color:body links hover" content="#f8f8f8">
  84. <meta name="color:body bold" content="#b6b6b6">
  85. <meta name="color:body italic" content="#8c8c8c">
  86. <meta name="color:blockquote" content="#f8f8f8">
  87.  
  88. <meta name="color:post title background" content="#212121">
  89. <meta name="color:post title text" content="#aaaaaa">
  90.  
  91. <meta name="color:link post background" content="#212121">
  92. <meta name="color:link post text" content="#aaaaaa">
  93. <meta name="color:hover link post background" content="#212121">
  94. <meta name="color:hover link post text" content="#ffffff">
  95.  
  96. <meta name="color:audio info background" content="#1f1f1f">
  97. <meta name="color:audio info text" content="#9d9d9d">
  98.  
  99. <meta name="color:quote" content="#929292">
  100. <meta name="color:quote source" content="#575757">
  101.  
  102. <meta name="color:ask background" content="#212121">
  103. <meta name="color:ask text" content="#898989">
  104. <meta name="color:asker text" content="#aeaeae">
  105. <meta name="color:asker link" content="#d1d1d1">
  106.  
  107. <meta name="color:chat even name" content="#e5e5e5" />
  108. <meta name="color:chat even text" content="#b8b8b8" />
  109. <meta name="color:chat odd name" content="#8c8c8c" />
  110. <meta name="color:chat odd text" content="#919191" />
  111.  
  112. <meta name="color:permalink background" content="#111111">
  113. <meta name="color:permalink text" content="#818181">
  114. <meta name="color:permalink border" content="#0c0c0c">
  115. <meta name="color:permalink posted text" content="#111111">
  116. <meta name="color:permalink posted highlight" content="#111111">
  117.  
  118. <meta name="color:permalink button text colour" content="#adadad">
  119. <meta name="color:permalink button 1 border" content="#333333">
  120. <meta name="color:permalink button 1 background" content="#111111">
  121. <meta name="color:permalink button 2 border" content="#777777">
  122. <meta name="color:permalink button 2 background" content="#111111">
  123. <meta name="color:permalink button 3 border" content="#bbbbbb">
  124. <meta name="color:permalink button 3 background" content="#111111">
  125. <meta name="color:permalink button 4 border" content="#ffffff">
  126. <meta name="color:permalink button 4 background" content="#111111">
  127. <meta name="color:hover permalink button background" content="#111111">
  128. <meta name="color:hover permalink button border" content="#ffffff">
  129. <meta name="color:hover permalink button text colour" content="#ffffff">
  130.  
  131. <meta name="color:post tags" content="#848484">
  132. <meta name="color:post tags border" content="#2b2b2b">
  133. <meta name="color:hover post tags border" content="#9d9d9d">
  134.  
  135. <meta name="if:post type 1" content="1">
  136. <meta name="if:post type 2" content="0">
  137. <meta name="if:post type 3" content="0">
  138.  
  139. <meta name="if:always show tags" content="0">
  140. <meta name="if:show captions" content="1">
  141. <meta name="if:fading photos" content="0">
  142. <meta name="if:monochrome posts" content="1">
  143. <meta name="if:header image" content="1">
  144. <meta name="if:scroll description" content="1">
  145. <meta name="if:biography icon" content="1">
  146.  
  147. <meta name="text:link 1" content="">
  148. <meta name="text:link 1 URL" content="">
  149. <meta name="text:link 2" content="">
  150. <meta name="text:link 2 URL" content="">
  151. <meta name="text:link 3" content="">
  152. <meta name="text:link 3 URL" content="">
  153. <meta name="text:link 4" content="">
  154. <meta name="text:link 4 URL" content="">
  155. <meta name="text:link 5" content="">
  156. <meta name="text:link 5 URL" content="">
  157. <meta name="text:link 6" content="">
  158. <meta name="text:link 6 URL" content="">
  159. <meta name="text:link 7" content="">
  160. <meta name="text:link 7 URL" content="">
  161. <meta name="text:link 8" content="">
  162. <meta name="text:link 8 URL" content="">
  163. <meta name="text:link 9" content="">
  164. <meta name="text:link 9 URL" content="">
  165.  
  166. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  167. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  168. <link rel="shortcut icon" href="{Favicon}" />
  169.  
  170.  
  171. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  172.  
  173. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  174. <script type="text/javascript">
  175. jQuery(document).ready(function() {
  176. jQuery(".sub").hide();
  177. //toggle the componenet with class msg_body
  178. jQuery(".cthrough").click(function()
  179. {
  180. jQuery(this).next(".sub").slideToggle(500); return false;
  181. });});
  182. </script>
  183.  
  184. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  185. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  186. <script>
  187. (function($){
  188. $(document).ready(function(){
  189. $("a[title]").style_my_tooltips({
  190. tip_follows_cursor:true,
  191. tip_delay_time:0,
  192. tip_fade_speed:0,
  193. attribute:"title"
  194. });
  195. });
  196. })(jQuery);
  197. </script>
  198.  
  199. <script>
  200. $(document).ready(function() {  
  201. var stickyNavTop = $('.nav').offset().top;  
  202.  
  203. var stickyNav = function(){  
  204. var scrollTop = $(window).scrollTop();  
  205.        
  206. if (scrollTop > stickyNavTop) {  
  207.     $('.nav').addClass('sticky');  
  208. } else {  
  209.     $('.nav').removeClass('sticky');  
  210. }  
  211. };  
  212.  
  213. stickyNav();  
  214.  
  215. $(window).scroll(function() {  
  216.     stickyNav();  
  217. });  
  218. });  
  219. </script>
  220.  
  221. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  222. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  223.  
  224. {block:indexpage}
  225. {block:ifposttype3}
  226. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  227. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  228.  
  229. <script>
  230. $(function(){
  231. var $container = $('#content');
  232. $container.imagesLoaded(function(){
  233. $container.masonry({
  234. itemSelector: '.posts',
  235. });
  236. });
  237. $container.infinitescroll({
  238. itemSelector : ".posts",
  239. navSelector : "div.pagination",
  240. nextSelector : ".pagination a#next",
  241. loadingImg : "",
  242. loadingText : "<em></em>",
  243. bufferPx : 10000,
  244. extraScrollPx: 12000,
  245. },
  246. // trigger Masonry as a callback
  247. function( newElements ) {
  248.   var $newElems = $( newElements ).css({ opacity: 0 });
  249. // ensure that images load before adding to masonry layout
  250. $newElems.imagesLoaded(function(){
  251. $newElems.animate({ opacity: 1 });
  252. $container.masonry( 'appended', $newElems, true );
  253. });
  254. }
  255. );
  256. });
  257. </script>
  258. {/block:ifposttype3}
  259. {/block:indexpage}
  260.  
  261. <style type="text/css">
  262.  
  263. .tmblr-lightbox {background-color:rgba(255,255,255,0.9)!important;}
  264. .tmblr-lightbox img { opacity:0;padding: 10px;border: 1px solid #ddd; }
  265. .lightbox-image {
  266.     opacity: 1!important;
  267.     box-shadow: 0 0 0 transparent!important;
  268.     border-radius: 0!important;
  269.     -moz-border-radius: 0!important;
  270.     -webkit-border-radius: 0!important;
  271.     -o-border-radius: 0!important;
  272.     padding: 10px!important;
  273.     border: 1px solid #ddd!important;
  274.     background-color: #fff!important;
  275. }
  276. .lightbox-caption {
  277.     color: #aaa!important;
  278.     font-family: calibri!important;
  279.     font-size: 12px!important;
  280.     margin-toP: 30px!important;
  281.     text-shadow: 0 0 0 transparent!important;
  282.     font-weight: 400!important;
  283. }
  284.  
  285. .tmblr-iframe {z-index:999999999!important;}
  286.  
  287. ::-webkit-scrollbar { width: 3px; }
  288. ::-webkit-scrollbar-track-piece { background-color: {color:scrollbar background}; }
  289. ::-webkit-scrollbar-thumb:vertical {
  290.     width: 3px;
  291.     background-color: {color:scrollbar};
  292. }
  293.  
  294. ::selection {color: #fff;background-color: {color:text selection};}
  295. ::-moz-selection {color: #fff;background-color: {color:text selection};}
  296. ::-webkit-selection {color: #fff;background-color: {color:text selection};}
  297.  
  298. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.9; }
  299.  
  300. #s-m-t-tooltip {
  301.     padding: 3px 5px;
  302.     margin: 20px 14px 7px 10px;
  303.     background-color: {color:tooltips background}; /* change the background color */
  304.     font-family: consolas; /* change the font */
  305.     font-size: 8px; /* change the font size */
  306.     letter-spacing: 1px; /* change the letter spacing */
  307.     text-transform: uppercase; /* can be uppercase, lowercase, none*/
  308.     color: {color:tooltips text}; /* change the text color */
  309.     z-index: 999;
  310.     border: 1px solid {color:tooltips border};
  311. }
  312.  
  313.  
  314. body {
  315.     background-color: {color:background};
  316.     background-image: url({image:background});
  317.     background-attachment: fixed;
  318.     margin: 0;
  319.     word-wrap: break-word;
  320. }
  321. a { text-decoration:none; }
  322.  
  323. #headercon {
  324.     {block:ifposttype1}
  325.     width: 800px;
  326.     {/block:ifposttype1}
  327.     {block:ifposttype2}
  328.     width: 700px;
  329.     {/block:ifposttype2}
  330.     {block:ifposttype3}
  331.     width: 790px;
  332.     {/block:ifposttype3}
  333. }
  334.  
  335. #header {
  336.     overflow: hidden;
  337.     z-index: 100;
  338.     position: relative;
  339.     {block:ifposttype1}
  340.     width: 800px;
  341.     {/block:ifposttype1}
  342.     {block:ifposttype2}
  343.     width: 700px;
  344.     {/block:ifposttype2}
  345.     {block:ifposttype3}
  346.     width: 790px;
  347.     {/block:ifposttype3}
  348. }
  349.  
  350. .headerimg {
  351.     display: block;
  352.     {block:ifposttype1}
  353.     width: 800px;
  354.     {/block:ifposttype1}
  355.     {block:ifposttype2}
  356.     width: 700px;
  357.     {/block:ifposttype2}
  358.     {block:ifposttype3}
  359.     width: 790px;
  360.     {/block:ifposttype3}
  361. }
  362.  
  363. .sticky {  
  364.     position: fixed;
  365.     width: 100%;
  366.     top: 0;
  367.     z-index: 90;  
  368.     border-top: 0;  
  369. }  
  370.  
  371. .nav {
  372.     {block:ifposttype1}
  373.     width: 790px;
  374.     {/block:ifposttype1}
  375.     {block:ifposttype2}
  376.     width: 690px;
  377.     {/block:ifposttype2}
  378.     {block:ifposttype3}
  379.     width: 780px;
  380.     {/block:ifposttype3}
  381.     background-color: {color:navigation bar background};
  382.     height: 40px;
  383.     z-index: 90;
  384.     position: top;
  385.     padding-right: 10px;
  386.     text-align: right;
  387. }
  388.  
  389. .navlink {
  390.     line-height: 40px;
  391.     font-family: consolas;
  392.     background-color: {color:navigation bar links background};
  393.     border: 1px solid {color:navigation bar links border};
  394.     color: {color:navigation bar links text};
  395.     padding: 3px 6px;
  396.     margin: 0 0 0 4px;
  397.     font-style: italic;
  398.     letter-spacing: 2px;
  399.     font-size: 8px;
  400.     overflow: hidden;
  401.     transition: 0.6s;
  402.     -moz-transition: 0.6s;
  403.     -webkit-transition: 0.6s;
  404.     -o-transition: 0.6s;
  405. }
  406. .navlink:hover {
  407.     background-color: {color:hover navigation bar links background};
  408.     border: 1px solid {color:hover navigation bar links border};
  409.     color: {color:hover navigation bar links text};
  410. }
  411.  
  412. .navtitle {
  413.     font-style: italic;
  414.     font-size: 10px;
  415.     line-height: 40px;
  416.     font-family: courier new;
  417.     text-transform: uppercase;
  418.     letter-spacing: 1px;
  419.     float: left;
  420.     margin-left: 60px;
  421.     color: {color:blog title};
  422. }
  423.  
  424. #content {
  425.     {block:ifposttype1}width: 500px;{/block:ifposttype1}
  426.     {block:ifposttype2}width: 400px;{/block:ifposttype2}
  427.     margin-top: 20px;
  428.     margin-left: 300px;
  429.     margin-bottom: 70px;
  430.     {block:ifposttype3}
  431.     width: 820px;
  432.     margin-left: 30px;
  433.     {/block:ifposttype3}
  434. }
  435.  
  436. .posts {
  437.     {block:indexpage}
  438.     {block:ifposttype1}
  439.     width:500px;
  440.     margin-bottom: 30px;
  441.     {/block:ifposttype1}
  442.     {block:ifposttype2}
  443.     width:400px;
  444.     margin-bottom:20px;
  445.     {/block:ifposttype2}
  446.     {block:ifposttype3}
  447.     width: 250px;
  448.     float: left;
  449.     display: block;
  450.     overflow: hidden;
  451.     margin: 0 20px 20px 0;
  452.     {/block:ifposttype3}
  453.     {/block:indexpage}
  454.    
  455.     {block:permalinkpage}
  456.     {block:ifposttype1}
  457.     width: 500px;
  458.     margin-bottom: 0;
  459.     {/block:ifposttype1}
  460.     {block:ifposttype2}
  461.     width: 400px;
  462.     margin-bottom: 0;
  463.     {/block:ifposttype2}
  464.     {block:ifposttype3}
  465.     width: 500px;
  466.     float: right;
  467.     display: block;
  468.     margin: 0 30px 20px 0;
  469.     {/block:ifposttype3}
  470.     {/block:permalinkpage}
  471.     transition: 0.6s;
  472.     -moz-transition: 0.6s;
  473.     -webkit-transition: 0.6s;
  474.     -o-transition: 0.6s;
  475. }
  476.  
  477. .photo {
  478.     {block:indexpage}
  479.     {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
  480.     {block:ifposttype2}max-width: 400px;{/block:ifposttype2}
  481.     {block:ifposttype3}max-width: 250px;{/block:ifposttype3}
  482.     {/block:indexpage}
  483.     {block:permalinkpage}{block:ifposttype3}max-width: 500px;{/block:ifposttype3}{/block:permalinkpage}
  484.     {block:iffadingphotos}
  485.     opacity: 0.7;
  486.     {/block:iffadingphotos}
  487.     {block:ifmonochromeposts}
  488.     filter: gray; /* IE6-9 */
  489. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  490.     {/block:ifmonochromeposts}
  491.    
  492.     {block:permalinkpage}
  493.     {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
  494.     {block:ifposttype2}max-width: 400px;{/block:ifposttype2}
  495.     {block:ifposttype3}max-width: 500px;{/block:ifposttype3}
  496.     {/block:permalinkpage}
  497.    
  498.     transition: 0.6s;
  499.     -moz-transition: 0.6s;
  500.     -webkit-transition: 0.6s;
  501.     -o-transition: 0.6s;
  502. }
  503. .photo:hover {
  504.     opacity: 1;
  505.     {block:ifmonochromeposts}
  506.     filter: none;
  507.     -webkit-filter: grayscale(0%);  
  508.     {/block:ifmonochromeposts}
  509. }
  510. .photo img {
  511.     {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
  512.     {block:ifposttype2}max-width: 400px;{/block:ifposttype2}
  513.     {block:ifposttype3}max-width: 250px;{/block:ifposttype3}
  514. }
  515.  
  516. .text img {
  517.     {block:ifposttype1}max-width: 470px;{/block:ifposttype1}
  518.     {block:ifposttype2}max-width: 370px;{/block:ifposttype2}
  519.     {block:ifposttype3}max-width: 220px;{/block:ifposttype3}
  520. }
  521. .posts blockquote img {max-width: 100%;}
  522.  
  523. .qpost {
  524.     background-color: {color:post background};
  525.     padding: 10px;
  526. }
  527.  
  528. .text, .ctext, .atext {
  529.     background-color: {color:post background};
  530.     padding: 5px 15px;
  531.     font-family: consolas;
  532.     line-height: 11px;
  533.     font-size: 10px;
  534.     color: {color:body text};
  535.     text-align: justify;
  536. }
  537. .ctext { background-color: transparent; padding: 0; }
  538. .atext { margin-top: 5px; }
  539.  
  540. blockquote {
  541.     border-left: 1px solid {color:blockquote};
  542.     padding: 0 10px;
  543.     margin: 5px;
  544. }
  545.  
  546. .line {
  547.     text-align: left;
  548.     margin: 3px 0;
  549.     background-color: {color:post background};
  550. }
  551.  
  552. .odd .line {padding: 10px;color:{color:chat odd text};}
  553. .even .line {padding: 10px;color:{color:chat even text};}
  554. .odd .name {color: {color:chat odd name};}
  555. .even .name {color: {color:chat even name};}
  556.  
  557. .ptdecp {
  558.     margin: 3px -50px;
  559.     position: absolute;
  560. }
  561.  
  562. .ptdecp .spd1, .ptdecp .spd2, .ptdecp .spd3 {
  563.     background-color: {color:post title background};
  564. }
  565.  
  566. .ptitle, .ltitle {
  567.     background-color: {color:post title background};
  568.     color: {color:post title text};
  569.     text-align: left;
  570.     font-style: italic;
  571.     font-family: courier new;
  572.     font-size: 10px;
  573.     letter-spacing: 1px;
  574.     padding: 16px 20px 15px 60px;
  575.     margin: 5px 0;
  576.     text-transform: uppercase;
  577. }
  578.  
  579. .ltitle {
  580.     background-color: {color:link post background};
  581.     color: {color:link post text};
  582.     transition: 1s;
  583.     -moz-transition: 1s;
  584.     -webkit-transition: 1s;
  585.     -o-transition: 1s;
  586. }
  587.  
  588. .ltitle:hover {
  589.     background-color: {color:hover link post background};
  590.     color: {color:hover link post text};
  591. }
  592.  
  593. .audiopost { height: 150px;margin-bottom: 5px; }
  594.  
  595. .albumno {
  596.     width: 150px;
  597.     height: 150px;
  598.     background-color: #888;
  599.     position: absolute;
  600.     z-index: 1;
  601.     {block:indexpage}{block:ifposttype3}
  602.     width: 250px;
  603.     height: 250px;
  604.     {/block:ifposttype3}{/block:indexpage}
  605. }
  606.  
  607. .albumartp {
  608.     z-index: 10;
  609.     width: 150px;
  610.     height: 150px;
  611.     position: relative;
  612.     z-index: 2;
  613.     {block:indexpage}{block:ifposttype3}
  614.     min-width: 250px;
  615.     min-height: 250px;
  616.     {/block:ifposttype3}{/block:indexpage}
  617. }
  618.  
  619. .albumart {
  620.     {block:ifposttype1}margin-left: -350px;{/block:ifposttype1}
  621.     {block:ifposttype2}margin-left: -250px;{/block:ifposttype2}
  622.     {block:ifposttype3}margin-left: 0;{/block:ifposttype3}
  623.     width: 150px;
  624.     height: 150px;
  625.     display: block;
  626.     position: relative;
  627.     {block:indexpage}{block:ifposttype3}
  628.     width: 250px;
  629.     height: 250px;
  630.     {/block:ifposttype3}{/block:indexpage}
  631. }
  632.  
  633. .audioplayer {
  634.     position: absolute;
  635.     z-index: 11;
  636.     margin-top: -90px;
  637.     margin-left: 65px;
  638.     width: 25px;
  639.     height: 25px;
  640.     overflow: hidden;
  641.     opacity: 0.5;
  642.     z-index: 10;
  643.     {block:indexpage}{block:ifposttype3}
  644.     margin-top: -140px;
  645.     margin-left: 115px;
  646.     {/block:ifposttype3}{/block:indexpage}
  647.     transition: 0.6s;
  648.     -moz-transition: 0.6s;
  649.     -webkit-transition: 0.6s;
  650.     -o-transition: 0.6s;
  651. }
  652. .audioplayer:hover {opacity: 1;}
  653.  
  654. .audioinfo {
  655.     position: absolute;
  656.     margin-left: 155px;
  657.     height: 150px;
  658. }
  659.  
  660. .aline {
  661.     {block:ifposttype1}width: 325px;{/block:ifposttype1}
  662.     {block:ifposttype2}width: 225px;{/block:ifposttype2}
  663.     {block:indexpage}{block:ifposttype3}margin-top: 5px;{/block:ifposttype3}{/block:indexpage}
  664.     font-family: consolas;
  665.     font-size: 10px;
  666.     padding: 11px 10px;
  667.     margin-bottom: 5px;
  668.     text-transform: uppercase;
  669.     height: 12px;
  670.     overflow:hidden;
  671.     background-color: {color:post background};
  672.     color: {color:audio info text};
  673. }
  674. .aline b,strong { color: {color:body bold};}
  675.  
  676. .quote {
  677.     font-family: courier new;
  678.     text-align: center;
  679.     font-size: 14px;
  680.     color: {color:quote};
  681. }
  682. .qsrc {color:{color:quote source};text-align:center;font-family:consolas;font-size:10px;}
  683. .askerportrait {
  684.     max-width: 64px;
  685.     max-height: 64px;
  686.     position: absolute;
  687.     border: 10px solid {color:ask background};
  688.     float: left;
  689.     {block:ifposttype3}
  690.     {block:indexpage}margin-left: -120px;{/block:indexpage}
  691.     {block:permalinkpage}margin-left: -260px;{/block:permalinkpage}
  692.     {/block:ifposttype3}
  693.     {block:ifposttype2}
  694.     margin-left: -200px;
  695.     {/block:ifposttype2}
  696.     {block:ifposttype1}
  697.     margin-left: -250px;
  698.     {/block:ifposttype1}
  699. }
  700. .a {
  701.     margin-left: 100px;
  702.     background-color: {color:ask background};
  703.     min-height: 64px;
  704.     padding: 10px;
  705.     font-family: consolas;
  706.     font-size: 10px;
  707.     color: {color:ask text};
  708.     text-align: justify;
  709. }
  710. .asker {
  711.     color: {color:asker text};
  712.     font-family: consolas;
  713.     font-size: 11px;
  714.     text-transform: uppercase;
  715. }
  716. .asker a {color: {color:asker link};}
  717. .q {margin-top: 10px;}
  718. .tri {
  719.     position: absolute;
  720.     font-size: 30px;
  721.     margin: 20px 0 0 85px;
  722.     color: {color:ask background};
  723. }
  724.  
  725. #leftcolpi {
  726.     position: absolute;
  727.     float: left;
  728. }
  729.  
  730. .permainfo {
  731.     margin-top: 10px;
  732.     {block:ifposttype1}width: 460px;{/block:ifposttype1}
  733.     {block:ifposttype2}width: 360px;{/block:ifposttype2}
  734.     padding: 20px;
  735.     font-family: consolas;
  736.     font-size: 10px;
  737.     text-align: center;
  738.     background-color: {color:post background};
  739.     color: {color:body text};
  740. }
  741.  
  742. .permainfo3 {
  743.     width: 250px;
  744.     padding: 10px;
  745.     margin-top: 0;
  746.     background-color: {color:post background};
  747.     color: {color:body text};
  748.     text-align: left;
  749.     font-family: consolas;
  750.     font-size: 10px;
  751. }
  752.  
  753. .permainfo3icon {padding-right: 10px;}
  754.  
  755. .permainfo3list {
  756.     padding: 6px 10px;
  757.     border-bottom: 1px solid #333;
  758. }
  759.  
  760. .permainfo3lista { padding: 6px 10px; }
  761.  
  762. #notecon {
  763.     padding: 10px;
  764.     {block:ifposttype1}width: 480px;{/block:ifposttype1}
  765.     {block:ifposttype2}width: 380px;{/block:ifposttype2}
  766.     text-align: left;
  767.     background-color: {color:post background};
  768.     color: {color:body text};
  769.     font-family: consolas;
  770.     font-size: 10px;
  771.     margin-top: 10px;
  772. }
  773.  
  774. #notecon3 {
  775.     width: 250px;
  776.     text-align: left;
  777.     color: {color:body text};
  778.     background-color: {color:post background};
  779.     padding: 6px 10px 10px 10px;
  780.     font-family: consolas;
  781.     font-size: 10px;
  782.     margin-top: 10px;
  783. }
  784.  
  785. #notecon ol.notes {
  786.     list-style-type: none;
  787.     font-size: 10px;
  788.     color: {color:body text};
  789.     font-family: consolas;
  790.     text-decoration: none;
  791.     margin: 0;
  792.     width: 500px;
  793.     padding: 10px;
  794.     text-align: left;
  795. }
  796.  
  797. #notecon3 ol.notes {
  798.     list-style-type: none;
  799.     font-size: 10px;
  800.     color: {color:body text};
  801.     font-family: consolas;
  802.     text-decoration: none;
  803.     text-align: left;
  804.     width: 250px;
  805.     padding: 0 5px;
  806. }
  807.  
  808. #notecon ol.notes a, #notecon3 ol.notes a {
  809.     color: {color:body links};
  810.     text-decoration: underline;
  811. -webkit-transition: all 0.4s ease-in-out;
  812. -moz-transition: all 0.4s ease-in-out;
  813. -o-transition: all 0.4s ease-in-out;
  814. -ms-transition: all 0.4s ease-in-out;
  815. transition: all 0.4s ease-in-out;
  816. }
  817.  
  818. #notecon ol.notes a:hover, #notecon3 ol.notes a:hover {
  819.     color:{color:body links};
  820. }
  821.  
  822. #notecon img.avatar, #notecon3 img.avatar {
  823.     margin-right: 5px;
  824.     width: 10px;
  825.     height: 10px;
  826.     float: left;
  827. }
  828.  
  829. #spc1, #spc2, #blognav, #spc0 {
  830.     width: 250px;
  831.     background-color: {color:left column boxes background};
  832.     padding: 10px;
  833.     text-align: left;
  834.     font-family: consolas;
  835.     font-size: 11px;
  836.     margin: 50px 0 55px 0;
  837.     letter-spacing: 5px;
  838. }
  839.  
  840. .spcst {
  841.     margin-top: -40px;
  842.     margin-left: -10px;
  843.     position: absolute;
  844.     font-family: courier new;
  845.     text-transform: uppercase;
  846.     font-size: 10px;
  847.     background-color: {color:left column boxes title background};
  848.     color: {color:left column boxes title text};
  849.     width: 242px;
  850.     padding: 9px 14px;
  851.     text-align: left;
  852. }
  853.  
  854. .spcstdecp {
  855.     position: absolute;
  856.     float: right;
  857.     margin: 3px 210px;
  858.     width: 50px;
  859. }
  860.  
  861. .spd1, .spd2, .spd3 {
  862.     background-color: {color:left column boxes title background};
  863.     width: 4px;
  864.     height: 4px;
  865.     float: left;
  866.     margin-left: 5px;
  867. }
  868.  
  869. .spd1 { border: 1px solid {color:decorative square 1}; }
  870. .spd2 { border: 1px solid {color:decorative square 2}; }
  871. .spd3 { border: 1px solid {color:decorative square 3}; }
  872.  
  873. .navtp {
  874.     position: absolute;
  875.     margin-top: 16px;
  876.     margin-left: 14px;
  877. }
  878.  
  879. .navtp .spd1, .navtp .spd2, .navtp .spd3 {
  880.     background-color: {color:navigation bar background};
  881. }
  882.  
  883. .desc {
  884.     {block:ifscrolldescription}max-height: 105px;{/block:ifscrolldescription}
  885.     overflow: auto;
  886.     letter-spacing: 0;
  887.     padding: 0 10px;
  888.     color: {color:desc text};
  889. }
  890.  
  891. .descimg {
  892.     width: 56px;
  893.     height: 56px;
  894.     float: left;
  895.     padding-right: 12px;
  896. }
  897.  
  898. .desc a, #poppydesc a {
  899.     color: {color:desc links};
  900.     text-decoration: underline;
  901.     transition: 0.6s;
  902.     -moz-transition: 0.6s;
  903.     -webkit-transition: 0.6s;
  904.     -o-transition: 0.6s;}
  905. .desc a:hover, #poppydesc a:hover {color: {color:desc links hover};}
  906. .desc b,strong, #poppydesc b,strong { color: {color:desc bold}; }
  907. .desc i,em, #poppydesc i,em {color: {color:desc italic}; }
  908.  
  909. .stra {
  910.     background-color: {color:directory links line};
  911.     width: 40px;
  912.     height: 1px;
  913.     margin-top: 6px;
  914.     margin-right: 10px;
  915.     float: left;
  916.     transition: 0.6s;
  917.     -moz-transition: 0.6s;
  918.     -webkit-transition: 0.6s;
  919.     -o-transition: 0.6s;
  920. }
  921.  
  922. .clink {margin-bottom: 6px;}
  923.  
  924. .linkt {
  925.     font-family: consolas;
  926.     font-size: 10px;
  927.     text-transform: uppercase;
  928.     letter-spacing: 1px;
  929.     margin-top: -2px;
  930.     margin-left: 40px;
  931.     color: {color:directory links};
  932.     transition: 0.6s;
  933.     -moz-transition: 0.6s;
  934.     -webkit-transition: 0.6s;
  935.     -o-transition: 0.6s;
  936. }
  937.  
  938. .clink:hover .stra {
  939.     width: 60px;
  940.     background-color: {color:hover directory links line};
  941. }
  942.  
  943. .clink:hover .linkt {
  944.     color: {color:hover directory links};
  945. }
  946.  
  947. #scrollToTop:link, #scrollToTop:visited {
  948.     color: {color:scroll to top arrow};
  949.     background-color: {color:scroll to top background};
  950.     display: none;
  951.     position: fixed;
  952.     bottom: 15px;
  953.     right: 15px;
  954.     width: 30px;
  955.     height: 30px;
  956.     line-height: 30px;
  957.     text-align: center;
  958.     font-size: 20px;
  959.     transition: 0.8s;
  960.     -moz-transition: 0.8s;
  961.     -webkit-transition: 0.8s;
  962.     -o-transition: 0.8s;
  963. }
  964.  
  965. #scrollToTop:link:hover {
  966.     color: {color:hover scroll to top arrow};
  967.     background-color: {color:hover scroll to top background};
  968. }
  969.  
  970. #sbox input {
  971.     width: 168px;
  972.     border-radius: 0;
  973.     border: 0;
  974. }
  975.  
  976. .stext {
  977.     background-color: {color:searchbox input background};
  978.     color: {color:searchbox input text};
  979.     font-family: consolas;
  980.     padding: 5px 7px;
  981.     font-size: 11px;
  982. }
  983. .ssearch {
  984.     background-color: {color:searchbox button background};
  985.     color: {color:searchbox button text};
  986.     font-family: calibri;
  987.     font-size: 9px;
  988.     text-transform: uppercase;
  989.     letter-spacing: 1px;
  990.     vertical-align: top;
  991.     margin-top: 2px;
  992.     padding: 6px 8px;
  993.     margin-top: -1px;
  994.     max-width: 54px;
  995. }
  996.  
  997. .pagination { display: none; }
  998.  
  999. .pagi {
  1000.     margin: 16px 0 5px 0;
  1001.     width: 250px;
  1002.     letter-spacing: 0;
  1003.     text-align: right;
  1004. }
  1005.  
  1006. .paginationss {
  1007.     width: 250px;
  1008.     padding: 0 10px;
  1009.     text-align: center;
  1010.     font-family: calibri;
  1011.     font-size: 10px;
  1012. }
  1013.  
  1014. .pagi a {
  1015.     background-color: {color:pagination links background};
  1016.     color: {color:pagination links text};
  1017.     padding: 2px 5px;
  1018.     margin: 0 1px;
  1019. -webkit-transition: all 0.4s ease-in-out;
  1020. -moz-transition: all 0.4s ease-in-out;
  1021. -o-transition: all 0.4s ease-in-out;
  1022. -ms-transition: all 0.4s ease-in-out;
  1023. transition: all 0.4s ease-in-out;
  1024. }
  1025. .pagi a:hover {
  1026.     background-color: {color:hover pagination links background};
  1027.     color: {color:hover pagination links text};
  1028. }
  1029. .current_page {
  1030.     background-color: {color:pagination current background};
  1031.     color: {color:pagination current text};
  1032.     padding: 2px 5px;
  1033.     margin: 0 1px;
  1034. }
  1035.  
  1036. .perma {
  1037.     background-color: {color:permalink background};
  1038.     padding: 10px;
  1039.     font-family: courier new;
  1040.     font-size: 10px;
  1041.     text-transform: uppercase;
  1042.     color: {color:permalink text};
  1043.     text-align: left;
  1044.     border-bottom: 1px solid {color:permalink border};
  1045. }
  1046. .perma b,strong {
  1047.     padding: 0 4px;
  1048.     background-color: {color:permalink posted highlight};
  1049.     color: {color:permalink posted text};
  1050. }
  1051. .perma a {color: {color:permalink text};}
  1052. .perma a:hover {color: {color:permalink text};}
  1053.  
  1054. .permarvs, .permarvst, .permarvstreb {
  1055.     font-family: courier new;
  1056.     font-size: 8px;
  1057.     padding: 1px 3px;
  1058.     color: {color:permalink button text colour};
  1059.     text-align: right;
  1060.     margin: 0 -2px 0 0;
  1061. }
  1062.  
  1063. .permarvstreb {
  1064.     position: absolute;
  1065.     float: right;
  1066.     margin-top: -11px;
  1067.     {block:ifposttype1}margin-left: 469px;{/block:ifposttype1}
  1068.     {block:ifposttype2}margin-left: 369px;{/block:ifposttype2}
  1069.     {block:ifposttype3}margin-left: 219px;{/block:ifposttype3}
  1070. }
  1071. .permarvst {
  1072.     {block:ifposttype1}margin-left: 469px;{/block:ifposttype1}
  1073.     {block:ifposttype2}margin-left: 369px;{/block:ifposttype2}
  1074.     {block:ifposttype3}margin-left: 219px;{/block:ifposttype3}
  1075.     float: right;
  1076.     margin-top: -11px;
  1077.     position: absolute;
  1078. }
  1079.  
  1080. .permarvs a {color: {color:permalink button text colour};}
  1081. #rvsv { background-color: {color:permalink button 1 background}; border: 1px solid {color:permalink button 1 border}; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; }
  1082. #rvss { background-color: {color:permalink button 2 background}; border: 1px solid {color:permalink button 2 border}; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; }
  1083. #rvsr { background-color: {color:permalink button 3 background}; border: 1px solid {color:permalink button 3 border}; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; }
  1084. #rvst { background-color: {color:permalink button 4 background}; border: 1px solid {color:permalink button 4 border}; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; }
  1085.  
  1086. #rvsv:hover, #rvss:hover, #rvsr:hover, #rvst:hover {
  1087.     color: {color:hover permalink button text colour};
  1088.     background-color: {color:hover permalink button background};
  1089.     border: 1px solid {color:hover permalink button border};
  1090. }
  1091.  
  1092. .permarvs:hover, .permarvst:hover, .permarvstreb:hover, .permarvs a:hover {color: {color:hover permalink button text colour};}
  1093.  
  1094. .prvs {
  1095.     text-align: right;
  1096.     {block:ifposttype1}margin-left: 413px;{/block:ifposttype1}
  1097.     {block:ifposttype2}margin-left: 313px;{/block:ifposttype2}
  1098.     {block:ifposttype3}margin-left: 176px;{/block:ifposttype3}
  1099.     {block:ifalwaysshowtags}
  1100.     {block:ifposttype1}margin-left: 423px;{/block:ifposttype1}
  1101.     {block:ifposttype2}margin-left: 323px;{/block:ifposttype2}
  1102.     {block:ifposttype3}margin-left: 186px;{/block:ifposttype3}
  1103.     {/block:ifalwaysshowtags}
  1104.     float: right;
  1105.     width: 50px;
  1106.     position: absolute;
  1107. }
  1108.  
  1109. .text b,strong, .permainfo b,strong, .ctext b,strong, .atext b,strong, blockquote b,strong {
  1110.     color: {color:body bold};
  1111.     background-color: {color:post background};
  1112.     font-weight: 400;
  1113.     padding: 0 3px;
  1114. }
  1115. .text i,em, .permainfo a, .ctext i,em, .atext i,em {
  1116.     color: {color:body italic};
  1117.     transition: 0.6s;
  1118.     -moz-transition: 0.6s;
  1119.     -webkit-transition: 0.6s;
  1120.     -o-transition: 0.6s;
  1121. }
  1122.  
  1123. .text a, #notecon a, .qsrc a, .ctext a, .atext a, .permainfo3 a {
  1124.     color: {color:body links};
  1125.     text-decoration: underline;
  1126.     transition: 0.6s;
  1127.     -moz-transition: 0.6s;
  1128.     -webkit-transition: 0.6s;
  1129.     -o-transition: 0.6s;
  1130. }
  1131. .text a:hover, .permainfo a:hover, #notecon a:hover, .qsrc a:hover, .ctext a:hover, .atext a:hover, .permainfo3 a:hover {
  1132.     color: {color:body links hover};
  1133. }
  1134.  
  1135. .ptags {margin-top: 8px;text-align:center;}
  1136. .ptags a {
  1137.     margin: 0 2px 0 0;
  1138.     background-color: {color:permalink background};
  1139.     color: {color:post tags};
  1140.     padding: 3px 5px;
  1141.     font-family: consolas;
  1142.     font-size: 9px;
  1143.     font-style: italic;
  1144.     border: 1px solid {color:post tags border};
  1145.     text-transform: none;
  1146.     letter-spacing: 1px;
  1147.     line-height: 24px;
  1148.     text-decoration: none;
  1149.     {block:permalinkpage}
  1150.     background-color: {color:post background};
  1151.     margin-right: 5px;
  1152.     border: 1px solid {color:post tags border};
  1153.     {/block:permalinkpage}
  1154.     transition: 0.6s;
  1155.     -moz-transition: 0.6s;
  1156.     -webkit-transition: 0.6s;
  1157.     -o-transition: 0.6s;
  1158. }
  1159. .ptags a:hover {
  1160.     border: 1px solid {color:hover post tags border};
  1161. }
  1162.  
  1163. .hidden {display: none;}
  1164. .unhidden {display: block;}
  1165.  
  1166. #poppy {
  1167.     width: 790px;
  1168.     font-family: consolas;
  1169.     font-size: 10px;
  1170.     height: 0;
  1171.     overflow: hidden;
  1172.     margin-top: 0;
  1173. }
  1174.  
  1175. #poppydesc {
  1176.     float: right;
  1177.     width: 420px;
  1178.     padding: 20px;
  1179.     background-color: {color:desc background};
  1180.     color: {color:desc text};
  1181.     text-align: left;
  1182.     height: 56px;
  1183.     overflow: auto;
  1184. }
  1185.  
  1186. #poppylinks {
  1187.     width: 330px;
  1188.     float: left;
  1189.     margin-right: -10px;
  1190. }
  1191.  
  1192. .poppycl {
  1193.     width: 100px;
  1194.     padding: 9px 1px;
  1195.     float: left;
  1196.     background-color: {color:directory links line};
  1197.     color: {color:directory links};
  1198.     margin-bottom: 4px;
  1199.     margin-left: 4px;
  1200.     transition: 0.6s;
  1201.     -moz-transition: 0.6s;
  1202.     -webkit-transition: 0.6s;
  1203.     -o-transition: 0.6s;
  1204. }
  1205.  
  1206. .poppycl:hover {
  1207.     background-color: {color:hover directory links line};
  1208.     color: {color:hover directory links};
  1209. }
  1210.  
  1211. #warnin {
  1212.     top: 0;
  1213.     left: 0;
  1214.     background-color: rgba(255,255,255,0.9);
  1215.     width: 100%;
  1216.     height: 100%;
  1217.     z-index: -1000000000000;
  1218.     opacity: 0;
  1219.     position: fixed;
  1220.     text-align: center;
  1221.     padding-top: 260px;
  1222.     font-family: consolas;
  1223.     font-size: 20px;
  1224.     {block:ifposttype1}
  1225.     {block:ifposttype2}
  1226.     opacity: 1;
  1227.     z-index: 1000000000;
  1228.     {/block:ifposttype2}
  1229.     {block:ifposttype3}
  1230.     opacity: 1;
  1231.     z-index: 1000000000;
  1232.     {/block:ifposttype3}
  1233.     {block:ifposttype2}
  1234.     {block:ifposttype3}
  1235.     opacity: 1;
  1236.     z-index: 1000000000;
  1237.     {/block:ifposttype3}
  1238.     {/block:ifposttype2}
  1239.     {/block:ifposttype1}
  1240.     {block:ifposttype2}
  1241.     {block:ifposttype3}
  1242.     opacity: 1;
  1243.     z-index: 1000000000;
  1244.     {/block:ifposttype3}
  1245.     {/block:ifposttype2}
  1246.     {block:ifnotposttype1}
  1247.     {block:ifnotposttype2}
  1248.     {block:ifnotposttype3}
  1249.     opacity: 1;
  1250.     z-index: 1000000000;
  1251.     {/block:ifnotposttype3}
  1252.     {/block:ifnotposttype2}
  1253.     {/block:ifnotposttype1}
  1254. }
  1255.  
  1256. #music {
  1257.     position: fixed;
  1258.     width: 25px;
  1259.     height: 25px;
  1260.     overflow: hidden;
  1261.     background-color: rgba(255,255,255,0.5);
  1262.     z-index: 100000000;
  1263.     top: 8px;
  1264.     margin-left: -34px;
  1265. -webkit-transition: all 0.7s ease-in-out;
  1266. -moz-transition: all 0.7s ease-in-out;
  1267. -o-transition: all 0.7s ease-in-out;
  1268. -ms-transition: all 0.7s ease-in-out;
  1269. transition: all 0.7s ease-in-out;
  1270. }
  1271. .musicgif {
  1272.     margin: 5px;
  1273. -webkit-transition: all 0.7s ease-in-out;
  1274. -moz-transition: all 0.7s ease-in-out;
  1275. -o-transition: all 0.7s ease-in-out;
  1276. -ms-transition: all 0.7s ease-in-out;
  1277. transition: all 0.7s ease-in-out;
  1278. }
  1279. #music:hover .musicgif {margin-top: -26px;}
  1280.  
  1281. #music:hover {
  1282.     width: 200px;
  1283.     background-color: rgba(255,255,255,0.9);
  1284.     margin-left: -210px;
  1285. }
  1286.          
  1287. #musicpl {
  1288.     width: 20px;
  1289.     height: 20px;
  1290.     padding: 2px 20px 10px 0;
  1291. }
  1292.  
  1293. :focus { outline:0; }
  1294.  
  1295. {CustomCSS}    
  1296.  
  1297. </style>
  1298.  
  1299. <script language="javascript">
  1300. $(document).ready(function() {
  1301. $('a#clickbutton').click(function() {
  1302.     $('.t',this).toggle();
  1303. });
  1304.  
  1305. $("#poppy").css({"height": "0", "margin-top": "0"})
  1306. $("#clickbutton").toggle(
  1307. function () {
  1308. $("#poppy").animate({"height": "96px", "margin-top": "20px"}, "slow");
  1309. },
  1310. function () {
  1311. $("#poppy").animate({"height": "0", "margin-top": "0"}, "slow");
  1312. });
  1313. });
  1314. </script>
  1315.  
  1316. </head>
  1317. <body>
  1318.  
  1319. <div id="warnin">Please pick only one post type!</div>
  1320.  
  1321. <a href="javascript:;" id="scrollToTop"><i class="fa fa-angle-double-up"></i></a>
  1322.  
  1323. <center>
  1324.  
  1325. <div id="headercon">
  1326.  
  1327. <div id="header">
  1328.  
  1329. {block:ifheaderimage}<img class="headerimg" src="{image:header}">{/block:ifheaderimage}
  1330.  
  1331. </div><!--header-->
  1332.  
  1333. <div class="nav">
  1334. <div class="navtp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>
  1335. <span class="navtitle">{title}</span>
  1336. <a href="/"><span class="navlink">index</span></a>
  1337. <a href="/ask"><span class="navlink">contact</span></a>
  1338. <a href="/archive"><span class="navlink">archive</span></a>
  1339. {block:ifnotposttype3}
  1340. {block:IfLink1}<a href="{text:Link 1 URL}"><span class="navlink">{text:Link 1}</span></a>{/block:IfLink1}
  1341. {block:IfLink2}<a href="{text:Link 2 URL}"><span class="navlink">{text:Link 2}</span></a>{/block:IfLink2}
  1342. {/block:ifnotposttype3}
  1343. {block:ifposttype3}
  1344. <a id="clickbutton" class="navlink" style="cursor:pointer;"><span class="t">+more</span><span class="t" style="display:none">-less</span></a>
  1345. {/block:ifposttype3}
  1346. <a href="http://yukoki.tumblr.com"><span class="navlink">theme</span></a>
  1347.  
  1348. {block:ifnotposttype3}
  1349.  
  1350. <div id="spc1">
  1351. <div class="spcst"><div class="spcstdecp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>// biography</div>
  1352. <div class="desc">
  1353. {block:ifbiographyicon}<img class="descimg" src="{PortraitURL-96}">{/block:ifbiographyicon}
  1354. {description}
  1355. </div>
  1356. </div><!--biography-->
  1357.  
  1358. {block:iflink3}
  1359. <div id="spc2">
  1360. <div class="spcst"><div class="spcstdecp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>// directory</div>
  1361. <div class="ekusu">
  1362. <a href="{text:link 3 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 3}</div></div></a>
  1363. {block:IfLink4}<a href="{text:link 4 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 4}</div></div></a>{/block:IfLink4}
  1364. {block:IfLink5}<a href="{text:link 5 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 5}</div></div></a>{/block:IfLink5}
  1365. {block:IfLink6}<a href="{text:link 6 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 6}</div></div></a>{/block:IfLink6}
  1366. {block:IfLink7}<a href="{text:link 7 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 7}</div></div></a>{/block:IfLink7}
  1367. {block:IfLink8}<a href="{text:link 8 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 8}</div></div></a>{/block:IfLink8}
  1368. {block:IfLink9}<a href="{text:link 9 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 9}</div></div></a>{/block:IfLink9}
  1369. </div><!--ekusu-->
  1370. </div><!--spc2-->
  1371. {/block:iflink3}
  1372.  
  1373. <div id="blognav">
  1374. <div class="spcst"><div class="spcstdecp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>// navigation</div>
  1375. <div class="blogn">
  1376. <form action="/search" method="get" id="sbox">
  1377. <input type="text" name="q" value="{SearchQuery}" class="stext"/>
  1378. <input type="submit" value="locate" class="ssearch"/>
  1379. </form>
  1380.  
  1381. {block:indexpage}
  1382. <div class="pagi">
  1383. {block:Pagination}<div class="paginationss">
  1384. {block:PreviousPage}
  1385. <a href="{PreviousPage}">←</a>
  1386. {/block:PreviousPage}
  1387. {block:JumpPagination length="7"}
  1388. {block:CurrentPage}
  1389. <span class="current_page">{PageNumber}</span>
  1390. {/block:CurrentPage}
  1391. {block:JumpPage}
  1392. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1393. {/block:JumpPage}
  1394. {/block:JumpPagination}
  1395. {block:NextPage}
  1396. <a href="{NextPage}">→</a>
  1397. {/block:NextPage}
  1398. </div><!--pagination-->{/block:Pagination}
  1399. </div>
  1400. {/block:indexpage}
  1401. </div><!--blogn-->
  1402. </div><!--blognav-->
  1403.  
  1404.  
  1405. {/block:ifnotposttype3}
  1406.  
  1407. </div><!--header-->
  1408. </div><!--headercon-->
  1409. </center>
  1410.  
  1411. <center>
  1412.  
  1413. <div id="poppy">
  1414. <div id="poppydesc">{description}</div>
  1415. <div id="poppylinks">
  1416. {block:IfLink1}<a href="{text:Link 1 URL}"><div class="poppycl">{text:Link 1}</div></a>{/block:IfLink1}
  1417. {block:IfLink2}<a href="{text:Link 2 URL}"><div class="poppycl">{text:Link 2}</div></a>{/block:IfLink2}
  1418. {block:IfLink3}<a href="{text:Link 3 URL}"><div class="poppycl">{text:Link 3}</div></a>{/block:IfLink3}
  1419. {block:IfLink4}<a href="{text:Link 4 URL}"><div class="poppycl">{text:Link 4}</div></a>{/block:IfLink4}
  1420. {block:IfLink5}<a href="{text:Link 5 URL}"><div class="poppycl">{text:Link 5}</div></a>{/block:IfLink5}
  1421. {block:IfLink6}<a href="{text:Link 6 URL}"><div class="poppycl">{text:Link 6}</div></a>{/block:IfLink6}
  1422. {block:IfLink7}<a href="{text:Link 7 URL}"><div class="poppycl">{text:Link 7}</div></a>{/block:IfLink7}
  1423. {block:IfLink8}<a href="{text:Link 8 URL}"><div class="poppycl">{text:Link 8}</div></a>{/block:IfLink8}
  1424. {block:IfLink9}<a href="{text:Link 9 URL}"><div class="poppycl">{text:Link 9}</div></a>{/block:IfLink9}
  1425. </div>
  1426. </div>
  1427.  
  1428. <div id="content">
  1429. {block:Posts}
  1430.  
  1431. {block:permalinkpage}{block:ifposttype3}
  1432.  
  1433. {block:date}<div id="leftcolpi">
  1434.  
  1435. <div class="permainfo3">
  1436. <div class="permainfo3list"><span class="permainfo3icon"><i class="fa fa-clock-o"></i></span>posted on: {DayOfMonthWithZero} {Month} {Year}, {12Hour}.{Minutes}{AmPm}</div>
  1437.  
  1438. <div class="permainfo3list"><span class="permainfo3icon"><i class="fa fa-heart-o"></i></span>notes: {NoteCountWithLabel}</div>
  1439.  
  1440. {block:RebloggedFrom}
  1441.  
  1442. <div class="permainfo3list"><span class="permainfo3icon"><i class="fa fa-code-fork"></i></span>via: <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1443.  
  1444. <div class="permainfo3list"><span class="permainfo3icon"><i class="fa fa-random"></i></span>original: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  1445.  
  1446. {/block:RebloggedFrom}
  1447.  
  1448. {block:HasTags}
  1449.  
  1450. <div class="permainfo3lista"><span class="permainfo3icon"><i class="fa fa-tag"></i></span>tags: <span class="ptags">{block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</span></div>
  1451.  
  1452. {/block:HasTags}
  1453.  
  1454. </div><!--permainfo3-->
  1455.  
  1456. {block:NoteCount}
  1457.  
  1458. <div id="notecon3">
  1459. {PostNotes-16}
  1460. </div><!--notecon-->
  1461.  
  1462. {/block:NoteCount}
  1463.  
  1464. </div><!--leftcolpi-->{/block:date}
  1465. {/block:ifposttype3}{/block:permalinkpage}
  1466.  
  1467. <div class="posts">
  1468.  
  1469. {block:Quote}
  1470. <div class="qpost">
  1471. <div class="quote">"{Quote}"</div> <div class="qsrc">- {Source} -</div>
  1472. </div>
  1473. {/block:Quote}
  1474.  
  1475. {block:Link}
  1476. <a href="{URL}"><div class="ltitle">
  1477. <div class="ptdecp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>{Name} ></div></a>
  1478. {block:Description}<div class="text">{Description}</div>{block:Description}
  1479. {/block:Link}
  1480.  
  1481. {block:Chat}
  1482. {block:Title}
  1483. <div class="ptitle">
  1484. <div class="ptdecp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>{Title}</div>
  1485. {/block:Title}
  1486. <div class="ctext">
  1487. {block:Lines}<div class="{Alt}">
  1488. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1489. {/block:Lines}
  1490. </div>
  1491. {/block:Chat}
  1492.  
  1493. {block:Photo}
  1494. {linkopentag}<center><img class="photo" src="{PhotoURL-500}"></center>{linkclosetag}
  1495. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1496. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1497. <div class="text">{Caption}</div>
  1498. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1499. {/block:Photo}
  1500.  
  1501. {block:Photoset}
  1502. {block:indexpage}
  1503. {block:ifposttype1}<div class="photo">{Photoset-500}</div>{/block:ifposttype1}
  1504. {block:ifposttype2}<div class="photo">{Photoset-400}</div>{/block:ifposttype2}
  1505. {block:ifposttype3}<div class="photo">{Photoset-250}</div>{/block:ifposttype3}
  1506. {/block:indexpage}
  1507. {block:permalinkpage}
  1508. {block:ifposttype1}<div class="photo">{Photoset-500}</div>{/block:ifposttype1}
  1509. {block:ifposttype2}<div class="photo">{Photoset-400}</div>{/block:ifposttype2}
  1510. {block:ifposttype3}<div class="photo">{Photoset-500}</div>{/block:ifposttype3}
  1511. {/block:permalinkpage}
  1512.  
  1513. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1514. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1515. <div class="text">{Caption}</div>
  1516. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1517.  
  1518. {/block:Photoset}
  1519.  
  1520. {block:Text}
  1521. {block:Title}
  1522. <div class="ptitle">
  1523. <div class="ptdecp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>{Title}</div>
  1524. {/block:Title}
  1525. <div class="text">{Body}</div>
  1526. {/block:Text}
  1527.  
  1528. {block:Audio}
  1529. {block:indexpage}
  1530. {block:ifnotposttype3}
  1531. <div class="audiopost">
  1532. <div class="audioinfo">
  1533. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  1534. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1535. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1536. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1537. </div><!--audioinfo-->
  1538. {/block:ifnotposttype3}
  1539. {/block:indexpage}
  1540. {block:permalinkpage}
  1541. <div class="audioinfo">
  1542. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  1543. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1544. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1545. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1546. </div><!--audioinfo-->
  1547. {/block:permalinkpage}
  1548. <div class="albumart"><div class="albumno"></div>{block:AlbumArt}<img class="albumartp" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1549. <div class="audioplayer">{AudioPlayer}</div>
  1550. {block:indexpage}{block:ifnotposttype3}</div><!--audiopost-->{/block:ifnotposttype3}{/block:indexpage}
  1551. {block:indexpage}{block:ifposttype3}
  1552. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  1553. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1554. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1555. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1556. {/block:ifposttype3}{/block:indexpage}
  1557. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1558. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1559. <div class="text">{Caption}</div>
  1560. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1561. {/block:Audio}
  1562.  
  1563. {block:Video}
  1564. {block:ifposttype1}{Video-500}{/block:ifposttype1}
  1565. {block:ifposttype2}{Video-400}{/block:ifposttype2}
  1566. {block:ifposttype3}{Video-250}{/block:ifposttype3}
  1567. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1568. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1569. <div class="text">{Caption}</div>
  1570. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1571. {/block:Video}
  1572.  
  1573. {block:Answer}
  1574. <img class="askerportrait" src="{AskerPortraitURL-64}">
  1575. <div class="tri">◀</div>
  1576. <div class="a">
  1577. <span class="asker">{Asker} whispered:</span>
  1578. <span class="q">{Question}</span>
  1579. </div>
  1580. <div class="atext">{Answer}</div>
  1581. {/block:Answer}
  1582.  
  1583. {block:indexpage}{block:date}
  1584.  
  1585. <div class="perma">
  1586.  
  1587. <div class="prvs">
  1588.  
  1589. {block:RebloggedFrom} <a title="via {ReblogParentName}"  href="{ReblogParentURL}"><span class="permarvs" id="rvsv">v</span></a> <a title="source {ReblogRootName}"  href="{ReblogRootURL}"><span class="permarvs" id="rvss">s</span></a>{/block:RebloggedFrom} <a title="reblog this?" href="{ReblogURL}"><span class="permarvs" id="rvsr">r</span></a>
  1590.  
  1591. </div><!--prvs-->
  1592.  
  1593.  
  1594. {block:ifnotposttype3}
  1595. <div style="width: 400px;"><a title="{DayOfMonthWithZero} {ShortMonth} {Year} @ {12Hour}.{Minutes}{AmPm}" href="{permalink}"><b>Posted</b> {timeago} with {NoteCountWithLabel}.</a></div>
  1596. {/block:ifnotposttype3}
  1597.  
  1598. {block:ifposttype3}
  1599. <div style="width: 400px;"><a title="{TimeAgo}" href="{permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} + {NoteCount}</a></div>
  1600. {/block:ifposttype3}
  1601.  
  1602. {block:ifnotposttype3}
  1603. {block:ifnotalwaysshowtags}
  1604. <a title="view tags" href="#" class="cthrough"><span class="permarvst{block:rebloggedfrom}reb{block:rebloggedfrom}" id="rvst">t</span></a>
  1605. <div class="sub">
  1606. {/block:ifnotalwaysshowtags}
  1607. {block:HasTags}<div class="ptags">{block:Tags}
  1608. <a href="{TagURL}">#{Tag}</a>
  1609. {/block:Tags}</div>{/block:HasTags}
  1610. {block:ifnotalwaysshowtags}</div><!--sub-->{/block:ifnotalwaysshowtags}
  1611. {/block:ifnotposttype3}
  1612.  
  1613.  
  1614. </div><!--perma-->
  1615.  
  1616. {/block:date}{/block:indexpage}
  1617.  
  1618. </div><!--posts-->
  1619.  
  1620. {block:permalinkpage}{block:ifnotposttype3}
  1621. {block:date}<div class="permainfo">
  1622. Posted on <b>{DayOfMonth} {Month} {Year}</b>, at <b>{12Hour}.{Minutes}{AmPm}</b>, with <b>{NoteCountWithLabel}</b><br>
  1623. {block:RebloggedFrom}
  1624. Reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
  1625. {/block:RebloggedFrom}
  1626. {block:HasTags}<div class="pitags">{block:Tags}
  1627. <a href="{TagURL}">#{Tag} </a>
  1628. {/block:Tags}</div>{/block:HasTags}
  1629. </div>{/block:date}
  1630. {block:date}{block:NoteCount}<div id="notecon">
  1631. {PostNotes-16}
  1632. </div><!--notecon-->{/block:NoteCount}{/block:date}
  1633. {/block:ifnotposttype3}{/block:permalinkpage}
  1634.  
  1635. {/block:Posts}
  1636. {block:ContentSource}
  1637. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1638. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1639. {/block:SourceLogo}
  1640. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1641. {/block:ContentSource}
  1642.  
  1643. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1644.  
  1645. </div><!--content-->
  1646. </center>
  1647.  
  1648. <div class="pagination">
  1649. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1650. </div>
  1651.  
  1652. </body>
  1653. </html>
RAW Paste Data
Top