API tools faq
paste
Advertisement
citadelofswords

theme #009- when the zeroes line up

citadelofswords
Sep 15th, 2014
1,606
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.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.  
  3.     <!-- theme 009 by citadelofswords
  4.     (when the zeroes line up) -->
  5.  
  6.     <!-- RULES & GUIDELINES -->
  7.  
  8.     <!-- Edit away, but if you delete the credits (any of them) I will take        
  9.     your soul. -->
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head>
  13.    
  14.     <!--DEFAULT VARIABLES-->
  15.         <meta name="color:background" content="#000000"/>
  16.         <meta name="color:title background" content="#000000"/>
  17.         <meta name="color:sbar" content="#000000"/>
  18.         <meta name="color:post" content="#101010"/>
  19.         <meta name="color:navigation" content="#e00707"/>
  20.         <meta name="color:post info" content="#000000"/>
  21.         <meta name="color:border" content="#000000"/>
  22.        
  23.         <meta name="color:title" content="#e00707"/>
  24.         <meta name="color:text" content="#ffffff"/>
  25.         <meta name="color:post info text" content="#ffffff"/>
  26.         <meta name="color:link" content="#e00707"/>
  27.         <meta name="color:lhover" content="#cccccc"/>
  28.         <meta name="color:bold" content="#969696"/>
  29.         <meta name="color:italic" content="#cccccc"/>
  30.        
  31.         <meta name="image:background" content="" />
  32.         <meta name="image:sidebar image" content="http://25.media.tumblr.com/2db0aa42f0b89858719a43e66153aec0/tumblr_miijvpQAql1r5h04to1_1280.jpg" />
  33.        
  34.         <meta name="text:link 1 url" content="" />
  35.         <meta name="text:link 2 url" content="" />
  36.         <meta name="text:link 3 url" content="" />
  37.         <meta name="text:link 4 url" content="" />
  38.         <meta name="text:link 5 url" content="" />
  39.         <meta name="text:link 5 url" content="" />
  40.         <meta name="text:link 1" content="" />
  41.         <meta name="text:link 2" content="" />
  42.         <meta name="text:link 3" content="" />
  43.         <meta name="text:link 4" content="" />
  44.         <meta name="text:link 5" content="" />
  45.         <meta name="text:line height percentage" content="350" />
  46.         <meta name="text:image specs" content"width:100%; height:auto;" />
  47.  
  48.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  49.         <title>{Title}</title>
  50.          {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51.         <link rel="shortcut icon" href="{Favicon}" />
  52.         <link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'>
  53.         <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
  54.         <link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
  55.        
  56.         <script type="text/javascript"
  57. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  58. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  59. <script>
  60.     (function($){
  61.         $(document).ready(function(){
  62.             $("[title]").style_my_tooltips();
  63.         });
  64.     })(jQuery);
  65. </script>
  66.  
  67.         <style type="text/css">
  68.  
  69. /*STANDARD STUFF*/
  70.  
  71. body {color:{color:text}; background-color:#000; background-image:url({image:Background}); background-attachment:fixed; font-family:'Roboto Slab'; font-size:10px; text-align:left;}
  72.      
  73. blockquote {border-left:4px {color:border} solid; padding-left:5px;margin:0px 2px 0px 10px;}
  74. blockquote img {max-width:470px; height:auto;}
  75. blockquote blockquote img {max-width:440px; height:auto;}
  76. blockquote blockquote blockquote img {max-width:410px; height:auto;}
  77. b, strong {color:{color:bold};}
  78. i, em {color:{color:italic};}
  79. .notes img{width:10px; position:relative; top:1px;}      
  80. a:link, a:active, a:visited{color: {color:link}; text-decoration:none; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}
  81. a:hover{color:{color:lhover};-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}
  82. h2 {font-family:'Alegreya Sans SC'; color:{color:title}; font-size:20px; letter-spacing:1px;}
  83. .revealed {display:none;}
  84.  
  85. ::selection {background: {color:lhover};color: {color:text};}
  86. ::-moz-selection {background: {color:lhover};color: {color:text};}
  87. ::-webkit-selection {background: {color:lhover};color: {color:text};}
  88. ::-webkit-scrollbar-thumb:vertical {background-color: #000;height: 50px;}
  89. ::-webkit-scrollbar {height: 10px;width: 5px;background-color: #fff;}
  90. #s-m-t-tooltip {
  91.     display: block;
  92.     background: #000;
  93.     font-size: 8px;
  94.     font-family: 'Roboto Slab';
  95.     letter-spacing: 1px;
  96.     text-transform: uppercase;
  97.     color: #fff;
  98.     text-align: center;
  99.     margin-left: 18px;
  100.     padding: 4px;
  101.     min-width: 20px;
  102.     max-width: 200px;
  103.     box-shadow: 1px 1px 1px rgba(60, 60, 60, 0.3);
  104.     z-index: 99999999999999;
  105. }
  106.  
  107. /*SIDEBAR*/
  108.                
  109. #sbar {width:300px; height:110%; margin-top:-20px; margin-left:0px; padding:5px; background-color:{color:sbar}; background-size:auto 100%;float:left; text-align:center; position:fixed; border-right:5px solid white;}
  110.              
  111. #stext {width:200px; height:75px; border:3px solid #fff; background-color:{color:title background}; text-align:center; font-family:{font:text}; font-size:10px; color:#fff; padding:10px; position:relative; margin-left:195px; margin-top:50px; z-index:1;overflow:auto;}
  112.  
  113. .simg {margin-bottom:5px; margin-top:50px; display:inline-block; margin-left:255px; width:100px; height:100px; border:2px solid white; overflow:hidden;}
  114.                  
  115. .simg img {height: 100px; width:auto; overflow:hidden;}
  116.  
  117. #navbox {width:200px; margin-left:252px; margin-top:50px;}
  118.  
  119. .nav {width:100px; height:10px; margin-top:2px; padding:2px; font-size:10px; background-color:{color:sbar}; border:2px solid #fff; text-transform:lowercase; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}
  120.  
  121. .nav:hover { -webkit-filter: invert(100%); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}
  122.              
  123. #pagination {text-align:center; width:100px; padding:2px; font-size:11px; font-family:{font:link}; color:#fff; border:2px solid #fff; background-color:#000; float:relative; margin-top:-25px; margin-left:252px;}
  124.  
  125. /*POSTS*/
  126.              
  127. #box {background-color:{color:post}; width:800px; text-align:left; margin-top:20px; margin-left:275px;}
  128.              
  129. #posts {float:right; margin: 40 10 10 200;}
  130.              
  131. #post {margin: 10 0 -5 0; width:500px; height:auto; background-color:{color:post}; padding:7px; word-wrap: break-word;}  
  132.                
  133. #questions {background-color:#000000; color:#ffffff; padding:7px; text-align:left; font-family:{font:text}; font-size:11px}
  134.              
  135. .playbutton {width: 30px; height: 30px; overflow: hidden; position: relative; z-index: 1000; margin: 3 9 3 3;}
  136.              
  137. .playbox {background-color: #000; position:absolute; z-index: 1000; margin-left:25px; margin-top:25px;}
  138.  
  139. .boxey {width:75px; height:75px; position:relative; background-color:#000;}
  140.  
  141. .trackdetails {width:415px; padding:5px; text-align:center; background-color:#000; color:#fff; display:block; position:absolute; margin-left:75px; height:65px;}
  142.            
  143. .cap {margin-top:115px;}
  144.  
  145. .updates {width:10px; height:10px; background-color:#000; border:2px solid #fff; margin-top:0px; margin-left:15px; padding:2px; z-index:999999; position:fixed; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s;}
  146.  
  147. .updates:hover {width:75px; /* DON'T FORGET TO CHANGE THE HEIGHT OF THE UPDATES TAB DEPENDING ON HOW MUCH YOU PUT IN */ height:225px; background-color: {color:background}; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s;}
  148.  
  149. .updates p {text-align: center; opacity:0; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s;}
  150.  
  151. .updates:hover p {opacity:1;-webkit-transition:all 0.7s; -moz-transition:all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s;}
  152.  
  153. /*POST INFO*/
  154.  
  155. #deetsbox {width:10px;}
  156.  
  157. #deets {width:140px; position:absolute; margin-left:518px; padding:2px; font-family:; font-size:10px; text-transform:lowercase; letter-spacing:1px; color:#e00707; opacity:0; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s;}
  158.  
  159. #post:hover #deets {opacity:1; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s;}
  160.  
  161. #deetsp {width:140px; position:absolute; margin-left:518px; padding:2px; font-family:{font:link}; font-size:10px; text-transform:uppercase; letter-spacing:1px; color:{color:link};}
  162.                
  163. #permalink {font-family: {font:link}; font-size: 10px; color: {color:links}; text-transform: lowercase; text-align: justified; width:480px; letter-spacing:1px;}
  164.                
  165. #permalink li {list-style:none;}
  166.                
  167. #tags {width:474px; margin-bottom:25px; padding:20px; border-bottom: 4px solid {color:post}; background-color:{color:post info}; color:{color:post info text}; font-family:{font:link}; font-size:10px; text-align:center; text-transform:lowercase; margin:0 0 0 0;}
  168.  
  169. /*credit*/
  170.  
  171. #credit{position:fixed; bottom:10px; right:10px; z-index:1;}
  172.  
  173.  
  174.     </style>
  175.     <style type="text/css">{CustomCSS}</style>        
  176. </head>
  177.  
  178. <body>
  179.  
  180.  
  181. <div class="updates"><p>
  182. <!-- UPDATES GO RIGHT HERE -->
  183. so this is an updates tab
  184. <!-- END UPDATES -->    
  185. </p></div>
  186.  
  187. <a href="http://citadelofswords.tumblr.com"><img src="http://media.tumblr.com/b825cb7812c0a59b8beb57a55b4403db/tumblr_inline_mjcv12x2Lm1qz4rgp.gif" id="credit" title="citadelthemes"></a>
  188.  
  189.         <div id="sbar">
  190.            
  191.             <div class="simg"><a href="/" title="home"><img style="{text:image specs}" src="{image:sidebar image}"/></a></div>
  192.             <div id="stext">{Description}</div>
  193.             <br />
  194.             <div id="navbox">
  195.                 <a href="/ask" title="ask"><div class="nav"></div></a>
  196.                 <a href="{text:link 1 url}" title="{text:link 1}"><div class="nav"></div></a>
  197.                 <a href="{text:link 2 url}" title="{text:link 2}"><div class="nav"></div></a>
  198.                 <a href="{text:link 3 url}" title="{text:link 3}"><div class="nav"></div></a>
  199.                 <a href="{text:link 4 url}" title="{text:link 4}"><div class="nav"></div></a>
  200.                 <a href="{text:link 5 url}" title="{text:link 5}"><div class="nav"></div></a>
  201.             </div>
  202.             <br />
  203.            
  204.  
  205.             <br /><br />
  206.             <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{CurrentPage} | {TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</div>
  207.            
  208.         </div>
  209.        
  210.         <div id="box">
  211.        
  212.         <div id="posts">
  213.        
  214.         {block:Posts}
  215.         <div id="post">
  216.        
  217.         {block:indexpage}
  218.         <div id="deets">
  219.         {block:Date}<a href="{Permalink}">{MonthNumberWithZero}-{DayOfMonthWithZero}</a>{/block:Date} | {block:NoteCount}{NoteCount}{/block:NoteCount}
  220.         </br>
  221.         {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} | <a href="{ReblogURL}" target="_blank" />reblog</a>
  222.         </div>
  223.         {/block:indexpage}
  224.        
  225.         {block:permalinkpage}
  226.         <div id="deetsp">
  227.         {block:Date}{MonthNumberWithZero}-{DayOfMonthWithZero}{/block:Date}/{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  228.         {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  229.         </div>
  230.         {/block:permalinkpage}
  231.        
  232.         {block:Title}<h2>{Title}&nbsp;</h2>{/block:Title}
  233.         {block:Text}{Body}{/block:Text}
  234.        
  235.         {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  236.         {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  237.         {block:Photoset}<center>{Photoset-500}</center>
  238.         {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  239.        
  240.         {block:Quote}<center><h2>"{Quote}"</h2><br />-{Source}</center><br />
  241.         {/block:Quote}
  242.        
  243.         {block:Link}<a href="{URL}" class="link"
  244.         {Target}><h2>{Name}&nbsp;</h2></a>
  245.         {block:Description}<P>{Description}</p>{/block:Description}
  246.         {/block:Link}
  247.        
  248.         {block:Chat}
  249.         {block:Lines}
  250.         {block:Label}<i>{Label}</i>{/block:Label}
  251.         {Line}<br />{/block:Lines}
  252.         {/block:Chat}
  253.        
  254.         {block:Audio}
  255.         <div class="boxey">
  256.         <div class="playbox"><div class="playbutton">
  257.         {block:AudioPlayer}{AudioPlayerBlack}
  258.         {/block:AudioPlayer}</div></div></div>
  259.         <div class="trackdetails" style="margin-top:-75px;">
  260.         {block:TrackName}<span style="font-family:'condiment'; font-size:22px; color:#e00707;">{TrackName}</span>{/block:TrackName}<br/>
  261.         {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  262.         {block:Album}Album: {Album}{/block:Album}<br/>
  263.         </div>
  264.         <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>
  265.         {/block:Audio}
  266.        
  267.         {block:Video}{Video-500}
  268.         {block:Caption}{Caption}{/block:Caption}{/block:Video}
  269.        
  270.         {block:Answer}<div id="questions">
  271.         {Asker} asked "{Question}"</div>
  272.         {Answer}{/block:answer}
  273.        
  274.         </div>
  275.        
  276.         <div id="tags">
  277.         {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  278.         </div>
  279.        
  280.        
  281.         <br>
  282.         <br>
  283.        
  284.         {block:permalinkpage}
  285.         <div id="permalink">
  286.         {block:PostNotes}
  287.         {PostNotes}
  288.         {/block:PostNotes}
  289.         </div>
  290.         <br><br>
  291.         {/block:permalinkpage}
  292.        
  293.        {/block:posts}
  294.    
  295.        </div></div>
  296.        
  297. </body>        
  298. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!