Don't like ads? PRO users don't see any ads ;-)

Glitter Dust Theme | #002

By: goldthong on Jun 27th, 2012  |  syntax: None  |  size: 10.60 KB  |  hits: 704  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!-- Glitter Dust Theme | #002 by ( zouiss @ tumblr )
  2.  
  3. please do not
  4.     - remove the credit
  5.     - redistribute the theme
  6.  
  7. if you have any questions, just ask. i'll happily help -->
  8.  
  9. <html>
  10. <head>
  11.  
  12.  
  13. <!-- DEFAULT VARIABLES -->
  14.     <meta name="color:background" content="#ffffff">
  15.     <meta name="color:entry" content="#ffffff">
  16.     <meta name="color:info" content="#f8f8f8">
  17.     <meta name="color:text" content="#808080" />
  18.     <meta name="color:shadow" content="#f7f7f7" />
  19.     <meta name="color:title" content="#b2a4bf" />
  20.     <meta name="color:border" content="#ffffff" />
  21.     <meta name="color:border2" content="#e3dbeb" />
  22.     <meta name="color:link" content="#b2a4bf" />
  23.     <meta name="color:scrollbar" content="#9f90a0" />
  24.     <meta name="color:scrollbg" content="#ffffff" />
  25.     <meta name="color:sbar" content="#f8f8f8" />
  26.    
  27.    
  28.     <meta name="font:title" content="Georgia"/>
  29.     <meta name="font:body" content="Georgia" />
  30.     <meta name="font:description" content="Georgia"/>
  31.    
  32.     <meta name="image:sidebar" content=""/>
  33.    
  34. <!-- LINKS -->
  35.     <meta name="text:Link1" content="" />
  36.     <meta name="text:Link1 Title" content="" />
  37.     <meta name="text:Link2" content="" />
  38.     <meta name="text:Link2 Title" content="" />
  39.     <meta name="text:Link3" content="" />
  40.     <meta name="text:Link3 Title" content="" />
  41.     <meta name="text:Link4" content="" />
  42.     <meta name="text:Link4 Title" content="" />
  43.     <meta name="text:Link5" content="" />
  44.     <meta name="text:Link5 Title" content="" />
  45.     <meta name="text:Link6" content="" />
  46.     <meta name="text:Link6 Title" content="" />
  47.  
  48.    
  49. <link rel="shortcut icon" href="{Favicon}" />
  50.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  51.     <title>{Title}</title>
  52.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53.    
  54.    
  55.     <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>
  56.     <script type="text/javascript">
  57.   WebFontConfig = {
  58.     google: { families: [ 'Codystar::latin' ] }
  59.   };
  60.   (function() {
  61.     var wf = document.createElement('script');
  62.     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  63.       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  64.     wf.type = 'text/javascript';
  65.     wf.async = 'true';
  66.     var s = document.getElementsByTagName('script')[0];
  67.     s.parentNode.insertBefore(wf, s);
  68.   })(); </script>
  69.  
  70.    
  71.     </head>
  72.        
  73.        
  74.     <style type="text/css">
  75.  
  76. @import url(http://fonts.googleapis.com/css?family=Codystar);
  77.  
  78.  
  79. /*** ask ***/
  80. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  81. .bubble p {margin:1px 0px;}
  82. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  83.  
  84. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  85.  
  86. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height:auto;}
  87.  
  88. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar};height:10px !important;}
  89.  
  90. ::-webkit-scrollbar {height:7px; width:6px; background-color:{color:scrollbg};}
  91.  
  92. ::-moz-selection {background-color:{color:scrollbg}; color: {color:scrollbar};}
  93.  
  94. ::selection {background-color:{color:scrollbg}; color: {color:scrollbar};}
  95.  
  96. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:calibri; font-size:11px; line-height:110%; text-align:justify}
  97.  
  98. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  99. a:hover{color:{color:linkhover}}
  100. a:hover{
  101.    
  102. color:{color:title}; text-shadow: 0px 0px 3px {color:shadow}; font-style:auto;
  103. -webkit-transition: all 0.4s ease-in;
  104. -moz-transition: all 0.4s ease-in;
  105. -o-transition: all 0.4s ease-in;
  106. transition: all 0.4s ease-in;
  107. }
  108.  
  109.  
  110. small{font-size:auto}
  111. big{font-size:auto}
  112. b, strong{color:{color:text}}
  113. i, em {color:{color:text}}
  114. p{margin-top:6px; margin-bottom:6px}
  115. blockquote {padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}
  116.  
  117. img a{border:none; width:100%}
  118.  
  119. #container {background-color:transparent; width: 800px;  text-align: center; margin: 0 auto -10px auto}
  120.  
  121.  
  122. #entries {margin: 22px 0 -10px 260px; margin-right:0px; float:right; text-align: justify;}
  123.  
  124. #entry {margin: 0px 0 0px 0; width: 500px; background-color:{color:entry}; text-align: justify; padding: 10px; border:2px solid {color:border2};}
  125.  
  126. #sidebar {width:300px; padding:0px; margin-top:0px; margin-left:-50px; height:100%; position:fixed; background-color:{color:sbar};border:2px solid {color:border2};}
  127.  
  128. #sidebarimg {margin-top:0px;}
  129.  
  130. #sidebarimg img {width:250px; height:auto;}
  131.  
  132.  
  133. #description {background-color: {color:transparent}}; font-family:calibri; padding-top:1px; width:250px; margin-top:-20px; margin-bottom:25px; text-align:center; line-height:113%; font-size:9px; }
  134.  
  135. #description img {max-width:250px;}
  136.  
  137. #sidelinks {background-color:; font:10px calibri; color:{color:link} text-decoration: shadow; letter-spacing: 1px; text-align:center; padding:1px; text-transform:auto;}
  138.  
  139. #stext {text-align:justify; font-family: calibri; font-size: 10px; padding:6px; text-transform:auto;}
  140.  
  141.  
  142. #pagination {font-family:calibri; text-align:center; font-size:10px; margin-top:3px; margin-bottom:2px; text-transform:uppercase}
  143.  
  144. #title {margin-left:25px; width:250px; color:{color:title}; text-transform:lowercase;font-size:27px; font-family: 'Codystar'; line-height:120%;}
  145.  
  146. #credit { position:fixed; bottom:5px; right:5px; font-family:consolas; font-size:9px; text-transform:auto;}
  147.  
  148. h1{color:{color:text}; font-family:{font:text}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:italic; text-transform:uppercase; margin:0px; padding:0px; text-align:center}
  149.  
  150. h2{color:{color:text}; font-family:{font:link}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; margin-bottom:-5px; text-align:center}
  151.  
  152. #info{padding-top:5px; display:block; padding-bottom:5px; width:500px; color:{color:title}; border-top:1px solid {color:border}; background-color:{color:info}; font-size:10px; font-family:calibri; text-align:left; text-transform:lowercase; border:1px solid {color:border}}
  153.  
  154. #questions {background-color:{color:info}; color: {color:text}; padding:2px; margin-top: 6px; margin-bottom:2px; font-family:calibri; font-size:11px; text-transform:lowercase; border-bottom:1px {color:text}; text-align:center;}
  155. #questions a {color:{color:link}}
  156.  
  157. .audio{background-color:black; display:block}
  158.  
  159. .user_1 .label {color:{color:link}; font-weight:bold}
  160. .user_2 .label {color:{color:text}; font-weight:bold}
  161. .user_3 .label {color:{color:link}; font-weight:bold}
  162. .user_4 .label {color:{color:text}; font-weight:bold}
  163. .user_5 .label {color:{color:link}; font-weight:bold}
  164. .user_6 .label {color:{color:text}; font-weight:bold}
  165. .user_7 .label {color:{color:link}; font-weight:bold}
  166. .user_8 .label {color:{color:text}; font-weight:bold}
  167. .user_9 .label {color:{color:link}; font-weight:bold}
  168. .user_10 .label {color:{color:text}; font-weight:bold}
  169. .user_11 .label {color:{color:link}; font-weight:bold}
  170. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  171.  
  172. .notes img{width:10px; position:relative; top:1px}
  173. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  174.  
  175.         </style>
  176.     <style type="text/css">{CustomCSS}</style>
  177.  
  178. </head>
  179. <body>
  180.  
  181. <div id="container">
  182.  
  183. <div id="sidebar">
  184. <div id="sidelinks" align="center"><br><br><br><br><br><br><br><br><br><br>
  185. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  186. {block:ifLink2} <b>•</b> <a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  187. {block:ifLink3} <b>•</b> <a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  188. {block:ifLink4} <b>•</b> <a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  189. {block:ifLink5} <b>•</b> <a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  190. {block:ifLink6} <b>•</b> <a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}<p>
  191.  
  192. <div id="sidebarimg"><a href="/"><img src="{image:sidebar}"></a></div>
  193.  
  194. <div id="description">
  195.  
  196. <div id="title" align="center"><p><a href="/">{Title}</a></div>
  197.  
  198.  
  199. <div id="stext">{Description}<br /><br /></div>
  200.  
  201. <p><br><big><big><big>{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}</big></big></big>
  202. </div></div></div>
  203.  
  204.  
  205. <div id="entries">
  206. {block:posts}
  207.  
  208. <div id="entry">
  209. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  210.  
  211.  
  212. {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
  213.  
  214. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  215. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  216.  
  217. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  218. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  219.  
  220. {block:Photoset}<center>{Photoset-500}</center>
  221. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  222.  
  223. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  224.  
  225. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  226. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/block:Answer}
  227.  
  228. {block:Audio}<div id="_">{AudioPlayerWhite}<br>
  229. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  230.  
  231. <div id="info"><center>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} <i>with</i> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<br><i>reblogged from</i> <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a> | {/block:RebloggedFrom}{block:ContentSource} <i>originally from</i> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</center></div><p>
  232.  
  233. <center>{block:HasTags}{block:Tags}<b>•</b> <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}</center></div>
  234.  
  235. <br />
  236.  
  237. {/block:Posts}
  238.  
  239. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  240. </div>
  241. </div>
  242.  
  243. <div id="credit"><b><a href="http://zouiss.tumblr.com/">THEME</a></b></div>
  244.  
  245. </body>
  246. </html>