API tools faq
paste
darianella

"The Catalyst" tumblr theme HTML code

darianella
Jan 2nd, 2013
5,370
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 43.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6.  
  7.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  8. <script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
  9. <script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
  10. <script>
  11.      (function($){
  12.          $(document).ready(function(){
  13.              $("[title]").style_my_tooltips({
  14.     tip_follows_cursor:true,
  15.     tip_delay_time:200,
  16.     tip_fade_speed:300,
  17.     attribute:"title"
  18. });
  19.          });
  20.      })(jQuery);
  21.  </script>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy:400,400italic' rel='stylesheet' type='text/css'>
  24.  
  25. <!--
  26.    Yep! My newest theme, featuring Izaya from DURARARA!! I hope you like it!
  27.    
  28.    POSTS:
  29.        - optional 250px, 400px, or 500px width
  30.        - show/hide image descriptions
  31.        - optional monochrome images
  32.        
  33.    SIDEBAR:
  34.        - optional italic/straight title
  35.        - endless description
  36.        
  37.    MISC:
  38.        - optional standalone sidebar image
  39.        - optional music player
  40.        - infinite scroll or pagination
  41.        - two customizable backgrounds
  42.  
  43.  
  44. -->
  45.  
  46.  
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48.  
  49.     <meta name="color:title" content="#444343" />
  50.     <meta name="color:titleborder" content="#313131" />
  51.     <meta name="color:subtitle" content="#313131" />
  52.     <meta name="color:background" content="#ffffff" />
  53.     <meta name="color:scrollbar" content="#331b1b" />
  54.     <meta name="color:scrollbarback" content="#d6d5d5" />
  55.     <meta name="color:post" content="#ffffff" />
  56.     <meta name="color:text" content="#2b2929" />
  57.     <meta name="color:postlinks" content="#5a0c0c" />
  58.     <meta name="color:postlinkhover" content="#504c4c" />
  59.     <meta name="color:date" content="#c4c1c1" />
  60.     <meta name="color:datelinks" content="#754c4c" />
  61.     <meta name="color:datelinkhover" content="#fdfdfd" />
  62.     <meta name="color:reblog" content="#867575" />
  63.     <meta name="color:rebloglinks" content="#c4c1c1" />
  64.     <meta name="color:rebloglinkhover" content="#ffffff" />
  65.     <meta name="color:bold" content="#222121" />
  66.     <meta name="color:italic" content="#3d0f0f" />
  67.     <meta name="color:sidebarborder" content="#e2e2e2" />
  68.     <meta name="color:description" content="#332c2c" />
  69.     <meta name="color:descriptionback" content="#f0f0f0" />
  70.     <meta name="color:descriptionborder" content="#fcfafa" />
  71.     <meta name="color:tagback" content="#b7c0c5" />
  72.     <meta name="color:tagborder" content="#b7c0c5" />
  73.     <meta name="color:quote" content="#000000" />
  74.     <meta name="color:question" content="#000000" />
  75.     <meta name="color:selection" content="#cfcece" />
  76.     <meta name="color:selectiontext" content="#633838" />
  77.     <meta name="color:blockquote" content="#e9e9e9" />
  78.     <meta name="color:blockquote2" content="#d6c8c8" />
  79.     <meta name="color:blockquoteborder" content="#fff4b3838fff" />
  80.     <meta name="color:postbackground" content="#ffffff" />
  81.     <meta name="color:backgroundborder1" content="#6b4f4f" />
  82.     <meta name="color:backgroundborder2" content="#ffffff" />
  83.     <meta name="color:pagination" content="#eaebe9" />
  84.     <meta name="color:navigation" content="#f1f0f0" />
  85.     <meta name="color:link1" content="#be9f9f" />
  86.     <meta name="color:link1hover" content="#dadada" />
  87.     <meta name="color:link2" content="#9b7676" />
  88.     <meta name="color:link2hover" content="#c2c1c1" />
  89.     <meta name="color:link3" content="#7c4f4f" />
  90.     <meta name="color:link3hover" content="#9b9b9b" />
  91.     <meta name="color:link4" content="#4e3131" />
  92.     <meta name="color:link4hover" content="#6b6a6a" />
  93.     <meta name="color:customlinks" content="#fcfdf8" />
  94.    
  95.     <meta name="if:250px posts" content="1">
  96.     <meta name="if:400px posts" content="0">
  97.     <meta name="if:500px posts" content="0">
  98.     <meta name="if:post descriptions" content="0">
  99.     <meta name="if:infinite scroll" content="1">
  100.     <meta name="if:standalone" content="1">
  101.     <meta name="if:italic title" content="1">
  102.     <meta name="if:monochrome" content="1">
  103.     <meta name="if:music" content="0">
  104.    
  105.     <meta name="image:background" content="https://lh5.googleusercontent.com/-UloCFVzpLZ4/UOSrh7npuWI/AAAAAAAADmA/dRJyqWrZNNk/s500/solid.png"/>
  106.     <meta name="image:postbackground" content="https://lh4.googleusercontent.com/-vBoYBRR_vbo/UOSrhZmmVDI/AAAAAAAADl4/g39pl9JASPo/s100/az_subtle.png"/>
  107.     <meta name="image:backgroundborder1" content=""/>
  108.     <meta name="image:backgroundborder2" content=""/>
  109.     <meta name="image:sidebar" content="https://lh6.googleusercontent.com/-vyl4I3PGkdM/UOSrPA-d01I/AAAAAAAADlg/SoxcSfnXlb8/s512/tumblr_mfyt8mnjac1ra6sdto1_1280%2520copy.png"/>
  110.     <meta name="image:standalone" content="https://lh6.googleusercontent.com/-VoaM7UKgv0E/UOSrZNn531I/AAAAAAAADlo/DsGRTqO9Q9g/s512/izaya___render_by_aleendy_maiid-d4ornobcopy.png"/>
  111.  
  112.     <meta name="text:link1" content="link 1" />
  113.     <meta name="text:link1URL" content="/"/>
  114.     <meta name="text:link2" content="link 2" />
  115.     <meta name="text:link2URL" content="/"/>
  116.     <meta name="text:link3" content="link 3" />
  117.     <meta name="text:link3URL" content="/"/>
  118.     <meta name="text:link4" content="link 4" />
  119.     <meta name="text:link4URL" content="/"/>
  120.     <meta name="text:subtitle" content="subtitle"/>
  121.     <meta name="text:playercode" content=""/>
  122.  
  123. <style type="text/css">
  124.  
  125. /*basics*/
  126.  
  127. ::-webkit-scrollbar {
  128.     width: 7px;
  129.     height: 7px;
  130.     background-color:{color:scrollbarback};
  131. }
  132.  
  133. ::-webkit-scrollbar-thumb {
  134.     background: {color:scrollbar};
  135. }
  136.  
  137. @font-face{
  138.     font-family: 'Sorts Mill Goudy', serif;
  139. }
  140.  
  141. iframe{
  142.     opacity: 0.9;
  143.     filter:alpha(opacity=90);
  144.     -moz-opacity: 0.9;
  145.     -khtml-opacity: 0.9;
  146. }
  147.  
  148. iframe#tumblr_controls {
  149.     right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  150.  
  151. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  152.  
  153.  
  154.  
  155. /*basic derps*/
  156.  
  157. body{
  158.     margin-top:0;
  159.     color:{color:text};
  160.     font-size:10px;
  161.     font-family:trebuchet ms;
  162.     line-height:100%;
  163.     background-image:url('{image:background}');
  164.     background-attachment: fixed;
  165.     background-repeat: repeat;
  166.     background-color: {color:background};
  167. }
  168.  
  169. a{
  170.     text-decoration:none;
  171.     outline:none;
  172.     -moz-outline-style:none;
  173.    color:{color:customlinks};
  174.     -webkit-transition: all 0.5s linear;
  175.     -moz-transition: all 0.5s linear;
  176.     -o-transition: all 0.5s linear;
  177. }
  178.  
  179.  
  180. em{
  181.     color:{color:italic};
  182. }
  183.  
  184. strong{
  185.     color:{color:bold};
  186.     font-weight:strong;
  187. }
  188.  
  189. img{
  190.     border:none;
  191. }
  192.  
  193. blockquote{
  194.     padding:5px;
  195.     padding-left:10px;
  196.     border-left:2px solid {color:blockquoteborder};
  197.     background-color:{color:blockquote};
  198. }
  199.  
  200. blockquote blockquote{
  201.     padding-left:10px;
  202.     padding:5px;
  203.     border-left:1px dashed {color:blockquoteborder};
  204.     background-color:{color:blockquote2};
  205. }
  206.  
  207. pre{
  208.     font-size:8px;
  209.    {block:indexpage}
  210.     {block:if250pxposts}max-width:240px;{block:if250pxposts}
  211.     {block:if400pxposts}max-width:390px;{block:if400pxposts}
  212.     {block:if500pxposts}max-width:490px;{block:if500pxposts}
  213.     {/block:indexpage}
  214.     {block:permalinkpage}max-width:490px;{/block:permalinkpage}
  215.     overflow:auto;
  216.     background-color:#bcbbbb;
  217.     padding:5px;
  218.     text-align:center;
  219. }
  220. pre::-webkit-scrollbar {
  221.     width: 2px;
  222.     height: 2px;
  223. }
  224.  
  225. pre::-webkit-scrollbar-thumb {
  226.     background: {color:scrollbar};
  227. }
  228.  
  229. ::selection {
  230. background:{color:selection};
  231. color: {color:selectiontext};
  232. }
  233.  
  234. ::-moz-selection {
  235. background: {color:selection};
  236. color: {color:selectiontext};
  237. }
  238.  
  239. ::-webkit-selection {
  240. background: {color:selection};
  241. color: {color:selectiontext};
  242. }
  243.  
  244.  
  245. /*sidebar*/
  246.  
  247. #sidebarback{
  248.     position:fixed;
  249.    
  250.     {block:ifnotstandalone}
  251.     {block:indexpage}
  252.     {block:if250pxposts}margin-left:800px;{block:if250pxposts}
  253.     {block:if400pxposts}margin-left:850px;{block:if400pxposts}
  254.     {block:if500pxposts}margin-left:900px;{block:if500pxposts}
  255.     {/block:indexpage}
  256.     {block:permalinkpage}margin-left:900px;{/block:permalinkpage}
  257.     {/block:ifnotstandalone}
  258.    
  259.     {block:ifstandalone}
  260.     {block:indexpage}
  261.     {block:if250pxposts}margin-left:875px;{block:if250pxposts}
  262.     {block:if400pxposts}margin-left:990px;{block:if400pxposts}
  263.     {block:if500pxposts}margin-left:1060px;{block:if500pxposts}
  264.     {/block:indexpage}
  265.     {block:permalinkpage}margin-left:1060px;{/block:permalinkpage}
  266.     {/block:ifstandalone}
  267.    
  268.     height:200px;
  269.     width:200px;
  270.     margin-top:200px;
  271.     background-color:{color:sidebarborder};
  272.     -webkit-transition: all 0.5s linear;
  273.     -moz-transition: all 0.5s linear;
  274.     -o-transition: all 0.5s linear;
  275.     z-index:1;
  276. }
  277.  
  278. #sidebarimage{
  279.     position:fixed;
  280.     margin-top:10px;
  281.     margin-left:10px;
  282.     height:180px;
  283.     width:180px;
  284. }
  285.  
  286. #descriptionborder{
  287.     position:fixed;
  288.     margin-top:100px;
  289.     margin-left:-50px;
  290.     height:137px;
  291.     width:137px;
  292.     background-color:{color:descriptionborder};
  293.     opacity:0;
  294.     -webkit-transition: all 0.5s linear;
  295.     -moz-transition: all 0.5s linear;
  296.     -o-transition: all 0.5s linear;
  297. }
  298.  
  299. #sidebarback:hover #descriptionborder{
  300.     opacity:1;
  301. }
  302.  
  303. #descriptionback{
  304.     position:fixed;
  305.     margin-top:7px;
  306.     margin-left:7px;
  307.     height:124px;
  308.     width:124px;
  309.     background-color:{color:descriptionback};
  310. }
  311.  
  312. #description{
  313.     position:fixed;
  314.     margin-top:10px;
  315.     margin-left:10px;
  316.     height:104px;
  317.     width:100px;
  318.     padding-right:4px;
  319.     text-align:center;
  320.     font-size:9px;
  321.     overflow:auto;
  322.     line-height:120%;
  323.     color:{color:description};
  324. }
  325.  
  326. #description::-webkit-scrollbar {
  327.     width: 2px;
  328.     height: 2px;
  329. }
  330.  
  331. #description::-webkit-scrollbar-thumb {
  332.     background: {color:scrollbar};
  333. }
  334.  
  335. #description a{
  336.     color:{color:postlinks};
  337. }
  338.  
  339.  
  340. #description a:hover{
  341.     color:{color:postlinkhover};
  342.     text-shadow: 0px 0px 3px #888888;
  343. }
  344.  
  345. /*basic navigation*/
  346.  
  347. #navigationback{
  348.     position:fixed;
  349.     width:62px;
  350.     padding:2.5px;
  351.     background-color:{color:navigation};
  352.     border-bottom:2px solid {color:blockquoteborder};
  353.     margin-top:200px;
  354.     margin-left:110px;
  355.     -webkit-transition: all 0.5s linear;
  356.     -moz-transition: all 0.5s linear;
  357.     -o-transition: all 0.5s linear;
  358.     z-index:1;
  359. }
  360.  
  361. #sidebarback:hover #navigationback{
  362.     height:10px;
  363.     width:57px;
  364.     padding:5px;
  365. }
  366.  
  367. .navigationhome{
  368.     position:fixed;
  369.     margin-top:-1px;
  370.     opacity:0;
  371.     -webkit-transition: all 0.2s linear;
  372.     -moz-transition: all 0.2s linear;
  373.     -o-transition: all 0.2s linear;
  374. }
  375.  
  376. #sidebarback:hover .navigationhome{
  377.     transition-delay: 0.5s;
  378.     -moz-transition-delay: 0.5s;
  379.     -webkit-transition-delay: 0.5s;
  380.     -o-transition-delay: 0.5s;
  381.     opacity:1;
  382. }
  383.  
  384. .navigationask{
  385.     position:fixed;
  386.     opacity:0;
  387.     margin-left:15px;
  388.     -webkit-transition: all 0.2s linear;
  389.     -moz-transition: all 0.2s linear;
  390.     -o-transition: all 0.2s linear;
  391. }
  392.  
  393. #sidebarback:hover .navigationask{
  394.     transition-delay: 0.5s;
  395.     -moz-transition-delay: 0.5s;
  396.     -webkit-transition-delay: 0.5s;
  397.     -o-transition-delay: 0.5s;
  398.     opacity:1;
  399. }
  400.  
  401. .navigationsubmit{
  402.     position:fixed;
  403.     opacity:0;
  404.     margin-top:-1px;
  405.     margin-left:30px;
  406.     -webkit-transition: all 0.2s linear;
  407.     -moz-transition: all 0.2s linear;
  408.     -o-transition: all 0.2s linear;
  409. }
  410.  
  411. #sidebarback:hover .navigationsubmit{
  412.     transition-delay: 0.5s;
  413.     -moz-transition-delay: 0.5s;
  414.     -webkit-transition-delay: 0.5s;
  415.     -o-transition-delay: 0.5s;
  416.     opacity:1;
  417. }
  418.  
  419. .navigationarchive{
  420.     position:fixed;
  421.     opacity:0;
  422.     margin-top:-1px;
  423.     margin-left:42px;
  424.     -webkit-transition: all 0.2s linear;
  425.     -moz-transition: all 0.2s linear;
  426.     -o-transition: all 0.2s linear;
  427. }
  428.  
  429. #sidebarback:hover .navigationarchive{
  430.     transition-delay: 0.5s;
  431.     -moz-transition-delay: 0.5s;
  432.     -webkit-transition-delay: 0.5s;
  433.     -o-transition-delay: 0.5s;
  434.     opacity:1;
  435. }
  436.  
  437. /*pagination*/
  438.  
  439. #paginationback{
  440.     position:fixed;
  441.     height:30px;
  442.     padding:2.5px;
  443.     background-color:{color:pagination};
  444.     border-left:2px solid {color:blockquoteborder};
  445.     margin-top:45px;
  446.     margin-left:-6px;
  447.     -webkit-transition: all 0.5s linear;
  448.     -moz-transition: all 0.5s linear;
  449.     -o-transition: all 0.5s linear;
  450.     z-index:1;
  451. }
  452.  
  453. #sidebarback:hover #paginationback{
  454.     width:7px;
  455.     height:25px;
  456.     padding:5px;
  457.     margin-left:-18px;
  458. }
  459.  
  460. .paginationmore{
  461.     position:fixed;
  462.     opacity:0;
  463.     -webkit-transition: all 0.2s linear;
  464.     -moz-transition: all 0.2s linear;
  465.     -o-transition: all 0.2s linear;
  466. }
  467.  
  468.  
  469. #sidebarback:hover .paginationmore{
  470.     transition-delay: 0.5s;
  471.     -moz-transition-delay: 0.5s;
  472.     -webkit-transition-delay: 0.5s;
  473.     -o-transition-delay: 0.5s;
  474.     opacity:1;
  475. }
  476.  
  477. .paginationless{
  478.     position:fixed;
  479.     opacity:0;
  480.     margin-top:15px;
  481.     -webkit-transition: all 0.2s linear;
  482.     -moz-transition: all 0.2s linear;
  483.     -o-transition: all 0.2s linear;
  484. }
  485.  
  486.  
  487. #sidebarback:hover .paginationless{
  488.     transition-delay: 0.5s;
  489.     -moz-transition-delay: 0.5s;
  490.     -webkit-transition-delay: 0.5s;
  491.     -o-transition-delay: 0.5s;
  492.     opacity:1;
  493. }
  494.  
  495. .pagination{
  496.     display:none;
  497. }
  498.    
  499. /*music player*/
  500.  
  501. #playerback{
  502.     position:fixed;
  503.     height:15px;
  504.     padding:2.5px;
  505.     background-color:{color:pagination};
  506.     border-right:2px solid {color:blockquoteborder};
  507.     margin-top:120px;
  508.     margin-left:200px;
  509.     -webkit-transition: all 0.5s linear;
  510.     -moz-transition: all 0.5s linear;
  511.     -o-transition: all 0.5s linear;
  512.     z-index:1;
  513. }
  514.  
  515. #sidebarback:hover #playerback{
  516.     width:50px;
  517.     height:10px;
  518.     padding:5px;
  519. }
  520.  
  521. .player{
  522.     position:fixed;
  523.     -webkit-transition: all 0.2s linear;
  524.     -moz-transition: all 0.2s linear;
  525.     -o-transition: all 0.2s linear;
  526.     width:60px;
  527.     margin-left:-1px;
  528.     opacity:0;
  529.     z-index:1;
  530.     margin-top:-2px;
  531.     overflow:hidden;
  532. }
  533.  
  534.  
  535. #sidebarback:hover .player{
  536.     transition-delay: 0.5s;
  537.     -moz-transition-delay: 0.5s;
  538.     -webkit-transition-delay: 0.5s;
  539.     -o-transition-delay: 0.5s;
  540.     opacity:1;
  541. }
  542.  
  543.    
  544. /*super special custom navigation of DOOM*/    
  545.    
  546.  
  547. #link1{
  548.     position:fixed;
  549.     height:7px;
  550.     width:0px;
  551.     padding-left:250px;
  552.     margin-top:260px;
  553.    
  554.     {block:ifnotstandalone}
  555.     {block:indexpage}
  556.     {block:if250pxposts}margin-left:730px;{block:if250pxposts}
  557.     {block:if400pxposts}margin-left:780px;{block:if400pxposts}
  558.     {block:if500pxposts}margin-left:830px;{block:if500pxposts}
  559.     {/block:indexpage}
  560.     {block:permalinkpage}margin-left:830px;{/block:permalinkpage}
  561.     {/block:ifnotstandalone}
  562.    
  563.     {block:ifstandalone}
  564.     {block:indexpage}
  565.     {block:if250pxposts}margin-left:805px;{block:if250pxposts}
  566.     {block:if400pxposts}margin-left:920px;{block:if400pxposts}
  567.     {block:if500pxposts}margin-left:990px;{block:if500pxposts}
  568.     {/block:indexpage}
  569.     {block:permalinkpage}margin-left:990px;{/block:permalinkpage}
  570.     {/block:ifstandalone}
  571.    
  572.     -webkit-transform: rotate(-45deg);
  573.     -moz-transform: rotate(-45deg);  
  574.     -o-transform: rotate(-45deg);
  575.     -webkit-transition: all 0.5s linear;
  576.     -moz-transition: all 0.5s linear;
  577.     -o-transition: all 0.5s linear;
  578.     background-color:{color:link1};
  579.     overflow:hidden;
  580.     text-align:right;
  581.     font-family:monospace;
  582. }
  583.  
  584.  
  585. #link1:hover{
  586.     height:10px;
  587.     width:50px;
  588.     padding-left:260px;
  589.     padding-right:10px;
  590.     margin-top:235px;
  591.     background-color:{color:link1hover};
  592. }
  593.  
  594. #link1:hover ~ #link2{
  595.     margin-top:280px;
  596. }
  597.  
  598. #link1:hover ~ #link3{
  599.     margin-top:285px;
  600. }
  601.  
  602. #link2{
  603.     position:fixed;
  604.     height:7px;
  605.     width:0px;
  606.     padding-left:280px;
  607.     margin-top:270px;
  608.    
  609.     {block:ifnotstandalone}
  610.     {block:indexpage}
  611.     {block:if250pxposts}margin-left:725px;{block:if250pxposts}
  612.     {block:if400pxposts}margin-left:775px;{block:if400pxposts}
  613.     {block:if500pxposts}margin-left:825px;{block:if500pxposts}
  614.     {/block:indexpage}
  615.     {block:permalinkpage}margin-left:825px;{/block:permalinkpage}
  616.     {/block:ifnotstandalone}
  617.    
  618.     {block:ifstandalone}
  619.     {block:indexpage}
  620.     {block:if250pxposts}margin-left:800px;{block:if250pxposts}
  621.     {block:if400pxposts}margin-left:915px;{block:if400pxposts}
  622.     {block:if500pxposts}margin-left:985px;{block:if500pxposts}
  623.     {/block:indexpage}
  624.     {block:permalinkpage}margin-left:985px;{/block:permalinkpage}
  625.     {/block:ifstandalone}
  626.    
  627.     -webkit-transform: rotate(-45deg);
  628.     -moz-transform: rotate(-45deg);  
  629.     -o-transform: rotate(-45deg);
  630.     -webkit-transition: all 0.5s linear;
  631.     -moz-transition: all 0.5s linear;
  632.     -o-transition: all 0.5s linear;
  633.     background-color:{color:link2};
  634.     overflow:hidden;
  635.     text-align:right;
  636.     font-family:monospace;
  637. }
  638.  
  639. #link2:hover{
  640.     height:10px;
  641.     width:50px;
  642.     padding-left:290px;
  643.     padding-right:10px;
  644.     margin-top:240px;
  645.     background-color:{color:link2hover};
  646. }
  647.  
  648. #link2:hover ~ #link3{
  649.     margin-top:292px;
  650. }
  651.  
  652. #link2:hover ~ #link4{
  653.     margin-top:300px;
  654. }
  655.  
  656. #link3{
  657.     position:fixed;
  658.     height:7px;
  659.     width:0px;
  660.     padding-left:310px;
  661.     margin-top:280px;
  662.    
  663.     {block:ifnotstandalone}
  664.     {block:indexpage}
  665.     {block:if250pxposts}margin-left:720px;{block:if250pxposts}
  666.     {block:if400pxposts}margin-left:770px;{block:if400pxposts}
  667.     {block:if500pxposts}margin-left:820px;{block:if500pxposts}
  668.     {/block:indexpage}
  669.     {block:permalinkpage}margin-left:820px;{/block:permalinkpage}
  670.     {/block:ifnotstandalone}
  671.    
  672.     {block:ifstandalone}
  673.     {block:indexpage}
  674.     {block:if250pxposts}margin-left:795px;{block:if250pxposts}
  675.     {block:if400pxposts}margin-left:910px;{block:if400pxposts}
  676.     {block:if500pxposts}margin-left:980px;{block:if500pxposts}
  677.     {/block:indexpage}
  678.     {block:permalinkpage}margin-left:980px;{/block:permalinkpage}
  679.     {/block:ifstandalone}
  680.    
  681.     -webkit-transform: rotate(-45deg);
  682.     -moz-transform: rotate(-45deg);  
  683.     -o-transform: rotate(-45deg);
  684.     -webkit-transition: all 0.5s linear;
  685.     -moz-transition: all 0.5s linear;
  686.     -o-transition: all 0.5s linear;
  687.     background-color:{color:link3};
  688.     overflow:hidden;
  689.     text-align:right;
  690.     font-family:monospace;
  691. }
  692.  
  693. #link3:hover{
  694.     height:10px;
  695.     width:50px;
  696.     padding-left:320px;
  697.     padding-right:10px;
  698.     margin-top:250px;
  699.     background-color:{color:link3hover};
  700. }
  701.  
  702. #link3:hover ~ #link4{
  703.     margin-top:300px;
  704. }
  705.  
  706. #link4{
  707.     position:fixed;
  708.     height:7px;
  709.     width:0px;
  710.     padding-left:345px;
  711.     margin-top:288px;
  712.    
  713.     {block:ifnotstandalone}
  714.     {block:indexpage}
  715.     {block:if250pxposts}margin-left:715px;{block:if250pxposts}
  716.     {block:if400pxposts}margin-left:765px;{block:if400pxposts}
  717.     {block:if500pxposts}margin-left:815px;{block:if500pxposts}
  718.     {/block:indexpage}
  719.     {block:permalinkpage}margin-left:815px;{/block:permalinkpage}
  720.     {/block:ifnotstandalone}
  721.    
  722.     {block:ifstandalone}
  723.     {block:indexpage}
  724.     {block:if250pxposts}margin-left:790px;{block:if250pxposts}
  725.     {block:if400pxposts}margin-left:905px;{block:if400pxposts}
  726.     {block:if500pxposts}margin-left:975px;{block:if500pxposts}
  727.     {/block:indexpage}
  728.     {block:permalinkpage}margin-left:975px;{/block:permalinkpage}
  729.     {/block:ifstandalone}
  730.    
  731.     -webkit-transform: rotate(-45deg);
  732.     -moz-transform: rotate(-45deg);  
  733.     -o-transform: rotate(-45deg);
  734.     -webkit-transition: all 0.5s linear;
  735.     -moz-transition: all 0.5s linear;
  736.     -o-transition: all 0.5s linear;
  737.     background-color:{color:link4};
  738.     overflow:hidden;
  739.     text-align:right;
  740.     font-family:monospace;
  741. }
  742.  
  743.  
  744. #link4:hover{
  745.     height:10px;
  746.     width:50px;
  747.     padding-left:335px;
  748.     padding-right:10px;
  749.     margin-top:268px;
  750.     background-color:{color:link4hover};
  751. }
  752.  
  753. /*sideimage*/
  754.  
  755. #sideimage{
  756.     {block:ifnotstandalone}display:none;{/block:ifnotstandalone}
  757.     {block:ifstandalone}position:fixed;
  758.     max-width:330px;
  759.     {block:if250pxposts}margin-left:10px;{block:if250pxposts}
  760.     {block:if400pxposts}margin-left:20px;{block:if400pxposts}
  761.     {block:if500pxposts}margin-left:15px;{block:if500pxposts}
  762.     {/block:indexpage}
  763.     {block:permalinkpage}margin-left:15px;{/block:permalinkpage}
  764.     bottom:0;{/block:ifstandalone}
  765.    
  766.     z-index:-999;
  767. }
  768.  
  769. /*title*/
  770.  
  771. #main{
  772.     position:fixed;
  773.     color:{color:title};
  774.     width:200px;
  775.     margin-top:145px;
  776.     height:25px;
  777.     font-size:25px;
  778.     font-family: 'Sorts Mill Goudy', serif;
  779.     border-bottom:2px solid {color:titleborder};
  780.     overflow:hidden;
  781.     line-height:100%;
  782.     text-align:right;
  783.     {block:ifitalictitle}font-style:italic;{/block:ifitalictitle}
  784.    
  785.     {block:ifnotstandalone}
  786.     {block:indexpage}
  787.     {block:if250pxposts}margin-left:710px;{block:if250pxposts}
  788.     {block:if400pxposts}margin-left:760px;{block:if400pxposts}
  789.     {block:if500pxposts}margin-left:810px;{block:if500pxposts}
  790.     {/block:indexpage}
  791.     {block:permalinkpage}margin-left:810px;{/block:permalinkpage}
  792.     {/block:ifnotstandalone}
  793.    
  794.     {block:ifstandalone}
  795.     {block:indexpage}
  796.     {block:if250pxposts}margin-left:785px;{block:if250pxposts}
  797.     {block:if400pxposts}margin-left:900px;{block:if400pxposts}
  798.     {block:if500pxposts}margin-left:965px;{block:if500pxposts}
  799.     {/block:indexpage}
  800.     {block:permalinkpage}margin-left:965px;{/block:permalinkpage}
  801.     {/block:ifstandalone}
  802. }
  803.  
  804. #subtitle{
  805.     position:fixed;
  806.     color:{color:subtitle};
  807.     width:200px;
  808.     margin-top:175px;
  809.     height:30px;
  810.     font-size:10px;
  811.     font-family: monospace;
  812.     text-transform:uppercase;
  813.     overflow:hidden;
  814.     line-height:100%;
  815.     text-align:left;
  816.    
  817.     {block:ifnotstandalone}
  818.     {block:indexpage}
  819.     {block:if250pxposts}margin-left:710px;{block:if250pxposts}
  820.     {block:if400pxposts}margin-left:760px;{block:if400pxposts}
  821.     {block:if500pxposts}margin-left:810px;{block:if500pxposts}
  822.     {/block:indexpage}
  823.     {block:permalinkpage}margin-left:810px;{/block:permalinkpage}
  824.     {/block:ifnotstandalone}
  825.    
  826.     {block:ifstandalone}
  827.     {block:indexpage}
  828.     {block:if250pxposts}margin-left:785px;{block:if250pxposts}
  829.     {block:if400pxposts}margin-left:900px;{block:if400pxposts}
  830.     {block:if500pxposts}margin-left:965px;{block:if500pxposts}
  831.     {/block:indexpage}
  832.     {block:permalinkpage}margin-left:965px;{/block:permalinkpage}
  833.     {/block:ifstandalone}
  834. }
  835.    
  836.  
  837. /*background separation*/
  838.  
  839. #postbackground{
  840.     position:fixed;
  841.     height:100%;
  842.     top:0;
  843.     left:0;
  844.    
  845.     {block:ifnotstandalone}
  846.     {block:indexpage}
  847.     {block:if250pxposts}width:600px;{block:if250pxposts}
  848.     {block:if400pxposts}width:650px;{block:if400pxposts}
  849.     {block:if500pxposts}width:700px;{block:if500pxposts}
  850.     {/block:indexpage}
  851.     {block:permalinkpage}width:700px;{/block:permalinkpage}
  852.     {/block:ifnotstandalone}
  853.    
  854.     {block:ifstandalone}
  855.     {block:indexpage}
  856.     {block:if250pxposts}width:675px;{block:if250pxposts}
  857.     {block:if400pxposts}width:790px;{block:if400pxposts}
  858.     {block:if500pxposts}width:860px;{block:if500pxposts}
  859.     {/block:indexpage}
  860.     {block:permalinkpage}width:860px;{/block:permalinkpage}
  861.     {/block:ifstandalone}
  862.    
  863.     background-color:{color:postbackground};
  864.     background-image:url('{image:postbackground}');
  865.     background-attachment: fixed;
  866.     background-repeat: repeat;
  867.     z-index:-999;
  868. }
  869.  
  870. #postbar1{
  871.     position:fixed;
  872.     height:100%;
  873.    
  874.     {block:ifnotstandalone}
  875.     {block:indexpage}
  876.     {block:if250pxposts}margin-left:600px;{block:if250pxposts}
  877.     {block:if400pxposts}margin-left:650px;{block:if400pxposts}
  878.     {block:if500pxposts}margin-left:700px;{block:if500pxposts}
  879.     {/block:indexpage}
  880.     {block:permalinkpage}margin-left:700px;{/block:permalinkpage}
  881.     {/block:ifnotstandalone}
  882.    
  883.     {block:ifstandalone}
  884.     {block:indexpage}
  885.     {block:if250pxposts}margin-left:675px;{block:if250pxposts}
  886.     {block:if400pxposts}margin-left:790px;{block:if400pxposts}
  887.     {block:if500pxposts}margin-left:860px;{block:if500pxposts}
  888.     {/block:indexpage}
  889.     {block:permalinkpage}margin-left:860px;{/block:permalinkpage}
  890.     {/block:ifstandalone}
  891.    
  892.     width:30px;
  893.     background-color:{color:backgroundborder1};
  894.     background-image:url('{image:backgroundborder1}');
  895.     background-attachment: fixed;
  896.     background-repeat: repeat;
  897. }
  898.  
  899. #postbar2{
  900.     position:fixed;
  901.     height:100%;
  902.     {block:ifnotstandalone}
  903.     {block:indexpage}
  904.     {block:if250pxposts}margin-left:640px;{block:if250pxposts}
  905.     {block:if400pxposts}margin-left:690px;{block:if400pxposts}
  906.     {block:if500pxposts}margin-left:740px;{block:if500pxposts}
  907.     {/block:indexpage}
  908.     {block:permalinkpage}margin-left:740px;{/block:permalinkpage}
  909.     {/block:ifnotstandalone}
  910.    
  911.     {block:ifstandalone}
  912.     {block:indexpage}
  913.     {block:if250pxposts}margin-left:715px;{block:if250pxposts}
  914.     {block:if400pxposts}margin-left:830px;{block:if400pxposts}
  915.     {block:if500pxposts}margin-left:900px;{block:if500pxposts}
  916.     {/block:indexpage}
  917.     {block:permalinkpage}margin-left:900px;{/block:permalinkpage}
  918.     {/block:ifstandalone}
  919.    
  920.     width:10px;
  921.     background-color:{color:backgroundborder2};
  922.     background-image:url('{image:backgroundborder2}');
  923.     background-attachment: fixed;
  924.     background-repeat: repeat;
  925. }
  926.  
  927.  
  928. /*posts*/
  929.  
  930.  
  931. #postmargin{
  932.     margin-top:10px;
  933.    
  934.     {block:ifstandalone}
  935.     {block:indexpage}
  936.     {block:if250pxposts}width:250px;
  937.     margin-left:320px;{block:if250pxposts}
  938.     {block:if400pxposts}width:400px;
  939.     margin-left:310px;{block:if400pxposts}
  940.     {block:if500pxposts}width:500px;
  941.     margin-left:300px;{block:if500pxposts}
  942.     {/block:indexpage}
  943.     {block:permalinkpage}width:500px;
  944.     margin-left:300px;{/block:permalinkpage}
  945.     {/block:ifstandalone}
  946.    
  947.     {block:ifnotstandalone}
  948.     {block:indexpage}
  949.     {block:if250pxposts}width:250px;
  950.     margin-left:225px;{block:if250pxposts}
  951.     {block:if400pxposts}width:400px;
  952.     margin-left:150px;{block:if400pxposts}
  953.     {block:if500pxposts}width:500px;
  954.     margin-left:100px;{block:if500pxposts}
  955.     {/block:indexpage}
  956.     {block:permalinkpage}width:500px;
  957.     margin-left:100px;{/block:permalinkpage}
  958.     {/block:ifnotstandalone}
  959.    
  960.    z-index:9999;
  961.    
  962. }
  963.  
  964. .posts{
  965.     {block:indexpage}{block:if250pxposts}width:250px;{block:if250pxposts}
  966.     {block:if400pxposts}width:400px;{block:if400pxposts}
  967.     {block:if500pxposts}width:500px;{block:if500pxposts}{/block:indexpage}
  968.     {block:permalinkpage}width:500px;{/block:permalinkpage}
  969.     padding:10px;
  970.     margin-bottom:13px;
  971.     margin-right:10px;
  972.     background-color:{color:post};
  973.     opacity:0.9;
  974.     -webkit-transition: all 0.5s linear;
  975.     -moz-transition: all 0.5s linear;
  976.     -o-transition: all 0.5s linear;
  977. }
  978.  
  979. .posts:hover{
  980.     opacity:1;
  981. }
  982.  
  983. .posts:hover img{
  984.      box-shadow: 0px 0px 5px #9e9797;
  985.      
  986.      {block:ifmonochrome}
  987.  -webkit-filter: grayscale(0%);
  988.   -moz-filter: grayscale(0%);
  989.   -ms-filter: grayscale(0%);
  990.   -o-filter: grayscale(0%);
  991.   {block:ifmonochrome}
  992. }
  993.  
  994. .posts img{
  995.     border:none;
  996.     max-width:100%;
  997.     -webkit-transition: all 0.7s linear;
  998.     -moz-transition: all 0.7s linear;
  999.     -o-transition: all 0.7s linear;
  1000.    
  1001.     {block:ifmonochrome}
  1002.     -webkit-filter: grayscale(100%);
  1003.       -moz-filter: grayscale(100%);
  1004.       -ms-filter: grayscale(100%);
  1005.       -o-filter: grayscale(100%);
  1006.       {/block:ifmonochrome}
  1007. }
  1008.  
  1009.  
  1010. .posts iframe{
  1011.     border:none;
  1012.     max-width:100%;
  1013.     -webkit-transition: all 0.7s linear;
  1014.     -moz-transition: all 0.7s linear;
  1015.     -o-transition: all 0.7s linear;
  1016.    
  1017.      {block:ifmonochrome}
  1018.     -webkit-filter: grayscale(100%);
  1019.       -moz-filter: grayscale(100%);
  1020.       -ms-filter: grayscale(100%);
  1021.       -o-filter: grayscale(100%);
  1022.       {/block:ifmonochrome}
  1023. }
  1024.  
  1025. .posts:hover iframe{
  1026.     {block:ifmonochrome}
  1027.  -webkit-filter: grayscale(0%);
  1028.   -moz-filter: grayscale(0%);
  1029.   -ms-filter: grayscale(0%);
  1030.   -o-filter: grayscale(0%);
  1031.   {block:ifmonochrome}
  1032. }
  1033.  
  1034.  
  1035.  
  1036. .posts a{
  1037.     text-decoration:none;
  1038.     outline:none;
  1039.     -moz-outline-style:none;
  1040.     color:{color:postlinks};
  1041.     -webkit-transition: all 0.3s linear;
  1042.     -moz-transition: all 0.3s linear;
  1043.     -o-transition: all 0.3s linear;
  1044. }
  1045.  
  1046. .posts a:hover{
  1047.     color:{color:postlinkhover};
  1048.     text-shadow: 0px 0px 3px #888888;
  1049. }
  1050.  
  1051. #date{
  1052.     position:absolute;
  1053.     margin-left:-30px;
  1054.     margin-top:45px;
  1055.     height:13px;
  1056.     padding-top:3px;
  1057.     width:0px;
  1058.     background-color:{color:date};
  1059.     -webkit-transition: all 0.5s linear;
  1060.     -moz-transition: all 0.5s linear;
  1061.     -o-transition: all 0.5s linear;
  1062.     overflow:hidden;
  1063.     text-align:center;
  1064.     -webkit-transform: rotate(-45deg);
  1065.     -moz-transform: rotate(-45deg);  
  1066.     -o-transform: rotate(-45deg);
  1067.     text-transform:lowercase;
  1068.     font-family:monospace;
  1069.     z-index:999;
  1070. }
  1071.  
  1072. .posts:hover #date{
  1073.     margin-top:10px;
  1074.     width:90px;
  1075. }
  1076.  
  1077. #date a{
  1078.     color:{color:datelinks};
  1079. }
  1080.  
  1081. #date a:hover{
  1082.     color:{color:datelinkhover};
  1083.     text-shadow:0px 0px 3px #888888;
  1084. }
  1085.  
  1086.  
  1087. #reblog{
  1088.     {block:if250pxposts}margin-left:275px;{block:if250pxposts}
  1089.     {block:if400pxposts}margin-left:425px;{block:if400pxposts}
  1090.     {block:if500pxposts}margin-left:525px;{block:if500pxposts}
  1091.     margin-top:-13px;
  1092.     height:13px;
  1093.     padding-top:3px;
  1094.     width:0px;
  1095.     background-color:{color:reblog};
  1096.     -webkit-transition: all 0.5s linear;
  1097.     -moz-transition: all 0.5s linear;
  1098.     -o-transition: all 0.5s linear;
  1099.     overflow:hidden;
  1100.     text-align:center;
  1101.     -webkit-transform: rotate(-45deg);
  1102.     -moz-transform: rotate(-45deg);  
  1103.     -o-transform: rotate(-45deg);
  1104.     text-transform:lowercase;
  1105.     font-family:monospace;
  1106.     z-index:999;
  1107. }
  1108.  
  1109. .posts:hover #reblog{
  1110.     {block:if250pxposts}margin-left:215px;{block:if250pxposts}
  1111.     {block:if400pxposts}margin-left:365px;{block:if400pxposts}
  1112.     {block:if500pxposts}margin-left:465px;{block:if500pxposts}
  1113.     width:60px;
  1114. }
  1115.  
  1116. #reblog a{
  1117.     color:{color:rebloglinks};
  1118. }
  1119.  
  1120. #reblog a:hover{
  1121.     color:{color:rebloglinkhover};
  1122.     text-shadow:0px 0px 3px #888888;
  1123. }
  1124.  
  1125.  
  1126. #tag{
  1127.     position:absolute;
  1128.     margin-top:30px;
  1129.     margin-left:325px;
  1130.     width:125px;
  1131.     min-height:30px;
  1132.     padding:10px;
  1133.     text-align:center;
  1134.     background-color:{color:tagback};
  1135.     border:7px solid {color:tagborder};
  1136.      font-family:monospace;
  1137.      overflow:hidden;
  1138.      opacity:0.7;
  1139.      -webkit-transition: all 0.5s linear;
  1140.     -moz-transition: all 0.5s linear;
  1141.     -o-transition: all 0.5s linear;
  1142. }
  1143.  
  1144. .posts:hover #tag{
  1145.     opacity:1;
  1146.     box-shadow:0px 0px 5px #888888;
  1147. }
  1148.    
  1149.  
  1150. #quote {
  1151.     font-family: 'Sorts Mill Goudy', serif;
  1152.     {block:if250pxposts}font-size:20px;{block:if250pxposts}
  1153.     {block:if400pxposts}font-size:20px;{block:if400pxposts}
  1154.     {block:if500pxposts}font-size:25px;{block:if500pxposts}
  1155.     color:{color:quote};
  1156.     padding-left:20px;
  1157.     padding-right:20px;
  1158.     padding-top:10px;
  1159.     line-height:100%;
  1160.     text-align:justify;
  1161. }
  1162.  
  1163. #title {
  1164.     font-family: 'Sorts Mill Goudy', serif;
  1165.    {block:if250pxposts}font-size:20px;{block:if250pxposts}
  1166.     {block:if400pxposts}font-size:25px;{block:if400pxposts}
  1167.     {block:if500pxposts}font-size:30px;{block:if500pxposts}
  1168.     color:{color:quote};
  1169.     padding-left:20px;
  1170.     padding-right:20px;
  1171.     padding-top:5px;
  1172.     line-height:100%;
  1173. }
  1174.  
  1175. #audioplayer {
  1176.     width:30px;
  1177.     height:30px;
  1178.     overflow:hidden;
  1179.     position:absolute;
  1180.     margin-top:40px;
  1181.     margin-left:35px;
  1182.     z-index:999;
  1183. }
  1184.  
  1185. #musicinfo{
  1186.     color:{color:text};
  1187.     margin-top:-90px;
  1188.     margin-left:110px;
  1189.     border-left:2px solid {color:blockquoteborder};
  1190.     background-color:{color:blockquote2};
  1191.     padding-left:10px;
  1192.     padding-top:5px;
  1193.     padding-right:5px;
  1194.     padding-bottom:5px;
  1195.     line-height:110%;
  1196.     margin-bottom:50px;
  1197. }
  1198.  
  1199. #audiocaption{
  1200.     margin-top:-20px;
  1201.     padding-left:10px;
  1202.     padding-right:10px;
  1203. }
  1204.  
  1205. #albumart{
  1206.     height:100px;
  1207.     width:100px;
  1208.     background-image:url('https://lh3.googleusercontent.com/-ABbl71o4DHE/UZh6Xuh6QJI/AAAAAAAAEn8/j49R7fSCZHE/s200-no/Untitled-1.jpg');
  1209.     background-position:fixed;
  1210.     background-size:100px 100px;
  1211.     background-repeat:no-repeat;
  1212.     z-index:-1;
  1213.     -webkit-transition: all 0.5s linear;
  1214.     -moz-transition: all 0.5s linear;
  1215.     -o-transition: all 0.5s linear;
  1216. }
  1217.  
  1218.  
  1219. .askicon {
  1220.     float: left;
  1221.     margin-right: 3px;
  1222.     margin-left: 10px;
  1223.    
  1224. }
  1225.  
  1226.  
  1227. #askz {
  1228.     margin-left:10px;
  1229.     margin-right:10px;
  1230.     margin-top:7px;
  1231.     padding-bottom:5px;
  1232.     padding-top:5px;
  1233.     padding-right:5px;
  1234.     padding-left:10px;
  1235.     line-height: 140%;
  1236.     width:80%;
  1237.     color:{color:question};
  1238.  
  1239.     border-left:2px solid {color:quote};
  1240.     background-color:{color:blockquote2};
  1241. }
  1242.  
  1243. #qask{
  1244.  
  1245.     margin-top:15px;
  1246.     padding-top:5px;
  1247.     margin-left:30px;
  1248.     padding-right:10px;
  1249.     padding-bottom:5px;
  1250.     padding-left:30px;
  1251.     font-size:9px;
  1252.     max-width:80%;
  1253.    
  1254.     border-left:2px solid {color:quote};
  1255.     background-color:{color:blockquote};
  1256. }
  1257.  
  1258. #answer {
  1259.     width:85%;
  1260.     padding:5px;
  1261.     margin-left:30px;
  1262.     text-align:justify;
  1263. }
  1264.  
  1265. #answer img{
  1266.     max-width:100%;
  1267.     height:auto;
  1268. }
  1269.  
  1270. .posts:hover #answer img{
  1271.     box-shadow: 0px 0px 0px #9e9797;
  1272. }
  1273.  
  1274. #chat ul{
  1275.     list-style:none;
  1276.     margin-left:-40px;
  1277. }
  1278.  
  1279. .chat .odd{
  1280.     padding:7px;
  1281.     margin-bottom:7px;
  1282.    
  1283. }
  1284.  
  1285. .chat .even{
  1286.     padding:7px;
  1287.     margin-bottom:7px;
  1288.     background-color:{color:blockquote};
  1289. }
  1290.  
  1291. ol.notes{
  1292.     max-width:300px;
  1293.     padding:0px;
  1294.     margin: 0px 15px;
  1295.     list-style-type:none;
  1296.     font-size:8 px;
  1297. }
  1298.  
  1299. ol.notes li.note{
  1300.     padding:0px;
  1301.     font-size:8px;
  1302. }
  1303.  
  1304. ol.notes li.note img{
  1305.     margin-top:7px;
  1306. }
  1307.  
  1308. ol.notes li.note img.avatar{
  1309.  
  1310.     margin-right:3px;
  1311.     width:16px;
  1312.     height:16px;
  1313. }
  1314.  
  1315. ol.notes li.note a img.avatar{
  1316.     padding:0px;
  1317.     border-width:0 px;
  1318.     border:none;
  1319. }
  1320.  
  1321. ol.notes li.note img{
  1322.     padding:0 px;
  1323.     border-width:0 px;
  1324.     border:none;
  1325. }
  1326.  
  1327. ol.notes li.note span.action{
  1328.     color:{color:text};
  1329. }
  1330.  
  1331. ol.notes li.note.answer_content{
  1332.     font-weight:normal;
  1333. }
  1334.  
  1335. ol.notes li.note.blockquote{
  1336.     padding:1 px 1 px;margin:1px 0px 0px 1px;
  1337. }
  1338.  
  1339. ol.notes li.note.blockquote a{
  1340.     text-decoration:none;
  1341. }
  1342.  
  1343. ol.notes li.note a{
  1344.     color:{color:text};
  1345. }
  1346.  
  1347. ol.notes li.note a:hover{
  1348.     text-shadow:0px 0px 5px #888888;
  1349. }
  1350.  
  1351.  
  1352. #backtotop{
  1353.     position:fixed;
  1354.    
  1355.     {block:ifnotstandalone}
  1356.     {block:indexpage}
  1357.     {block:if250pxposts}margin-left:875px;{block:if250pxposts}
  1358.     {block:if400pxposts}margin-left:925px;{block:if400pxposts}
  1359.     {block:if500pxposts}margin-left:975px;{block:if500pxposts}
  1360.     {/block:indexpage}
  1361.     {/block:ifnotstandalone}
  1362.    
  1363.     {block:ifstandalone}
  1364.     {block:indexpage}
  1365.     {block:if250pxposts}margin-left:950px;{block:if250pxposts}
  1366.     {block:if400pxposts}margin-left:1065px;{block:if400pxposts}
  1367.     {block:if500pxposts}margin-left:1135px;{block:if500pxposts}
  1368.     {/block:indexpage}
  1369.     {/block:ifstandalone}
  1370.    
  1371.     {block:permalinkpage}display:none;{/block:permalinkpage}
  1372.    
  1373.     margin-top:500px;
  1374.     width: 50px;
  1375.     height: 40px;
  1376.     font-size:60px;
  1377.     text-align:center;
  1378.     -webkit-transition: all 0.3s linear;
  1379.     -moz-transition: all 0.3s linear;
  1380.     -o-transition: all 0.3s linear;
  1381.     -ms-transition: all 0.3s linear;
  1382. }
  1383.  
  1384. #backtotop:hover{
  1385.     margin-top:495px;
  1386.     font-size:65px;
  1387. }
  1388.  
  1389. a #backtotop {
  1390.     color:{color:title};
  1391. }
  1392.  
  1393. a #backtotop:hover{
  1394.     text-shadow: 0px 0px 3px #888888;
  1395.     color:{color:subtitle};
  1396. }
  1397.  
  1398.  
  1399.  
  1400. #credit{
  1401.     position:fixed;
  1402.     bottom:10px;
  1403.     right:10px;
  1404.     opacity:0.3;
  1405.     z-index:1;
  1406.     -webkit-transition: all 0.3s linear;
  1407.     -moz-transition: all 0.3s linear;
  1408.     -o-transition: all 0.3s linear;
  1409.     -ms-transition: all 0.3s linear;
  1410.         -webkit-filter: grayscale(100%);
  1411.       -moz-filter: grayscale(100%);
  1412.       -ms-filter: grayscale(100%);
  1413.       -o-filter: grayscale(100%);
  1414. }
  1415.  
  1416. #credit:hover{
  1417.     opacity:0.8;
  1418.      -webkit-filter: grayscale(0%);
  1419.   -moz-filter: grayscale(0%);
  1420.   -ms-filter: grayscale(0%);
  1421.   -o-filter: grayscale(0%);
  1422. }
  1423.  
  1424.  #s-m-t-tooltip{
  1425.   max-width:300px;
  1426.   z-index:999999;
  1427.   margin:24px 14px 7px 12px;
  1428.   padding:3px;
  1429.   background:{color:backgroundborder1};
  1430.   border-radius:0px;
  1431.   -moz-box-shadow:0px 0px 3px #232323;
  1432.   -webkit-box-shadow:0px 0px 3px #232323;
  1433.   box-shadow:0px 0px 3px #232323;
  1434.   font-family:monospace;
  1435.   font-size:10px;
  1436.   color:#fff;
  1437. }
  1438.  
  1439.  
  1440. {CustomCSS}
  1441.    
  1442. body {cursor: url(http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif), progress !important;}
  1443.    
  1444. a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  1445.    
  1446. </style>
  1447.  
  1448.    
  1449.      
  1450.    
  1451. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  1452.  
  1453.  
  1454.  
  1455.    
  1456. </head><body>
  1457.  
  1458. <div id="postbackground">
  1459.     <div id="postbar1"></div>
  1460.     <div id="postbar2"></div>
  1461. </div>
  1462.  
  1463.  
  1464.  <a href="http://redfox-themes.tumblr.com"><img src="https://lh5.googleusercontent.com/-jDb8l0m6g2s/ULvHPyFukjI/AAAAAAAACoA/FRBmvQsxRkc/s22/fox.gif" id="credit" title="redfox themes"></a>
  1465.  
  1466. {block:ifinfinitescroll}
  1467. <a href="javascript:scroll(0,0)" title="return to top"><div id="backtotop">&#x25B2</div></a>
  1468. {/block:ifinfinitescroll}
  1469.  
  1470. <img src="{image:standalone}" id="sideimage">
  1471.  
  1472. <div id="main">{title}</div>
  1473. <div id="subtitle">{text:subtitle}</div>
  1474.  
  1475. <div id="sidebarback">
  1476.    <img src="{image:sidebar}" id="sidebarimage">
  1477.    <div id="descriptionborder">
  1478.        <div id="descriptionback">
  1479.            <div id="description">{description}</div>
  1480.        </div>
  1481.    </div>
  1482.    <div id="navigationback">
  1483.        <a href="/" title="return"><img src="http://static.tumblr.com/6kvh1bm/th8mx2il3/home_clear.png" class="navigationhome"></a>
  1484.       <a href="/ask" title="message"><img src="http://static.tumblr.com/6kvh1bm/R6Nmx2ifi/bubble_clear.png" class="navigationask"></a>
  1485.        <a href="/submit" title="send something"><img src="https://lh4.googleusercontent.com/-O87bkxWCD68/UOP3VH2AAgI/AAAAAAAADks/b8xwxansGs0/s12/gift_clear.png" class="navigationsubmit"></a>
  1486.        <a href="/archive" title="memories"><img src="https://lh6.googleusercontent.com/-7Lwg4Dzeb84/UOPxhAoKZFI/AAAAAAAADjs/eW_O08_uUjw/s14/document_new.png" class="navigationarchive"></a>
  1487.    </div>
  1488.    {block:ifnotinfinitescroll}
  1489.        {block:Pagination}<div id="paginationback">
  1490.            {block:NextPage}<a href="{NextPage}"><img src="https://lh5.googleusercontent.com/-NcqAm94XqkI/UOPxhcVQofI/AAAAAAAADj4/YRTCyX8-6aY/s9/go_forward.png" class="paginationmore"></a>{/block:NextPage}
  1491.            {block:PreviousPage}<a href="{PreviousPage}"><img src="https://lh4.googleusercontent.com/-DynUHuxxCe0/UOPxhAwEyMI/AAAAAAAADjw/nKiDsfLGVPY/s9/go_back.png" class="paginationless"></a>{/block:PreviousPage}
  1492.        </div>{/block:Pagination}
  1493.    {/block:ifnotinfinitescroll}
  1494.    {block:ifmusic}
  1495.        <div id="playerback">
  1496.            <div class="player">{text:playercode}</div>
  1497.        </div>
  1498.    {/block:ifmusic}
  1499. </div>
  1500.  
  1501. {block:iflink1}<a href="{text:link1url}" id="link1">{text:link1}</a>{/block:iflink1}
  1502. {block:iflink2}<a href="{text:link2url}" id="link2">{text:link2}</a>{/block:iflink2}
  1503. {block:iflink3}<a href="{text:link3url}" id="link3">{text:link3}</a>{/block:iflink3}
  1504. {block:iflink4}<a href="{text:link4url}" id="link4">{text:link4}</a>{/block:iflink4}
  1505.  
  1506. <div id="postmargin">
  1507. {block:ifinfinitescroll}<div class="autopagerize_page_element">{/block:ifinfinitescroll}
  1508.        {block:Posts}
  1509. <div class="posts">
  1510.  
  1511. {block:indexpage}
  1512.    {block:Date}
  1513.    <div id="date"><a href="{Permalink}">{shortMonth} {DayOfMonth}, {Year}</a> </div>
  1514.    {/block:Date}
  1515. {/block:indexpage}    
  1516.  
  1517. {block:Text}<center>{block:Title}<div id="title">{Title}</div>{/block:Title}</center>{Body}{/block:Text}
  1518.  
  1519. {block:Photo}<center><img src="{PhotoURL-500}" width="500"></center>
  1520. {block:indexpage}{block:ifpostdescriptions}{block:Caption}{Caption}{/block:Caption}{/block:ifpostdescriptions}{/block:indexpage}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:Photo}
  1521.  
  1522. {block:Photoset}<div align="center">{Photoset-500}</div>
  1523. {block:indexpage}{block:ifpostdescriptions}{block:Caption}{Caption}{/block:Caption}{/block:ifpostdescriptions}{/block:indexpage}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:Photoset}
  1524.  
  1525. {block:Quote}<div id="quote">{Quote}</div><p align="right">{block:Source}—{Source}{/block:Source}</p>{/block:Quote}
  1526.  
  1527. {block:Link}<div id="title" align="center"><t><a href="{URL}" {Target}>{Name}</a></t></div>{block:Description}{Description}{/block:Description}{/block:Link}
  1528.  
  1529. {block:Chat}
  1530. <div id="chat">
  1531.    {block:Title}
  1532.    <div id="title" align="center">{Title}</div>
  1533.    {/block:Title}
  1534.  
  1535.    <ul>{block:Lines}<div class="chat"><li class="{Alt}">
  1536.        {block:Label}
  1537.            <b>{Label}</b>
  1538.        {/block:Label}
  1539.        {Line}
  1540.        <br>
  1541.    </li></div>{/block:Lines}</ul>
  1542. </div>{/block:Chat}
  1543.  
  1544. {block:Audio}
  1545. <div id="audioplayer">{AudioPlayerWhite} </div>
  1546. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  1547. <div id="musicinfo">
  1548. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<br><br>
  1549. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br><br>
  1550. <b>Album:</b> {block:Album}{Album}{/block:Album}
  1551. </div>
  1552. {block:caption}<div id="audiocaption">{caption}</div>{/block:caption}
  1553. {/block:Audio}
  1554.  
  1555. {block:Video}{block:indexpage}
  1556. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  1557. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  1558. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1559. {/block:indexpage}
  1560. {block:permalinkpage}{Video-500}{/block:permalinkpage}
  1561. {block:indexpage}{block:ifpostdescriptions}{block:Caption}{Caption}{/block:Caption}{/block:ifpostdescriptions}{/block:indexpage}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  1562. {/block:Video}
  1563.  
  1564. {block:Answer}
  1565. <img src="{AskerPortraitURL-48}" width="45" class="askicon"><div id="qask">{Asker} wondered—</div><br><div id="askz">{Question}</div>
  1566. <div id="answer">{Answer}</div>
  1567. {/block:Answer}
  1568.  
  1569. {block:indexpage}
  1570.    {block:Date}
  1571.    <div id="reblog"><a href="{ReblogURL}">Reblog</a></div>
  1572.    {/block:Date}
  1573. {/block:indexpage}
  1574.  
  1575.  
  1576. {block:permalinkpage}
  1577.    <div class="tagback">
  1578.    <div id="tag">
  1579.    
  1580.    <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  1581.    <br>
  1582.    <a href="{Permalink}">{timeago}</a> at <a href="{Permalink}">{12hour}:{minutes}{ampm}</a>
  1583.    <br>
  1584.    with
  1585.    <a href="{Permalink}">{notecount} notes</a>
  1586.    
  1587.    {block:NoteCount}{block:RebloggedFrom}<br><br><a href="{ReblogRootURL}">origin</a> &#8727; <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{/block:NoteCount}{/block:ifreblogrooturl}
  1588.    
  1589.     <br><br>
  1590.    
  1591.     {block:HasTags}{block:Tags}x<a href="/tagged/{Tag}">{Tag} </a> {/block:Tags}{/block:HasTags}
  1592.        
  1593.     </div>
  1594.     </div>
  1595. {block:permalinkpage}
  1596.  
  1597. </div>
  1598.  
  1599. <div class="notes">{block:PostNotes}<a name="notes">{PostNotes}</a>{/block:PostNotes}</div>
  1600.  
  1601.  
  1602.  
  1603. {/block:Posts}</div>
  1604. </div>
  1605.  
  1606. {block:ifinfinitescroll}
  1607. <div class="pagination">
  1608. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next"></a>{/block:NextPage}{/block:Pagination}
  1609. </div>
  1610. {/block:ifinfinitescroll}
  1611.  
  1612.  
  1613. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!