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

{Gold Rush} Theme 06 by itshazza

By: itshazzabear on Mar 4th, 2012  |  syntax: None  |  size: 15.14 KB  |  hits: 17,782  |  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. <!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.  
  4.  
  5.     <!--
  6.         --------------------------------------------------                
  7.  
  8.              i t s H A Z Z A . t u m b l r . C O M
  9.              T H E M E ❖ 0 6 { G O L D R U S H }
  10.              
  11.         --------------------------------------------------          
  12.    -->
  13.    
  14.     <head>
  15.    
  16.         <!-- DEFAULT VARIABLES -->
  17.         <meta name="color:background" content="#fffcf2" />
  18.         <meta name="color:entry" content="#fdfaee" />
  19.         <meta name="color:side" content="#bb474b" />
  20.         <meta name="color:text" content="#a3a3a3" />
  21.         <meta name="color:border" content="#f3eed9" />
  22.         <meta name="color:title" content="#edefef" />
  23.         <meta name="color:link" content="#f6a7aa" />
  24.         <meta name="color:lhover" content="#e27f82" />
  25.         <meta name="color:scrollbar" content="#e27f82" />
  26.         <meta name="color:info" content="#faf2d7" />
  27.         <meta name="color:desc" content="#7e4c4c">
  28.         <meta name="color:question" content="#faf5e3" />
  29.         <meta name="color:linkback" content="#f6a7aa" />
  30.         <meta name="font:body" content="Trebuchet MS" />
  31.         <meta name="font:entrytitle" content="Arial" />
  32.         <meta name="font:links" content="Georgia" />
  33.         <meta name="font:descrip" content="Georgia" />
  34.         <meta name="image:sidebar" content=""/>
  35.         <meta name="image:Background" content="" />
  36.         <meta name="text:sideimgtext" content=""/>
  37.         <meta name="text:Link1" content="" />
  38.         <meta name="text:Link1 Title" content="" />
  39.         <meta name="text:Link2" content="" />
  40.         <meta name="text:Link2 Title" content="" />
  41.         <meta name="text:Link3" content="" />
  42.         <meta name="text:Link3 Title" content="" />
  43.         <meta name="text:Link4" content="" />
  44.         <meta name="text:Link4 Title" content="" />
  45.         <meta name="text:askbox" content="/ask" />
  46.         <meta name="text:askbox Title" content="ask" />
  47.         <meta name="text:archive Title" content="archive" />
  48.        
  49.      
  50.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  51.         <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  52.         {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53.         <link rel="shortcut icon" href="{Favicon}" />
  54. <link href='http://fonts.googleapis.com/css?family=Kristi' rel='stylesheet' type='text/css'>
  55. <link href='http://fonts.googleapis.com/css?family=Ruluko' rel='stylesheet' type='text/css'>
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  57.         <style type="text/css">
  58.      
  59.  body {color:{color:text};
  60.  background-color:{color:background};
  61. background-image: url('{image:Background}');
  62.  background-attachment:fixed;
  63.  background-position: bottom; background-repeat: repeat;
  64. font-family:{font:body};
  65. font-size:11px;
  66. line-height:100%;
  67. text-align:justify;}
  68.    
  69.      
  70.      a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  71.  
  72.     a:hover{color:{color:lhover};}
  73.  
  74.  
  75.      
  76.     #entries{right:30%; margin-left:420px; margin-top:15px; width:520px;}
  77.      
  78.     #sbar {width: 200px; height: auto;}
  79.      '
  80.      #page {width: 245px; height: auto;}
  81.      
  82.     #simg {text-align:center;}
  83.     #simg img {
  84.  width: 270px; height: 270px; border: 0px solid; border-color: {color:border};
  85.  text-align:center;
  86. -moz-border-radius: 500px;
  87.  -webkit-border-radius: 500px; margin-top: 12px;
  88.  z-index: 100;
  89.  opacity:1;
  90. -webkit-transition: all 1.0s ease-in-out;
  91. -moz-transition: all 1.0s ease-in-out;
  92. -o-transition: all 1.0s ease-in-out;
  93. -ms-transition: all 1.0s ease-in-out;
  94. transition: all 1.0s ease-in-out;
  95.  }
  96.  
  97.  #simg:hover .sideimgtext {
  98. opacity:0.8;
  99. -webkit-transition: all 1.0s ease-in-out;
  100. -moz-transition: all 1.0s ease-in-out;
  101. -o-transition: all 1.0s ease-in-out;
  102. -ms-transition: all 1.0s ease-in-out;
  103. transition: all 1.0s ease-in-out;
  104. }
  105.      
  106.     #sidebar {
  107.  background-image: url('{image:sbg}');
  108.  margin-top: 75px; width:285px;
  109.  height: auto;
  110.  margin-left:85px;
  111.  position:fixed;
  112.   border-radius: 0px 40px 0px 40px;
  113.  overflow:hidden;
  114.  background-color: {color:background};
  115.  border-left:0px solid;
  116.  border-right:  0px solid; opacity:1;
  117.  border-color: {color:border};
  118.  padding:15px}
  119.  
  120.   #title1 {
  121.  margin-top: 295px; width:285px;
  122.  height: auto;
  123.  margin-left:935px;
  124.  position:fixed;
  125.   border-radius: 0px 0px 0px 0px;
  126.  overflow: visible;
  127.  background-color: #transparent;opacity:0.8;
  128.  border-left:0px solid;
  129.  border-right:  0px solid;
  130.  border-color: {color:border};
  131.  padding:15px;}
  132.  
  133.   #pag {
  134.  margin-top: 25px; width:285px;
  135.  height: 25px;
  136.  margin-left:0px;
  137.  position:fixed;
  138.  overflow: visible;
  139.  background-color: #transparent;
  140.  
  141. }
  142.  
  143.  
  144.  .sideimgtext {
  145. opacity:0;
  146. width:270px;
  147. height:270px; margin-left:8px; margin-top: 12px;
  148. background-color:{color:background};
  149. color:{color:desc};
  150. font-family:{font:body};
  151. font-size:11px;
  152. text-align:center; overflow: hidden;
  153. position:fixed;
  154. -moz-border-radius: 500px;
  155.  -webkit-border-radius: 500px;
  156.  z-index: 100;
  157. -webkit-transition: all 1.0s ease-in-out;
  158. -moz-transition: all 1.0s ease-in-out;
  159. -o-transition: all 1.0s ease-in-out;
  160. -ms-transition: all 1.0s ease-in-out;
  161. transition: all 1.0s ease-in-out;
  162. }
  163.  
  164. .circle1 {
  165. display:inline-block;
  166. width: 60px;
  167. height: 60px;
  168. background-color:{color:side};
  169. -moz-border-radius: 0px;
  170. -webkit-border-radius: 0px; margin-bottom: 4px;
  171. text-align:center;
  172. }
  173.  
  174. .circle1 a {
  175. color:{color:link};
  176. opacity:0.7;
  177. text-decoration:none;
  178. font-family: 'Ruluko', sans-serif;
  179. font-size:14px;
  180. letter-spacing:-1px;
  181. }
  182.  
  183. .circle1:hover a {
  184. color:{color:link};
  185. opacity:1;
  186. }
  187.  
  188. .circle2 {
  189. display:inline-block;
  190. width: 60px;
  191. height: 60px; opacity:0.6;
  192. background-color:{color:side};
  193. -moz-border-radius: 0px;
  194. -webkit-border-radius: 0px;
  195. text-align:center;
  196. }
  197.  
  198. .circle2 a {
  199. color:{color:link};
  200. opacity:0.9;
  201. text-decoration:none;
  202. font-family: 'Ruluko', sans-serif;
  203. font-size:14px;
  204. letter-spacing:-1px;
  205. }
  206.  
  207. .circle2:hover a {
  208. color:{color:link};
  209. opacity:1;
  210. }
  211.  
  212.  
  213.   #desc {
  214. margin:9px;margin-top: -5px; padding: 15px;
  215.  font-family:{font:descrip};
  216.  font-size:9px;
  217.  color:{color:desc}; background-color: {color:background};
  218.  width:250px; text-align:justify; }
  219.      
  220.     #title {
  221. color:{color:title};
  222. font-family: 'Kristi', cursive;
  223. font-size:50px;
  224. padding-left:25px;
  225. line-height:20px;}
  226.      
  227.    .pagination {font-family:{font:Links}; font-size:10px; text-transform:uppercase; text-align:center; padding:0px;}
  228.  
  229.    
  230.   #navi {
  231. display: block;
  232. font-size: 14px;
  233. letter-spacing: 1px;
  234. text-align:center; opacity: 0.8;
  235. text-transform: lowercase; width:245px;
  236.  height: auto;
  237.  text-height: 20px;
  238. font-family: 'Ruluko', sans-serif;
  239.  font-style: none;
  240.  margin-left:920px; margin-top: 160px;
  241.  border-radius: 45px;
  242.  position:fixed;
  243.  background-color: #transparent ;
  244.  color: {color:desc};
  245.  -webkit-transition: all 1.0s ease-in-out;
  246. -moz-transition: all 1.0s ease-in-out;
  247. -o-transition: all 1.0s ease-in-out;
  248. -ms-transition: all 1.0s ease-in-out;
  249. transition: all 1.0s ease-in-out;
  250. }
  251.  
  252. #navi:hover {
  253.     opacity: 1;
  254.     -webkit-transition: all 1.0s ease-in-out;
  255. -moz-transition: all 1.0s ease-in-out;
  256. -o-transition: all 1.0s ease-in-out;
  257. -ms-transition: all 1.0s ease-in-out;
  258. transition: all 1.0s ease-in-out;
  259. }
  260.  
  261.  
  262.     #posts{
  263. overflow:hidden;
  264.  background-color: {color:entry};
  265.  border-left:0px solid {color:link};
  266. border-right:0px solid {color:link};
  267. padding: 10px; }
  268.      
  269.     h1{
  270. color:{color:linkback};
  271.  font-family: 'Ruluko', sans-serif;
  272.  font-size:20px;
  273.  line-height:25px;
  274.  letter-spacing:0px;
  275.  font-weight:normal;margin-top:-5px;
  276.  font-style:normal;
  277.  border-bottom: 5px solid; border-color: {color:question};
  278.  margin-bottom:0px;
  279.  text-align:left}
  280.      
  281.     h2{
  282. color:{color:title};
  283.  font-family:{font:body};
  284.  font-size:15px;
  285. line-height:12px;
  286.  letter-spacing:0px;
  287. font-weight:normal;
  288. text-transform:;
  289.  margin:0px;
  290.  padding:0px;
  291.  margin-bottom:-0px;
  292.  text-align:left}
  293.      
  294.     h3{
  295. color: {color:link};
  296. font-family:{font:body};
  297. font-size:15px;
  298. letter-spacing:0px;
  299.  font-weight:normal;
  300. font-style:normal;
  301.  text-transform:lowercase;
  302. line-height:14px;
  303. margin-left:5px;
  304.  margin-top:10px;
  305. margin-bottom:-10px;
  306. text-align:left;
  307.  letter-spacing:1px}
  308.      
  309.      #navigation {
  310. height:auto;
  311. margin-left:90px;
  312. margin-top:110px;
  313. padding:30px;
  314. position:fixed;
  315. }
  316.  
  317. #pagination {
  318.  font-family: {font:links};
  319.  letter-spacing: 10px;
  320.  padding: 7px;
  321.  text-align: center;
  322.  }
  323.    
  324.      
  325.     #source {text-align: left}
  326.      
  327.     #info{
  328. font-family:{font:body};
  329.  background-color:{color:info};
  330. font-size:9px;
  331.  text-transform:l;
  332.  text-align:center;
  333.  padding: 4px;}
  334.      
  335.     .asker {width: 490px; background-color: {color:question}; padding: 5px; font-size: 11px; font-weight: normal; color:#777777; text-transform: normal; line-height: 11px;}
  336. .asker img{float: left; padding: 0px 5px 0px 0px}
  337. .asker a{font-size: 11px; font-weight: bold; color:{color:link}; text-transform: normal; line-height: 11px; padding: 0; margin: 0}
  338. .asker a:hover{font-size: 11px; font-weight: bold; color:{color:lhover}; background-color: transparent; text-transform: normal; line-height:11px; padding: 0; margin: 0;}
  339.  
  340. .question {font-size: 10px; font-weight: normal; color:{color:text}; text-transform: none;}
  341. .answer {padding-left: 4px; padding-right: 4px; padding-top: 4px;}
  342. .answer img {max-width: 470px;}
  343.  
  344.     blockquote {
  345. border-left:2px {color:body} solid;
  346.  padding-left:5px;
  347. margin:0px 2px 0px 10px}
  348.    
  349.      
  350.     p{margin-top:4px; margin-bottom:4px}
  351.     blockquote {
  352.    padding:0px;
  353.    padding-left:5px;
  354.   margin:4px;
  355.   border-left:2px solid {color:text};}
  356.  
  357.   #portrait {position: fixed; -moz-border-radius: 500px; weight: 96px; height: 96px;
  358.  -webkit-border-radius: 500px; border: 5px solid; border-color: {color:border};
  359. display: block; margin-left: 1125px; top: 185px; z-index: 100;  }
  360.      
  361.     img a{border:none; width:100%}
  362.     .audio{background-color:black; display:block;}
  363.      
  364.     .user_1 .label {color:{color:link}; font-weight:bold}
  365.     .user_2 .label {color:{color:text}; font-weight:bold}
  366.     ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  367.      
  368. #notes {font-weight:normal}
  369. #notes li {padding-bottom:0.5em}
  370. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:8px}
  371.  
  372. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px;}
  373. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important;}
  374. ::-webkit-scrollbar {background-color:{color:border}; height:10px; width:10px;}
  375. ::-moz-selection {background-color:transparent; color:{color:Link};}
  376. ::selection {background-color:transparent; color:{color:link};}
  377.  
  378. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  379.             </style>
  380.         <style type="text/css">{CustomCSS}</style>
  381.     </head>
  382.      
  383.     <body>
  384.  
  385.  
  386.    <br>
  387.    
  388.         <div id="portrait"><img src="{PortraitURL-96}" style="-moz-border-radius: 65px; border-radius: 65px"><br>
  389.         </div>
  390.  
  391.    
  392.      <div id"navigation"><div id="navi">
  393.  
  394. <div class="circle1">
  395. {block:ifLink1}<a href="{text:Link1}"><br><br>{text:Link1 Title}</a>{/block:ifLink1}</div>
  396. <div class="circle2">
  397. {block:ifLink2}<a href="{text:Link2}"><br><br>{text:Link2 Title}</a>{/block:ifLink2}</div><br>
  398. <div class="circle2">
  399. {block:ifLink3}<a href="{text:Link3}"><br><br>{text:Link3 Title}</a>{/block:ifLink3}</div>
  400. <div class="circle1">
  401. {block:ifLink4}<a href="{text:Link4}"><br><br>{text:Link4 Title}</a>{/block:ifLink4}</div>
  402. </div>
  403.     </div></div>  
  404.    
  405.    
  406.     <div id="sbar"><div id="sidebar">
  407.      
  408.     <div id="simg"><div class="sideimgtext"><center><br><br><br><br><br><br><br><br><br><br><br><font face="georgia"><font size="2"><i><a href="{text:askbox}">{text:askbox Title}</a> • <a href="/archive">{text:archive Title}</a> • <a href="http://itshazza.tumblr.com/tagged/themes">©</a></i></font></font><br>{text:sideimgtext}</div></center><center><img src="{image:sidebar}"/></center></div>
  409.     <br>
  410.  
  411.    
  412.    
  413.     <center><div id="desc">{block:Description}{Description}{/block:Description}<br /></div></center>
  414.  
  415.    <div id="pag"><div class="pagination">{block:Pagination}<div id="pagination">
  416.             {block:PreviousPage}
  417.                 <a href="{PreviousPage}">«</a>
  418.             {/block:PreviousPage}
  419.  
  420.             {block:JumpPagination length="5"}
  421.                 {block:CurrentPage}
  422.                     <span class="current_page">{PageNumber}</span>
  423.                 {/block:CurrentPage}
  424.  
  425.                 {block:JumpPage}
  426.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  427.                 {/block:JumpPage}
  428.             {/block:JumpPagination}
  429.  
  430.             {block:NextPage}
  431.                 <a href="{NextPage}">»</a>
  432.             {/block:NextPage}
  433.         </div>{/block:Pagination}
  434.  
  435. </div>
  436.  
  437.     </div></div>
  438.    
  439.    
  440.      <div id="title1"> <center><div id="title"><a href="/">{title}</a></center></div></div>
  441.      
  442.      
  443.     <div id="entries">
  444.     {block:Posts}
  445.     <div id="posts">
  446.      
  447.     {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  448.     {block:Text}{Body}{/block:Text}
  449.      
  450.     {block:Quote}<h2>"{Quote}" — {Source}</h2>{/block:Quote}
  451.      
  452.     {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  453.     {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  454.      
  455.     {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  456.     {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  457.      
  458.     {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}
  459.      
  460.     {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  461.    
  462.     {block:Answer}
  463. <div class="asker"><div style="text-transform: uppercase"><img src="{AskerPortraitURL-24}"><b>{Asker}</b></div>
  464. <div class="questions">"{Question}"</div></div>
  465. <div class="answer">{Answer}</div>
  466. {/block:Answer}
  467.  
  468.    
  469.     {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  470.      
  471.     <div id="info">{block:Date} <a href="{Permalink}">{TimeAgo}</a> on {DayOfMonth} {ShortMonth}, {ShortYear}{/block:Date}{block:NoteCount} | <a href="{Permalink}">{NoteCount}  notes</a>{/block:NoteCount}
  472. {block:PostNotes}{PostNotes}{/block:PostNotes} {block:RebloggedFrom} { <a href="{ReblogRootURL}">{ReblogRootName}</a> }{/block:RebloggedFrom}
  473. {block:HasTags}<br>tagged: {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div>
  474.     <br>
  475.      
  476.     </body>
  477.     </html>