Advertisement
striaton-city

Fever.

Oct 22nd, 2014
1,667
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 45.78 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7.  
  8.                 <!----- [6] Fever. ------------------
  9.                
  10.                + Theme by SANYOUCITY.TUMBLR.COM
  11.                                
  12.                Feel free to do whatever you want with
  13.                the  code  as long as you don't remove
  14.                the  credit!! If  you  have any quest-
  15.                ions or comments please don't hesitate
  16.                to  hmu.  I  apologize  in  advance to
  17.                anyone trying  to  find  something  in
  18.                the  code because I'm very unorganized
  19.                
  20.                Thank you so much for using my theme!!
  21.  
  22.                + monochrome tutorial:
  23.                            a--themes.tumblr.com
  24.                
  25.                -------------------------ver 1.0------>
  26.  
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
  29.  <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  30.  <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
  31.  <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  32.  <link href='http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'>
  33.  <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
  34.  <link href='http://fonts.googleapis.com/css?family=Patua+One' rel='stylesheet' type='text/css'>
  35.  <link href='http://fonts.googleapis.com/css?family=Neucha' rel='stylesheet' type='text/css'>
  36.  
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
  39.  
  40. <title>{Title}</title>
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44.  
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  46. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  47. <script>
  48.     (function($){
  49.         $(document).ready(function(){
  50.             $("[title]").style_my_tooltips();
  51.         });
  52.     })(jQuery);
  53. </script>
  54.  
  55.  
  56. <meta name="image:Sidebar" content="http://static.tumblr.com/287470699d9202d018f29f93b0727254/wrjqiql/2Rhndq2mb/tumblr_static_55bq6i4ufxssg0os400ocgsww.png"/>
  57. <meta name="image:Side Image" content="http://static.tumblr.com/ba3520c7cbec4e28e40ef63467a9d924/wrjqiql/FATndq2a4/tumblr_static_2tr5h1b05hgk80kwso48owwkk.png"/>
  58.  
  59.  
  60. <meta name="color:upper image border" content="#651c27"/>
  61. <meta name="color:background" content="#dbdbdb"/>
  62. <meta name="color:scroll" content="#1d1d1d"/>
  63. <meta name="color:posts" content="#651c27"/>
  64. <meta name="color:post entries" content="#ffffff"/>
  65. <meta name="color:sidebar" content="#1d1d1d"/>
  66. <meta name="color:title" content="#b8b8b8"/>
  67. <meta name="color:title2" content="#dbdbdb"/>
  68. <meta name="color:blockquote" content="#654546"/>
  69. <meta name="color:text" content="#656565"/>
  70. <meta name="color:selection text" content="#c30303"/>
  71. <meta name="color:selection" content="#ffffff"/>
  72.  
  73. <meta name="color:nav" content="#1d1d1d"/>
  74. <meta name="color:nav hover" content="#fafafa"/>
  75. <meta name="color:nav text" content="#f7f6f6"/>
  76. <meta name="color:nav text hover" content="#242424"/>
  77. <meta name="color:link" content="#000000"/>
  78. <meta name="color:link hover" content="#738394"/>
  79. <meta name="color:ask text" content="#333333"/>
  80. <meta name="color:ask bubble" content="#dbdbdb"/>
  81. <meta name="color:tooltip text" content="#fff"/>
  82. <meta name="color:tooltip" content="#2e2e2e"/>
  83. <meta name="color:post border" content="#000"/>
  84. <meta name="color:description" content="#fff"/>
  85. <meta name="color:tags" content="#a2a2a2"/>
  86.  
  87. <meta name="image:background" content=""/>
  88. <meta name="color:bold" content="#000000"/>
  89. <meta name="color:italics" content="#ff4141"/>
  90.  
  91.  
  92.  
  93.  
  94.  
  95. <meta name="text:link1 title" content="LINK 1"/>
  96. <meta name="text:link1 url" content="/"/>
  97. <meta name="text:link2 title" content="LINK 2"/>
  98. <meta name="text:link2 url" content="/"/>
  99. <meta name="text:link3 title" content="LINK 3"/>
  100. <meta name="text:link3 url" content="/"/>
  101. <meta name="text:link4 title" content="LINK 4"/>
  102. <meta name="text:link4 url" content="/"/>
  103. <meta name="text:link5 title" content="LINK 5"/>
  104. <meta name="text:link5 url" content="/"/>
  105.  
  106.  
  107.  
  108. <meta name="if:Monochrome" content="1" />
  109. <meta name="if:Border" content="0" />
  110. <meta name="if:Captions" content="1"/>
  111. <meta name="if:Big Header" content="1"/>
  112. <meta name="text:Text Size"content="11"/>
  113.  
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120. <style type="text/css">
  121. /*
  122. ::-webkit-scrollbar { z-index: 99999; width: 6px; height: 4px; background: #ffffff; }
  123. ::-webkit-scrollbar-thumb {  z-index: 99999; background-color: #000000; -webkit-border-radius: 1ex; } */
  124.  
  125. ::-webkit-scrollbar{
  126. width:5px;
  127. border-radius:5px;
  128. height:4px;
  129. background:none;
  130. }
  131.  
  132. ::-webkit-scrollbar-thumb{
  133. background-color:{color:scroll};}
  134.  
  135.  
  136.  
  137. body {
  138.     background: {color:background};
  139.     font-family: sans-serif ;
  140.     font-size:{text:text size}px;
  141.     color: {color:text};
  142.     text-align: center;
  143.     background-image: url('{image:background}');
  144.     /*cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto; */
  145.     /*font-family: 'Neucha', cursive; */
  146.     /*font-family: 'Ubuntu', sans-serif; */
  147.     font-family: 'Oxygen', calibri, sans-serif;
  148.    
  149.     border:none;
  150.  
  151.    
  152. }
  153.  
  154. body, a {    
  155.     cursor:url('http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png'), auto
  156.    
  157. }
  158.  
  159. a:hover {    
  160.     cursor: url('http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png'), auto;
  161.    
  162. }
  163.  
  164. /*#pagination {
  165.    background-color:{color:sidebar};
  166.     color:{color:text};
  167.     height:45px;
  168.     width:110px;
  169.     margin-left: 360px;
  170.     position:fixed;
  171.     margin-top:415px;
  172.     text-align:center;
  173.     border-radius:0px;
  174.     transition:1s;
  175.     opacity:.8;
  176.     line-height:40px;
  177.     font-weight:bold;
  178.     font-size: 15px;
  179.     z-index:9999;
  180.    
  181.    
  182. }
  183.  
  184. /*#pagination:hover {
  185.     background-color:{color:nav};
  186.     color:{color:nav text};
  187.     border: 1px solid {color:nav hover};
  188. } */
  189.  
  190. /*#pagination a {
  191.    color:{color:nav text hover};
  192. }
  193.  
  194.  
  195. #pagination a:hover {
  196.     background-color: rgba(0,0,0,0);
  197.     font-style:normal;
  198. }
  199.  */
  200. blockquote {
  201.     padding-left:5px;
  202.     border-left:1px solid;
  203.     color: {color:blockquote};
  204.    
  205.    
  206.    
  207. }
  208.  
  209. a {
  210.     color: {color:link};
  211.     text-decoration: none;
  212.    
  213. }
  214. a:hover {
  215.     color: {color:link hover};
  216.     background-color: {color:link};
  217.     font-style:italic;
  218. }
  219.  
  220. /*#sidebar {
  221.  
  222.     position: fixed;
  223.     margin-left:1000px;
  224.     margin-top: 200px;
  225.     width: 22px;
  226.     padding: 10px;
  227.     border: none;
  228.    
  229.     /*box-shadow: 4px 4px 0px {color:post shadow}; */
  230.    /* background-color: {color:sidebar};
  231.  
  232.     opacity: .8;
  233.     overflow-y:hidden;
  234.     overflow-x:hidden;
  235. } */
  236.  
  237. /*#side {
  238.     position:left;
  239.     width:auto;
  240.     height:auto;
  241.    
  242. } */
  243.  
  244. #title {
  245.     z-index: 99999;
  246.     position: fixed;
  247.     {block:ifBigHeader}
  248.     margin-top: 30px;
  249.     font-size: 60px;
  250.     {/block:ifBigHeader}
  251.     {block:ifNotBigHeader}
  252.     margin-top:2px;
  253.     font-size: 50px;
  254.     {/block:ifNotBigHeader}
  255.     margin-left: 20px;
  256.     text-align:center;
  257.     color: {color:title2};
  258.     font-family: 'Droid Serif', serif;
  259.     text-transform:uppercase;
  260.     padding:1px;
  261.  /*text-shadow:  -4px 0 .4px {color:title}; */
  262.     transition:1s;
  263.     /*text-shadow:  -4px 0 .4px rgba(16,16,16,.2); */
  264. }
  265.  
  266. #title::first-letter {
  267.      {block:ifBigHeader}
  268.    font-size:80px;
  269.     {/block:ifBigHeader}
  270.     {block:ifNotBigHeader}
  271.     font-size:70px;
  272.     {/block:ifNotBigHeader}
  273.    
  274. }
  275.  
  276. #title a {
  277.     color: {color:title2};
  278. }
  279.  
  280. #title a:hover {
  281.     color: {color:title2};
  282.     background-color: rgba(0,0,0,0);
  283.     font-style:normal;
  284. }
  285.  
  286.  
  287. /*#description {
  288.     position: relative;
  289.     margin: 0px;
  290.     padding: 10px;
  291.     width: 200px;
  292.     text-align: justify;
  293.     font-family: 'Inconsolata', ;
  294. }
  295. #around {
  296.     width: 20px;
  297. }
  298.  
  299. #container {
  300.     margin-top: 20px;
  301.     margin-bottom: 20px;
  302.     margin-left: 520px;
  303.     width: 500px;
  304.    
  305. } */
  306.  
  307. .entry {
  308.     margin-top:100px;
  309.     margin-left: -200px;
  310.     float:left;
  311.     position: relative;
  312.     width:350px;
  313.     padding: 10px;
  314.     margin-bottom:20px;
  315.     /*border: .1px solid {color:border};*/
  316.     background-color: {color:background};
  317.     word-wrap: break-word;
  318.     opacity:1;
  319.     /*box-shadow: 4px 4px 0px {color:post shadow}; */
  320.     transition: 2s;
  321.    
  322.    
  323. }
  324. /*.entry:hover {
  325.     opacity: .7;
  326.     transition:1s;
  327.     box-shadow: 0px 0px 20px {color:post shadow};
  328. } */
  329.  
  330.  
  331.  /*img {
  332.     max-width: 100%; /*
  333.     -webkit-filter: Grayscale(50%);
  334.     -webkit-transition-duration: 2s;
  335.     -moz-transition-duration:2s;
  336.     transition-duration:2s;
  337.     -o-transition-duration:2s; */
  338.    
  339. } /*
  340.  
  341. img:hover{
  342.     -webkit-filter: Grayscale(0%);
  343.     -webkit-transition: all 1s ease-out;
  344.     -moz-transition: all 1s ease-out;
  345.     transition: all 1s ease-out;
  346.    
  347. } */
  348.  
  349. h1 {
  350.     text-align: center;
  351.     font-size: 15px;
  352.     color: {color:Title};
  353.     font-variant:small-caps;
  354. }
  355.  
  356. .entry img:hover {
  357.     background-color: rgba(0,0,0,0);
  358. }
  359.  
  360. #portrait img {
  361.     float: left;
  362.     margin-right: 5px;
  363. }
  364.  
  365. #permalink {
  366.     text-align: center;
  367.     /*border-top: 1px solid {color:border};*/
  368.     position: relative;
  369.     margin-top: 5px;
  370.     padding-top: 5px;
  371.    
  372. }
  373.  
  374. #credit {
  375.     position:fixed;
  376.     color: #FF6699;
  377.     font-size:30px;
  378.     position: fixed;
  379.     margin-top:-20px;
  380.     font-family: 'Inconsolata', ;
  381.    
  382. }
  383. #credit a:hover {
  384.     color:#BEEEEF;
  385. }
  386. #credit span:hover {
  387.     color:#BEEEEF;
  388. }
  389. #credit a {
  390.     color: #FF6699;
  391.     transition:2s;
  392. }
  393.  
  394. #credit span {
  395.     opacity:1;
  396.     transition:2s;
  397.     color: #FF6699;
  398. }
  399. /* #credit span:hover {
  400.     opacity:3;
  401.     transition:1s;
  402.     color: #FF6699;
  403. } */
  404.  
  405. strong, b {
  406.     color: {color:bold};
  407. }
  408.  
  409. em, i {
  410.     color: {color:italics};
  411. }
  412. #music
  413.     {position:fixed; bottom:10px; left:15px;
  414.     padding-top:12px;  padding-bottom:12px; text-align:center; height:10px; width:34px; overflow:hidden;  
  415.     border:3px solid #fff;gba
  416.     color:#fff;
  417.     -moz-border-radius: 17px 17px 17px 17px;
  418.     border-radius:17px 17px 17px 17px;
  419.     -webkit-transition: opacity 0.7s linear;
  420.     -webkit-transition: all 0.7s ease-in-out;
  421.     -moz-transition: all 0.7s ease-in-out;
  422.     -o-transition: all 0.7s ease-in-out;
  423.     background-color:#fff;
  424.     z-index:999;}
  425.  
  426.     #musicplayer
  427.     {padding-top:15px;}
  428.  
  429.     #music:hover
  430.     {border:3px solid #fff; padding:5px; height:45px; width:140px;}
  431.    
  432. #permalink #notecontainer ol.notes {
  433.       list-style-type: none;
  434.       text-align:left;
  435.       padding: 0;
  436.       margin-top:100;
  437. }
  438. #permalink #notecontainer img.avatar {
  439.       margin-right: 10px;
  440.       width: 16px;
  441.       height: 16px;
  442.      
  443. }
  444.      
  445.  
  446.  
  447.  
  448. .left{float:left; margin-right:20px; width:802px;}
  449.  
  450. /*#posts{
  451.    
  452. float:left;
  453. margin-top:0px;
  454. margin-left:500px;
  455. width:500px;
  456. height:94%;
  457. padding:10px;
  458. position:fixed;
  459. border-radius:0px;
  460. opacity:1;
  461. /*box-shadow:  8px 8px 10px rgba(16,16,16,.2), -8px -8px 10px rgba(16,16,16,.2);
  462. background-image:url({image:posts}); */
  463. /*background-color: {color:posts}; */
  464. /*border:1px solid {color:posts};
  465. /*border-image:url() 30 30 round; */
  466. /*overflow-x:hidden;
  467. overflow-y: scroll;
  468. z-index:9999;
  469.  
  470. } */
  471.  
  472.  
  473. /*div.scroll ::-webkit-scrollbar {
  474.     width: 5px;
  475.     height: 4px;
  476. }
  477.  
  478. div.scroll ::-webkit-scrollbar-thumb {
  479.     background-color: {color:Scrollbar};
  480. } */
  481.  
  482. .title span {
  483.     font-size:20px;
  484.     line-height:22px;
  485.     color:{color:Title};
  486.     text-align:center;
  487.     text-transform:uppercase;
  488.     font-family: 'Patua One', 'Oxygen', calibri, cursive;
  489.     padding:3.5px;
  490.    
  491.    
  492. }
  493. img {
  494.     max-width:100%;
  495. }
  496.    
  497.  
  498. .entry {
  499.     margin:2px;
  500.     margin-bottom:12px;
  501.     margin-left:440px;
  502.     width:450px;
  503.     border-radius:0px;
  504.     padding:5px;
  505.     background:{color:post entries};
  506.     text-align: justify;
  507.     z-index:1;
  508.     {block:ifBorder}
  509.     border: 1px solid {color:post border};
  510.     {/block:ifBorder}
  511. }
  512.    
  513. .entry img{
  514.     /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  515. /*filter: gray; /* IE6-9 */
  516. /* -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  517. /* -webkit-transition: all 0.7s linear;
  518. -moz-transition: all 0.7s linear;
  519. -o-transition: all 0.7s linear;  */
  520. }
  521.  
  522. {block:ifMonochrome}
  523. .mono{
  524. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  525. filter: gray; /* IE6-9 */
  526. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  527. -webkit-transition: all 0.7s linear;
  528. -moz-transition: all 0.7s linear;
  529. -o-transition: all 0.7s linear;
  530. }
  531.  
  532.  
  533. .mono:hover{
  534. filter: none;
  535. -webkit-filter: grayscale(0%);  
  536. }
  537.  
  538. {/block:ifMonochrome}  
  539.  
  540. .entry img:hover {
  541.  
  542.     filter: none;
  543.     -webkit-filter: grayscale(0%);  
  544.     -webkit-transition: all 0.7s linear;
  545. -moz-transition: all 0.7s linear;
  546. -o-transition: all 0.7s linear;
  547.    
  548. }
  549.  
  550. .entry:hover {
  551.     /*box-shadow:  0px 8px 8px rgba(16,16,16,.2); */
  552.  
  553. }
  554.  
  555. .permatext {
  556.     display:block;
  557.     line-height:15px;
  558.     text-align:center;
  559.    
  560. }
  561.  
  562. {block:ifBigHeader}
  563.  
  564. #sidebar{
  565.     position:fixed;
  566.     margin-top:50px;
  567.     margin-left:420px; /*BLAZE IT*/
  568.     width:100px;
  569.     height:100px;
  570.     text-align:center;
  571.     border-radius:0px;
  572.     border:8px solid {color:sidebar};
  573.     overflow-y:hidden;
  574.     overflow-x:hidden;
  575.    
  576. }
  577.  
  578. #sidebarimga img{
  579.     width:100px;
  580.     height:100px;
  581.     text-align:center;
  582.     border-radius:0px;
  583.     transition:1s;
  584.     z-index:5;
  585.    
  586.    
  587. }
  588.  
  589. #desc {
  590.     z-index:3;
  591.     width:350px;
  592.     height:105px;
  593.     border-radius:0px;
  594.     margin-left:110px;
  595.     margin-top:-110px;
  596.     background-color:{color:sidebar};
  597.     position:fixed;
  598.     padding:5px;
  599.     color: {color:description};
  600.     text-align:justify;
  601.     word-wrap: break-word;
  602.     overflow-y:scroll;
  603.     transition:1s;
  604.    
  605. }
  606.  
  607.  
  608. {/block:ifBigHeader}
  609.  
  610.  
  611. {block:ifNotBigHeader}
  612.  
  613.  
  614. #sidebar{
  615.     position:fixed;
  616.     margin-top:40px;
  617.     margin-left:470px;
  618.     width:50px;
  619.     height:50px;
  620.     text-align:center;
  621.     border-radius:0px;
  622.     border:8px solid {color:sidebar};
  623.     overflow-y:hidden;
  624.     overflow-x:hidden;
  625.    
  626. }
  627.  
  628. #sidebarimga img{
  629.     width:50px;
  630.     height:50px;
  631.     text-align:center;
  632.     border-radius:0px;
  633.     transition:1s;
  634.     z-index:5;
  635.    
  636.    
  637. }
  638.  
  639. #desc {
  640.     z-index:3;
  641.     width:350px;
  642.     height:55px;
  643.     border-radius:0px;
  644.     margin-left:65px;
  645.     margin-top:-60px;
  646.     background-color:{color:sidebar};
  647.     position:fixed;
  648.     padding:5px;
  649.     color: {color:description};
  650.     text-align:justify;
  651.     word-wrap: break-word;
  652.     overflow-y:scroll;
  653.     transition:1s;
  654.    
  655. }
  656.  
  657.  
  658. {/block:ifNotBigHeader}
  659.  
  660. #musicc {
  661.     margin-left: 190px;
  662.     margin-top:415px;
  663.     position:fixed;
  664.     opacity:.8;
  665.     z-index:9999;
  666.    
  667. }
  668.  
  669. .album {
  670.     position:absolute;
  671.     width:100px;
  672.     height:100px;
  673.    
  674. }
  675. .album img {
  676.     width:100px;
  677.     height:100px;
  678.     z-index:1;
  679.    
  680. }
  681. .audio {
  682.     display:block;
  683.     position:absolute;
  684.     width:30px;
  685.     height:30px;
  686.    
  687. }
  688. .play {
  689.     width:27px;
  690.     height:80px;
  691.     opacity:.5;
  692.     padding-top:40px;
  693.     padding-left:35px;
  694.     overflow:hidden;
  695.    
  696. }
  697. .cap {
  698.     height:100px;
  699.    
  700. }
  701. .capp {
  702.     margin-left:100px;
  703.     width:150px;
  704.     padding-top:35px; text-align:center;
  705.    
  706. }
  707.  
  708. .bubble {
  709.     position:relative;
  710.     margin:7px 0px 0px 54px;
  711.     text-align:left;
  712.     padding:10px;
  713.     color:{color:ask text};
  714.     background:{color:ask bubble};
  715.     opacity:.7;
  716.     border-radius:0px;
  717.     border: 1px solid {color:post entries};
  718.     double {color:ask bubble};
  719.    
  720. }
  721. .bubble p {
  722.     margin:1px 0px;
  723.    
  724. }
  725. /* .bubble span {
  726.     position:absolute;
  727.     display:block;
  728.     top:7px;
  729.     left:-10px;
  730.     width:1px;
  731.     height:1px;
  732.     font-size:0;
  733.     line-height:1px;
  734.     border-top:7px
  735.     solid transparent;
  736.     border-right:10px solid {color:ask bubble 2};
  737.     border-bottom:7px
  738.     solid transparent;
  739.    
  740. } */
  741.  
  742.  
  743.  
  744. #sideb {
  745.     z-index:1;
  746.     position:fixed;
  747. }
  748. #sideb img {
  749.    position:relative;
  750.  
  751. }
  752.  
  753. img {
  754.     border-radius:0px;
  755. }
  756.  
  757. @font-face {
  758.     font-family: "tinytots";
  759.     src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  760. }
  761.  
  762.  
  763. {block:ifBigHeader}
  764.  
  765.  
  766. #home {
  767.     background-color:{color:nav};
  768.     color:{color:nav text};
  769.     height:30px;
  770.     width:50px;
  771.     margin-left: 360px;
  772.     position:fixed;
  773.     margin-top:5px;
  774.     text-align:center;
  775.     line-height:32px;
  776.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  777.     font-size: 10px;
  778.     -webkit-transition: all 0.5s linear;
  779.     -moz-transition: all 0.5s linear;
  780.     -o-transition: all 0.5s linear;
  781.     border: 1px solid {color:nav hover};
  782.     opacity:1;
  783. }
  784. #home:hover {
  785.      background-color:{color:nav hover};
  786.     color:{color:nav text hover};
  787.     border: 1px solid {color:nav};
  788.     -webkit-transition: all 0.5s linear;
  789.     -moz-transition: all 0.5s linear;
  790.     -o-transition: all 0.5s linear;
  791.     font-style:normal;
  792. }
  793. #ask {
  794.      background-color:{color:nav};
  795.     color:{color:nav text};
  796.     height:30px;
  797.     width:50px;
  798.     margin-left: 420px;
  799.     position:fixed;
  800.     margin-top:5px;
  801.     text-align:center;
  802.     line-height:32px;
  803.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  804.     font-size: 10px;
  805.     -webkit-transition: all 0.5s linear;
  806.     -moz-transition: all 0.5s linear;
  807.     -o-transition: all 0.5s linear;
  808.     border: 1px solid {color:nav hover};
  809.     opacity:1;
  810. }
  811. #ask:hover {
  812.     background-color:{color:nav hover};
  813.     color:{color:nav text hover};
  814.     border: 1px solid {color:nav};
  815.     -webkit-transition: all 0.5s linear;
  816.     -moz-transition: all 0.5s linear;
  817.     -o-transition: all 0.5s linear;
  818.     font-style:normal;
  819. }
  820. #past {
  821.    background-color:{color:nav};
  822.     color:{color:nav text};
  823.     height:30px;
  824.     width:50px;
  825.     margin-left: 480px;
  826.     position:fixed;
  827.     margin-top:5px;
  828.     text-align:center;
  829.     line-height:32px;
  830.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  831.     font-size: 10px;
  832.     -webkit-transition: all 0.5s linear;
  833.     -moz-transition: all 0.5s linear;
  834.     -o-transition: all 0.5s linear;
  835.     border: 1px solid {color:nav hover};
  836.     opacity:1;
  837. }
  838. #past:hover {
  839.     background-color:{color:nav hover};
  840.     color:{color:nav text hover};
  841.     border: 1px solid {color:nav};
  842.     -webkit-transition: all 0.5s linear;
  843.     -moz-transition: all 0.5s linear;
  844.     -o-transition: all 0.5s linear;
  845.     font-style:normal;
  846. }
  847.  
  848. #sub {
  849.     background-color:{color:nav};
  850.     color:{color:nav text};
  851.     height:30px;
  852.     width:50px;
  853.     margin-left: 540px;
  854.     position:fixed;
  855.     margin-top:5px;
  856.     text-align:center;
  857.     line-height:32px;
  858.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  859.     font-size: 10px;
  860.     -webkit-transition: all 0.5s linear;
  861.     -moz-transition: all 0.5s linear;
  862.     -o-transition: all 0.5s linear;
  863.     border: 1px solid {color:nav hover};
  864.     opacity:1;
  865. }
  866. #sub:hover {
  867.     background-color:{color:nav hover};
  868.     color:{color:nav text hover};
  869.     border: 1px solid {color:nav};
  870.     -webkit-transition: all 0.5s linear;
  871.     -moz-transition: all 0.5s linear;
  872.     -o-transition: all 0.5s linear;
  873.     font-style:normal;
  874. }
  875. #mira {
  876.     background-color:{color:nav};
  877.     color:{color:nav text};
  878.     height:30px;
  879.     width:50px;
  880.     margin-left: 600px;
  881.     position:fixed;
  882.     margin-top:5px;
  883.     text-align:center;
  884.     line-height:32px;
  885.    font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  886.     font-size: 10px;
  887.     -webkit-transition: all 0.5s linear;
  888.     -moz-transition: all 0.5s linear;
  889.     -o-transition: all 0.5s linear;
  890.     border: 1px solid {color:nav hover};
  891.     opacity:1;
  892. }
  893. #mira:hover {
  894.     background-color:{color:nav hover};
  895.     color:{color:nav text hover};
  896.     border: 1px solid {color:nav};
  897.     -webkit-transition: all 0.5s linear;
  898.     -moz-transition: all 0.5s linear;
  899.     -o-transition: all 0.5s linear;
  900.     font-style:normal;
  901. }
  902. #yi {
  903.    background-color:{color:nav};
  904.     color:{color:nav text};
  905.     height:30px;
  906.     width:50px;
  907.     margin-left: 660px;
  908.     position:fixed;
  909.     margin-top:5px;
  910.     text-align:center;
  911.     line-height:32px;
  912.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  913.     font-size: 10px;
  914.     -webkit-transition: all 0.5s linear;
  915.     -moz-transition: all 0.5s linear;
  916.     -o-transition: all 0.5s linear;
  917.     border: 1px solid {color:nav hover};
  918.     opacity:1;
  919. }
  920. #yi:hover {
  921.      background-color:{color:nav hover};
  922.     color:{color:nav text hover};
  923.     border: 1px solid {color:nav};
  924.     -webkit-transition: all 0.5s linear;
  925.     -moz-transition: all 0.5s linear;
  926.     -o-transition: all 0.5s linear;
  927.     font-style:normal; }
  928. #er {
  929.    background-color:{color:nav};
  930.     color:{color:nav text};
  931.     height:30px;
  932.     width:50px;
  933.     margin-left: 720px;
  934.     position:fixed;
  935.     margin-top:5px;
  936.     text-align:center;
  937.     line-height:32px;
  938.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  939.     font-size: 10px;
  940.     -webkit-transition: all 0.5s linear;
  941.     -moz-transition: all 0.5s linear;
  942.     -o-transition: all 0.5s linear;
  943.     border: 1px solid {color:nav hover};
  944.     opacity:1;
  945. }
  946. #er:hover {
  947.      background-color:{color:nav hover};
  948.     color:{color:nav text hover};
  949.     border: 1px solid {color:nav};
  950.     -webkit-transition: all 0.5s linear;
  951.     -moz-transition: all 0.5s linear;
  952.     -o-transition: all 0.5s linear;
  953.     font-style:normal; }
  954. #san {
  955.   background-color:{color:nav};
  956.     color:{color:nav text};
  957.     height:30px;
  958.     width:50px;
  959.     margin-left: 780px;
  960.     position:fixed;
  961.     margin-top:5px;
  962.     text-align:center;
  963.     line-height:32px;
  964.    font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  965.     font-size: 10px;
  966.     -webkit-transition: all 0.5s linear;
  967.     -moz-transition: all 0.5s linear;
  968.     -o-transition: all 0.5s linear;
  969.     border: 1px solid {color:nav hover};
  970.     opacity:1;
  971. }
  972. #san:hover {
  973.      background-color:{color:nav hover};
  974.     color:{color:nav text hover};
  975.     border: 1px solid {color:nav};
  976.     -webkit-transition: all 0.5s linear;
  977.     -moz-transition: all 0.5s linear;
  978.     -o-transition: all 0.5s linear;
  979.     font-style:normal; }
  980. #si {
  981.     background-color:{color:nav};
  982.     color:{color:nav text};
  983.     height:30px;
  984.     width:50px;
  985.     margin-left: 840px;
  986.     position:fixed;
  987.     margin-top:5px;
  988.     text-align:center;
  989.     line-height:32px;
  990.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  991.     font-size: 10px;
  992.     -webkit-transition: all 0.5s linear;
  993.     -moz-transition: all 0.5s linear;
  994.     -o-transition: all 0.5s linear;
  995.     border: 1px solid {color:nav hover};
  996.     opacity:1;
  997. }
  998. #si:hover {
  999.      background-color:{color:nav hover};
  1000.     color:{color:nav text hover};
  1001.     border: 1px solid {color:nav};
  1002.     -webkit-transition: all 0.5s linear;
  1003.     -moz-transition: all 0.5s linear;
  1004.     -o-transition: all 0.5s linear;
  1005.     font-style:normal; }
  1006. #wu {
  1007.    background-color:{color:nav};
  1008.     color:{color:nav text};
  1009.     height:30px;
  1010.     width:50px;
  1011.     margin-left: 900px;
  1012.     position:fixed;
  1013.     margin-top:5px;
  1014.     text-align:center;
  1015.     line-height:32px;
  1016.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  1017.     font-size: 10px;
  1018.     -webkit-transition: all 0.5s linear;
  1019.     -moz-transition: all 0.5s linear;
  1020.     -o-transition: all 0.5s linear;
  1021.     border: 1px solid {color:nav hover};
  1022.     opacity:1;
  1023. }
  1024. #wu:hover {
  1025.      background-color:{color:nav hover};
  1026.     color:{color:nav text hover};
  1027.     border: 1px solid {color:nav};
  1028.     -webkit-transition: all 0.5s linear;
  1029.     -moz-transition: all 0.5s linear;
  1030.     -o-transition: all 0.5s linear;
  1031.     font-style:normal; }
  1032. {/block:ifBigHeader}
  1033. {block:ifNotBigHeader}
  1034.  
  1035. #home {
  1036.     background-color:{color:nav};
  1037.     color:{color:nav text};
  1038.     height:30px;
  1039.     width:50px;
  1040.     margin-left: 360px;
  1041.     position:fixed;
  1042.     margin-top:-13px;
  1043.     text-align:center;
  1044.     line-height:32px;
  1045.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  1046.     font-size: 10px;
  1047.     -webkit-transition: all 0.5s linear;
  1048.     -moz-transition: all 0.5s linear;
  1049.     -o-transition: all 0.5s linear;
  1050.     border: 1px solid {color:nav hover};
  1051.     opacity:1;
  1052. }
  1053. #home:hover {
  1054.      background-color:{color:nav hover};
  1055.     color:{color:nav text hover};
  1056.     border: 1px solid {color:nav};
  1057.     -webkit-transition: all 0.5s linear;
  1058.     -moz-transition: all 0.5s linear;
  1059.     -o-transition: all 0.5s linear;
  1060.     font-style:normal;
  1061. }
  1062. #ask {
  1063.      background-color:{color:nav};
  1064.     color:{color:nav text};
  1065.     height:30px;
  1066.     width:50px;
  1067.     margin-left: 420px;
  1068.     position:fixed;
  1069.      margin-top:-13px;
  1070.     text-align:center;
  1071.     line-height:32px;
  1072.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  1073.     font-size: 10px;
  1074.     -webkit-transition: all 0.5s linear;
  1075.     -moz-transition: all 0.5s linear;
  1076.     -o-transition: all 0.5s linear;
  1077.     border: 1px solid {color:nav hover};
  1078.     opacity:1;
  1079. }
  1080. #ask:hover {
  1081.     background-color:{color:nav hover};
  1082.     color:{color:nav text hover};
  1083.     border: 1px solid {color:nav};
  1084.     -webkit-transition: all 0.5s linear;
  1085.     -moz-transition: all 0.5s linear;
  1086.     -o-transition: all 0.5s linear;
  1087.     font-style:normal;
  1088. }
  1089. #past {
  1090.    background-color:{color:nav};
  1091.     color:{color:nav text};
  1092.     height:30px;
  1093.     width:50px;
  1094.     margin-left: 480px;
  1095.     position:fixed;
  1096.     margin-top:-13px;
  1097.     text-align:center;
  1098.     line-height:32px;
  1099.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  1100.     font-size: 10px;
  1101.     -webkit-transition: all 0.5s linear;
  1102.     -moz-transition: all 0.5s linear;
  1103.     -o-transition: all 0.5s linear;
  1104.     border: 1px solid {color:nav hover};
  1105.     opacity:1;
  1106. }
  1107. #past:hover {
  1108.     background-color:{color:nav hover};
  1109.     color:{color:nav text hover};
  1110.     border: 1px solid {color:nav};
  1111.     -webkit-transition: all 0.5s linear;
  1112.     -moz-transition: all 0.5s linear;
  1113.     -o-transition: all 0.5s linear;
  1114.     font-style:normal;
  1115. }
  1116.  
  1117. #sub {
  1118.     background-color:{color:nav};
  1119.     color:{color:nav text};
  1120.     height:30px;
  1121.     width:50px;
  1122.     margin-left: 540px;
  1123.     position:fixed;
  1124.      margin-top:-13px;
  1125.     text-align:center;
  1126.     line-height:32px;
  1127.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  1128.     font-size: 10px;
  1129.     -webkit-transition: all 0.5s linear;
  1130.     -moz-transition: all 0.5s linear;
  1131.     -o-transition: all 0.5s linear;
  1132.     border: 1px solid {color:nav hover};
  1133.     opacity:1;
  1134. }
  1135. #sub:hover {
  1136.     background-color:{color:nav hover};
  1137.     color:{color:nav text hover};
  1138.     border: 1px solid {color:nav};
  1139.     -webkit-transition: all 0.5s linear;
  1140.     -moz-transition: all 0.5s linear;
  1141.     -o-transition: all 0.5s linear;
  1142.     font-style:normal;
  1143. }
  1144. #mira {
  1145.     background-color:{color:nav};
  1146.     color:{color:nav text};
  1147.     height:30px;
  1148.     width:50px;
  1149.     margin-left: 600px;
  1150.     position:fixed;
  1151.      margin-top:-13px;
  1152.     text-align:center;
  1153.     line-height:32px;
  1154.    font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  1155.     font-size: 10px;
  1156.     -webkit-transition: all 0.5s linear;
  1157.     -moz-transition: all 0.5s linear;
  1158.     -o-transition: all 0.5s linear;
  1159.     border: 1px solid {color:nav hover};
  1160.     opacity:1;
  1161. }
  1162. #mira:hover {
  1163.     background-color:{color:nav hover};
  1164.     color:{color:nav text hover};
  1165.     border: 1px solid {color:nav};
  1166.     -webkit-transition: all 0.5s linear;
  1167.     -moz-transition: all 0.5s linear;
  1168.     -o-transition: all 0.5s linear;
  1169.     font-style:normal;
  1170. }
  1171. #yi {
  1172.    background-color:{color:nav};
  1173.     color:{color:nav text};
  1174.     height:30px;
  1175.     width:50px;
  1176.     margin-left: 660px;
  1177.     position:fixed;
  1178.      margin-top:-13px;
  1179.     text-align:center;
  1180.     line-height:32px;
  1181.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  1182.     font-size: 10px;
  1183.     -webkit-transition: all 0.5s linear;
  1184.     -moz-transition: all 0.5s linear;
  1185.     -o-transition: all 0.5s linear;
  1186.     border: 1px solid {color:nav hover};
  1187.     opacity:1;
  1188. }
  1189. #yi:hover {
  1190.      background-color:{color:nav hover};
  1191.     color:{color:nav text hover};
  1192.     border: 1px solid {color:nav};
  1193.     -webkit-transition: all 0.5s linear;
  1194.     -moz-transition: all 0.5s linear;
  1195.     -o-transition: all 0.5s linear;
  1196.     font-style:normal; }
  1197. #er {
  1198.    background-color:{color:nav};
  1199.     color:{color:nav text};
  1200.     height:30px;
  1201.     width:50px;
  1202.     margin-left: 720px;
  1203.     position:fixed;
  1204.      margin-top:-13px;
  1205.     text-align:center;
  1206.     line-height:32px;
  1207.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  1208.     font-size: 10px;
  1209.     -webkit-transition: all 0.5s linear;
  1210.     -moz-transition: all 0.5s linear;
  1211.     -o-transition: all 0.5s linear;
  1212.     border: 1px solid {color:nav hover};
  1213.     opacity:1;
  1214. }
  1215. #er:hover {
  1216.      background-color:{color:nav hover};
  1217.     color:{color:nav text hover};
  1218.     border: 1px solid {color:nav};
  1219.     -webkit-transition: all 0.5s linear;
  1220.     -moz-transition: all 0.5s linear;
  1221.     -o-transition: all 0.5s linear;
  1222.     font-style:normal; }
  1223. #san {
  1224.   background-color:{color:nav};
  1225.     color:{color:nav text};
  1226.     height:30px;
  1227.     width:50px;
  1228.     margin-left: 780px;
  1229.     position:fixed;
  1230.      margin-top:-13px;
  1231.     text-align:center;
  1232.     line-height:32px;
  1233.    font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  1234.     font-size: 10px;
  1235.     -webkit-transition: all 0.5s linear;
  1236.     -moz-transition: all 0.5s linear;
  1237.     -o-transition: all 0.5s linear;
  1238.     border: 1px solid {color:nav hover};
  1239.     opacity:1;
  1240. }
  1241. #san:hover {
  1242.      background-color:{color:nav hover};
  1243.     color:{color:nav text hover};
  1244.     border: 1px solid {color:nav};
  1245.     -webkit-transition: all 0.5s linear;
  1246.     -moz-transition: all 0.5s linear;
  1247.     -o-transition: all 0.5s linear;
  1248.     font-style:normal; }
  1249. #si {
  1250.     background-color:{color:nav};
  1251.     color:{color:nav text};
  1252.     height:30px;
  1253.     width:50px;
  1254.     margin-left: 840px;
  1255.     position:fixed;
  1256.     margin-top:-13px;
  1257.     text-align:center;
  1258.     line-height:32px;
  1259.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  1260.     font-size: 10px;
  1261.     -webkit-transition: all 0.5s linear;
  1262.     -moz-transition: all 0.5s linear;
  1263.     -o-transition: all 0.5s linear;
  1264.     border: 1px solid {color:nav hover};
  1265.     opacity:1;
  1266. }
  1267. #si:hover {
  1268.      background-color:{color:nav hover};
  1269.     color:{color:nav text hover};
  1270.     border: 1px solid {color:nav};
  1271.     -webkit-transition: all 0.5s linear;
  1272.     -moz-transition: all 0.5s linear;
  1273.     -o-transition: all 0.5s linear;
  1274.     font-style:normal; }
  1275. #wu {
  1276.    background-color:{color:nav};
  1277.     color:{color:nav text};
  1278.     height:30px;
  1279.     width:50px;
  1280.     margin-left: 900px;
  1281.     position:fixed;
  1282.      margin-top:-13px;
  1283.     text-align:center;
  1284.     line-height:32px;
  1285.     font-family: /*'tinytots',*/'Inconsolata', sans-serif;
  1286.     font-size: 10px;
  1287.     -webkit-transition: all 0.5s linear;
  1288.     -moz-transition: all 0.5s linear;
  1289.     -o-transition: all 0.5s linear;
  1290.     border: 1px solid {color:nav hover};
  1291.     opacity:1;
  1292. }
  1293. #wu:hover {
  1294.      background-color:{color:nav hover};
  1295.     color:{color:nav text hover};
  1296.     border: 1px solid {color:nav};
  1297.     -webkit-transition: all 0.5s linear;
  1298.     -moz-transition: all 0.5s linear;
  1299.     -o-transition: all 0.5s linear;
  1300.     font-style:normal; }
  1301.  
  1302.  
  1303.  
  1304. {/block:ifNotBigHeader}
  1305.  
  1306.  
  1307.  
  1308. /*#links {
  1309.     top:-150px;
  1310.     left:0px;
  1311.     right:0px;
  1312.     height:170px;
  1313.     position:fixed;
  1314.     background-image:url("{image:upper image}");
  1315.     border-bottom:20px solid {color:upper image border};
  1316.     -webkit-transition: all 0.5s linear;
  1317.     -moz-transition: all 0.5s linear;
  1318.     -o-transition: all 0.5s linear;
  1319.     z-index:2;
  1320.    
  1321. }
  1322.  
  1323. #link p {
  1324.     left:-100px;
  1325.     top:70px;
  1326.     color:black;
  1327. }
  1328.  
  1329. #links:hover {
  1330.     top:0px;
  1331.     -webkit-transition: all 0.5s linear;
  1332.     -moz-transition: all 0.5s linear;
  1333.     -o-transition: all 0.5s linear;
  1334. }
  1335. .linkw {
  1336.     top:180px;
  1337.     left:0px;
  1338.     right:0px;
  1339.     height:30px;
  1340.     line-height:10px;
  1341.     width:100px;
  1342.     position:absolute;
  1343.     background-color:{color:upper image border};
  1344.     z-index:2;
  1345.    
  1346. }  */
  1347.  
  1348. #info a:hover {
  1349.     font-style:normal;
  1350. }
  1351.  
  1352. #s-m-t-tooltip {
  1353.     display: block;
  1354.     background: {color:tooltip};
  1355.     font-size: 10px;
  1356.     text-transform: uppercase;
  1357.     color: {color:tooltip text};
  1358.     text-align: center;
  1359.     font-family: 'Oxygen', calibri, sans-serif;
  1360.     letter-spacing: 0px;
  1361.     margin-left: 18px;
  1362.     padding: 1px 4px;
  1363.     border: 1px solid white;
  1364.     min-width: 40px;
  1365.     max-width: 200px;
  1366.     z-index: 999999999;
  1367.    
  1368. }
  1369.  
  1370.  
  1371. ::selection {
  1372.     background-color:{color:selection};
  1373.     color:{color:selection text};
  1374.    
  1375. }
  1376.  
  1377. #thing {
  1378.     width: 100%;
  1379.     height:100%;
  1380.     position:fixed;
  1381.     z-index:-1;
  1382. }
  1383.  
  1384.  
  1385.  
  1386. #bruh {
  1387.     margin-left:450px;
  1388.     margin-top:-100px;
  1389.     display: inline-block;
  1390.     position:absolute;
  1391.     z-index: 9999;
  1392. opacity: 0;
  1393. -webkit-transition: all 0.9s ease;
  1394. -moz-transition: all 0.9s ease;
  1395. -o-transition: all 0.9s ease;
  1396. }
  1397.  
  1398. .entry:hover #bruh {
  1399.     margin-left:500px;
  1400.     opacity:1;
  1401.     background-color:none;
  1402.     -webkit-transition: all 0.9s ease;
  1403. -moz-transition: all 0.9s ease;
  1404. -o-transition: all 0.9s ease;
  1405. }
  1406.  
  1407. #bruh a {
  1408.     background-color:rgba(0,0,0,0);
  1409.    
  1410. }
  1411.  
  1412. #bruh a:hover {
  1413.     background-color:{color:link hover};
  1414. }
  1415.  
  1416. {block:ifBigHeader}
  1417.  
  1418. .headie {
  1419.     background-color: {color:sidebar};
  1420.     background-image:url("{image:upper image}");
  1421.     top:0px;
  1422.     left:0px;
  1423.     right:0px;
  1424.     height:170px;
  1425.     z-index:9999;
  1426.     position:fixed;
  1427.     border-bottom:1px {color:upper image border} solid;
  1428.     -webkit-transition: all 0.9s ease;
  1429. -moz-transition: all 0.9s ease;
  1430. -o-transition: all 0.9s ease;
  1431. }
  1432.  
  1433. #wowo:hover .headie {
  1434.     top:-120px;
  1435.     -webkit-transition: all 0.9s ease;
  1436. -moz-transition: all 0.9s ease;
  1437. -o-transition: all 0.9s ease;
  1438.    
  1439. }
  1440.  
  1441. .wtf {
  1442.     background-color:{color:upper image border};
  1443.     top:0px;
  1444.     left:0px;
  1445.     right:0px;
  1446.     height:170px;
  1447.     z-index:9990;
  1448.     position:fixed;
  1449. }
  1450.  
  1451. #uh {
  1452.     top:0px;
  1453.     left:0px;
  1454.     right:0px;
  1455.     height:170px;
  1456.     position:relative;
  1457. }
  1458.  
  1459. {/block:ifBigHeader}
  1460.  
  1461. {block:ifNotBigHeader}
  1462.  
  1463.  
  1464. .headie {
  1465.     background-color: {color:sidebar};
  1466.     background-image:url("{image:upper image}");
  1467.     top:0px;
  1468.     left:0px;
  1469.     right:0px;
  1470.     height:110px;
  1471.     z-index:9999;
  1472.     position:fixed;
  1473.     border-bottom:1px {color:upper image border} solid;
  1474.     -webkit-transition: all 0.9s ease;
  1475. -moz-transition: all 0.9s ease;
  1476. -o-transition: all 0.9s ease;
  1477. }
  1478.  
  1479. #wowo:hover .headie {
  1480.     top:-70px;
  1481.     -webkit-transition: all 0.9s ease;
  1482. -moz-transition: all 0.9s ease;
  1483. -o-transition: all 0.9s ease;
  1484.    
  1485. }
  1486.  
  1487. .wtf {
  1488.     background-color:{color:upper image border};
  1489.     top:0px;
  1490.     left:0px;
  1491.     right:0px;
  1492.     height:110px;
  1493.     z-index:9990;
  1494.     position:fixed;
  1495. }
  1496.  
  1497. #uh {
  1498.     top:0px;
  1499.     left:0px;
  1500.     right:0px;
  1501.     height:110px;
  1502.     position:relative;
  1503. }
  1504.  
  1505. {/block:ifNotBigHeader}
  1506.  
  1507.  
  1508. #pagination {
  1509.     bottom:0px;
  1510.     left:0px;
  1511.     right:0px;
  1512.     height:30px;
  1513.     background-color:white;
  1514.     position:fixed;
  1515.     z-index:999;
  1516.     opacity:.3;
  1517.    
  1518.      -webkit-transition: all 0.9s ease;
  1519. -moz-transition: all 0.9s ease;
  1520. -o-transition: all 0.9s ease;
  1521.    
  1522. }
  1523. #pagination:hover {
  1524.      -webkit-transition: all 0.9s ease;
  1525. -moz-transition: all 0.9s ease;
  1526. -o-transition: all 0.9s ease;
  1527. opacity:.75;
  1528. }
  1529.  
  1530. .next a {
  1531.     color:black;
  1532.     font-style:italic;
  1533.     font-family:'Droid Serif', serif;
  1534.     font-size:12px;
  1535.    
  1536. }
  1537.  
  1538. .next a:hover {
  1539.     background-color:rgba(0,0,0,0);
  1540.     text-decoration:line-through;
  1541. }
  1542. .next {
  1543.     text-align:left;
  1544.     margin-left:920px;
  1545.     margin-top:5px;
  1546.     position:fixed;
  1547. }
  1548.  
  1549. .prev a {
  1550.     color:black;
  1551.     font-style:italic;
  1552.     font-family:'Droid Serif', serif;
  1553.     font-size:12px;
  1554.    
  1555. }
  1556.  
  1557. .prev a:hover {
  1558.     background-color:rgba(0,0,0,0);
  1559.     text-decoration:line-through;
  1560. }
  1561. .prev {
  1562.     text-align:left;
  1563.     margin-left:400px;
  1564.     margin-top:5px;
  1565.     position:fixed;
  1566. }
  1567. </style>
  1568.  
  1569. </head>
  1570.  
  1571. <div id="wowo">
  1572.     <div class="headie">
  1573.  
  1574.         <center>
  1575.             <div id="title">
  1576.                 <a
  1577.                    href="/" >
  1578.                     {Title}
  1579.                  </a>
  1580.                  
  1581. <a href="/"><div id="home">INDEX</div></a>
  1582. <a href="/ask"><div id="ask">MESSAGE</div></a>
  1583. <a href="/archive"><div id="past">PAST</div></a>
  1584. <a href="/submit"><div id="sub">SUBMIT</div></a>
  1585. <a href="http://sanyoucity.tumblr.com/" title="sanyoucity"><div id="mira">THEME</div></a>
  1586.  
  1587. <a href="{text:link1 url}"><div id="yi">{text:link1 title}</div></a>
  1588. <a href="{text:link2 url}"><div id="er">{text:link2 title}</div></a>
  1589. <a href="{text:link3 url}"><div id="san">{text:link3 title}</div></a>
  1590. <a href="{text:link4 url}"><div id="si">{text:link4 title}</div></a>
  1591. <a href="{text:link5 url}"><div id="wu">{text:link5 title}</div></a>
  1592.             </div>
  1593.         </center>
  1594.  
  1595.     </div>
  1596.  
  1597.     <div class="wtf">
  1598.  
  1599.          <div id="sidebar">
  1600.                
  1601.                 <div id="sidebarimga">
  1602.                         <img src= "{image:Sidebar}" />
  1603.                 </div>
  1604.                 <div id="desc">
  1605.                         {Description}
  1606.              </div>
  1607.              
  1608.              <!--<div id="musicc">
  1609.  
  1610.                    <object type="application/x-shockwave-flash" data="http ://flash-mp3-player.net/medias/player_mp3_mini.swf"
  1611.                        width="165"
  1612.                        height="45"
  1613.                        title="{text:music title}">
  1614.    
  1615.                    <param
  1616.                        name="movie"
  1617.                        value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  1618.    
  1619.                    <param
  1620.                        name="bgcolor"
  1621.                        value="{color:sidebar}" />
  1622.                     <param
  1623.                        name="FlashVars"
  1624.                        value="mp3={text:mp3 link}&amp                         ;autoplay=0;" />
  1625.                </object>
  1626.    
  1627.    
  1628.                </div> -->
  1629.                
  1630.              
  1631.         </div>
  1632.    
  1633.     </div>
  1634.    
  1635. </div>
  1636.  
  1637. <div id="uh"></div>
  1638.    
  1639.  <div id="pagination">
  1640.      
  1641.       <div class="prev">{block:PreviousPage}<a href="{PreviousPage}" >back</a>{/block:PreviousPage}</div>
  1642.      
  1643.      
  1644.      <div class="next">{block:NextPage} <a href="{NextPage}" > forth</a>{/block:NextPage}</div>
  1645.              
  1646.              </div>
  1647.  
  1648.  
  1649.  
  1650. <!--
  1651.  
  1652. <div id="links">
  1653.    
  1654. <a href="/"><div id="home">INDEX</div></a>
  1655. <a href="/ask"><div id="ask">MESSAGE</div></a>
  1656. <a href="/archive"><div id="past">PAST</div></a>
  1657. <a href="/submit"><div id="sub">SUBMIT</div></a>
  1658. <a href="http://sanyoucity.tumblr.com/" title="sanyoucity"><div id="mira">THEME</div></a>
  1659.  
  1660. <a href="{text:link1 url}"><div id="yi">{text:link1 title}</div></a>
  1661. <a href="{text:link2 url}"><div id="er">{text:link2 title}</div></a>
  1662. <a href="{text:link3 url}"><div id="san">{text:link3 title}</div></a>
  1663. <a href="{text:link4 url}"><div id="si">{text:link4 title}</div></a>
  1664. <a href="{text:link5 url}"><div id="wu">{text:link5 title}</div></a>
  1665.  
  1666.  
  1667.    
  1668. <div class="linkw"><p>LINKS</p></div>
  1669.    
  1670. </div>
  1671.  
  1672. -->
  1673.  
  1674. <!-- <div id=music"><center><img src="BILLY MUSIC" />"></center></div>
  1675. </div> -->
  1676.  
  1677. <div id="sideb"><div style="position:fixed;  bottom:0px; right:0px; width:390px; ">
  1678. <img src= "{image:Side Image}" /> <br></div></div>
  1679.  
  1680.  
  1681.  
  1682. <!--<div id="credit"><p><a href="http://striaton--city.tumblr.com/"> ♔<span style="font-size:10px">theme credit</span> </a></p><p></div> -->
  1683.  
  1684.  
  1685.  
  1686.  
  1687. <!--<div id="title"><a href="/" title="{text:title2}">{Title}</a></div>-->
  1688.  
  1689. <!--<div id="sidebar2">
  1690. <div class="links"><a href="/">Home</a></div>
  1691. {block:ifLink1}<div class="links"><a href="{text:Link1}">{text:Link1 Title}</a></div>{/block:ifLink1}
  1692. {block:ifLink2}<div class="links"><a href="{text:Link2}">{text:Link2 Title}</a></div>{/block:ifLink2}
  1693. {block:ifLink3}<div class="links"><a href="{text:Link3}">{text:Link3 Title}</a></div>{/block:ifLink3}
  1694. {block:ifLink4}<div class="links"><a href="{text:Link4}"{text:Link4}>{text:Link4 Title}</a></div>{/block:ifLink4}
  1695. <div class="links"><a href="/ask">Ask</a></div>
  1696. </div> -->
  1697.  
  1698.  
  1699.  
  1700.  
  1701.  
  1702.  
  1703.      
  1704.  
  1705.  
  1706. <div id="bottom"></div>
  1707.  
  1708. <div class="left">
  1709.  
  1710. <div id="posts">
  1711.  
  1712.  
  1713.  
  1714.  
  1715.  
  1716.  
  1717.  
  1718. <div class="scroll">
  1719. {block:Posts}
  1720.  
  1721. <div class="entry">
  1722.  
  1723.  
  1724. {block:Answer}
  1725. <img style="border:5px solid {color:ask bubble};"src="{AskerPortraitURL-40}" width="44" align="left">
  1726. <div class="bubble"><span></span><b>{Asker} says:</b> {Question}</div><br/>{Answer}
  1727. {/block:Answer}
  1728.  
  1729. {block:Text}
  1730. {block:Title}<span class="title" >{Title}</span>{/block:Title}
  1731. {Body}
  1732. {/block:Text}
  1733.  
  1734. {block:Link}
  1735. <a href="{URL}" class="title">{Name}</a>
  1736. {block:Description}{Description}{/block:Description}
  1737. {block:Link}
  1738.  
  1739. {block:Photo}
  1740. {LinkOpenTag}
  1741. <div class="mono">
  1742. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500">
  1743. </div>
  1744. {LinkCloseTag}
  1745. {/block:Photo}
  1746.  
  1747. {block:Photoset}
  1748. <div class="mono">
  1749. <center>{Photoset}</center>
  1750. </div>
  1751. {/block:Photoset}
  1752.  
  1753. {block:Quote}
  1754. "{Quote}"<br>
  1755. <div align="right">{block:Source}- {Source}{/block:Source}</div>
  1756. {/block:Quote}
  1757.  
  1758. {block:Chat}
  1759. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1760. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">
  1761. {block:Label}<span class="label">{Label}</span>{/block:Label}
  1762. {Line}</li>{/block:Lines}</ul>
  1763. {/block:Chat}
  1764.  
  1765. {block:Audio}
  1766. {block:AlbumArt}
  1767. <div class="album"><img src="{AlbumArtURL}"></div>
  1768. {/block:AlbumArt}
  1769. <div class="audio"><div class="play">{AudioPlayerBlack}</div></div>
  1770. <div class="cap"><div class="capp">{block:TrackName}<b><font size="2">{TrackName}</font></b>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div></div>
  1771. {block:Caption}{Caption}{/block:Caption}
  1772. {/block:Audio}
  1773.  
  1774. {block:Video}
  1775. <center>{Video-250}</center>
  1776. {block:Video}
  1777.  
  1778. <!--PERMATEXT -->
  1779.  
  1780. {block:IndexPage}
  1781. <!--<br/><div class="permatext"><a href="{Permalink}">{NoteCount}%</a> <img src="{image:perm sprite}"><img src="{image:perm sprite}"><img src="{image:perm sprite}"> <a href="{ReblogURL}" target="_blank">reblog</a></div> -->
  1782.  
  1783. {block:Date}
  1784.  
  1785. <div id="info">
  1786.     <div id="date">
  1787.     <!--<img src="{image:perm sprite}"> -->
  1788.     {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}<br>
  1789.  
  1790.  
  1791. {block:HasTags}
  1792. <span style="
  1793.    background-color:{color:link hover};
  1794.    color:white;
  1795.    padding:2px 5px;" >FILED UNDER:</span>
  1796.  
  1797.  
  1798. {block:Tags}<span style="padding:2px, 5px;"><span style="color:{color:tags}">#</span><a href="{TagURL}" style="color:{color:tags}">{Tag}</a></span>  {/block:Tags}<br>
  1799. {/block:hasTags}
  1800.  
  1801.    
  1802.  <div id="bruh">
  1803.     <a href="{Permalink}" style="
  1804.        color:{color:link};
  1805.        border-left:7px solid {color:link};
  1806.        padding:2px 5px;
  1807.        text-transform:uppercase;">
  1808.         {ShortMonth}-{DayOfMonthWithZero}
  1809.            
  1810.         </a>
  1811.        
  1812.  
  1813.    
  1814.     <a href="{Permalink}" style="
  1815.        color:{color:link};
  1816.        border-left:7px solid {color:link};
  1817.        padding:2px 5px;">
  1818.         {12Hour}:{Minutes}  {CapitalAmPm}
  1819.        
  1820.         </a>
  1821.    
  1822.  
  1823.    
  1824.     {block:NoteCount}
  1825.     <a href="{Permalink}"
  1826.        style="
  1827.        color:{color:link};
  1828.        border-left:7px solid {color:link};
  1829.        padding:2px 5px;
  1830.        text-transform:uppercase;" title="NOTES">
  1831.         {notecount} </a>{/block:NoteCount}
  1832.        
  1833. <br>
  1834.    
  1835.     {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"
  1836.    style="
  1837.        color:{color:link};
  1838.        border-left:7px solid {color:link};
  1839.        padding:2px 5px;">VIA </a>{/block:RebloggedFrom}
  1840.        
  1841.        
  1842.  
  1843.        
  1844.        
  1845.     {block:ContentSource}
  1846.     <a href="{SourceURL}"
  1847.     style="
  1848.        color:{color:link};
  1849.        border-left:7px solid {color:link};
  1850.        padding:2px 5px;">SOURCE
  1851.         </a>
  1852.     {/block:ContentSource}  
  1853.    
  1854.  
  1855.        
  1856.     <a href="{ReblogURL}"
  1857.    title="reblog"
  1858.    target=_blank
  1859.    class=details
  1860.    style="
  1861.        color:{color:link};
  1862.        border-left:7px solid {color:link};
  1863.        padding:2px 5px;
  1864.        ">
  1865.         REBLOG
  1866.            
  1867.         </a>
  1868.        
  1869.  
  1870.        
  1871. </div>
  1872.        
  1873.     </div></div>
  1874. {/block:Date}
  1875.  
  1876.  
  1877. {block:IndexPage}
  1878.  
  1879.  
  1880. {block:PermalinkPage}
  1881. {block:Caption}{Caption}{/block:Caption}<br>
  1882.  
  1883.  
  1884. {block:HasTags}
  1885. <span style="
  1886.    background-color:{color:link hover};
  1887.    color:white;
  1888.    padding:2px 5px;" >FILED UNDER:</span>
  1889.  
  1890.  
  1891. {block:Tags}#<a href="{TagURL}">{Tag}</a>  {/block:Tags}<br><br>
  1892. {/block:hasTags}
  1893.  
  1894.  
  1895. <!--stars-->
  1896. <!--<center><img src="http://i4.photobucket.com/albums/y120/Starberries_/Pixels%20and%20Buttons/Plants/Flowers/BlossomsFloat.gif"><img src="http://i4.photobucket.com/albums/y120/Starberries_/Pixels%20and%20Buttons/Plants/Flowers/BlossomsFloat.gif"><img src="http://i4.photobucket.com/albums/y120/Starberries_/Pixels%20and%20Buttons/Plants/Flowers/BlossomsFloat.gif"><img src="http://i4.photobucket.com/albums/y120/Starberries_/Pixels%20and%20Buttons/Plants/Flowers/BlossomsFloat.gif"><img src="http://i4.photobucket.com/albums/y120/Starberries_/Pixels%20and%20Buttons/Plants/Flowers/BlossomsFloat.gif"></center> -->
  1897.  
  1898. {/block:PermalinkPage}
  1899.  
  1900. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1901.  
  1902.  
  1903.  
  1904. {/block:Posts}</div></div></div></div></div>
  1905.  
  1906. <div id="thing"></div>
  1907.  
  1908. </body>
  1909.  
  1910. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement