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

THEME 003

By: rawrdianna on Nov 30th, 2011  |  syntax: None  |  size: 9.30 KB  |  hits: 5,344  |  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.  
  3. <!--     theme 003 by rawrdianna
  4.          DON'T REMOVE THE CREDIT     -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. </head>
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11.  
  12. <meta name="color:Background" content="#141010" />
  13. <meta name="color:Text" content="#C0AEA0" />
  14. <meta name="color:Link" content="#F8F5E1" />
  15. <meta name="color:LinkHover" content="#C0AEA0" />
  16. <meta name="color:entry" content="#1F1919" />
  17. <meta name="color:info" content="#0F0B0B" />
  18. <meta name="color:textinfo" content="#F8F5E1" />
  19. <meta name="color:description" content="#C0AEA0" />
  20. <meta name="color:Sidebar Background" content="#1F1919" />
  21. <meta name="color:Navigation Link" content="#F8F5E1" />
  22. <meta name="color:Navigation Background" content="#0F0B0B" />
  23.  
  24. <meta name="font:Body" content="Georgia" />
  25. <meta name="font:Title" content="Georgia" />
  26.  
  27. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  28. <meta name="image:sidebar" content=""/>
  29.  
  30. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  31.     <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  32.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33.     <link rel="shortcut icon" href="{Favicon}" />
  34.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  35.    
  36. <style type="text/css">
  37.  
  38. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:{font:body}; font-size:10px; line-height:110%; text-align:justify}
  39.  
  40. a:link, a:active, a:visited{color: {color:link}; text-decoration:none; -webkit-transition: color 0.6s linear;}
  41. a:hover{color:{color:linkhover}}
  42.  
  43. #sbar {width:250px; position:fixed; margin-left:630px; height: auto; top:70px; background-color:{color:Sidebar Background}; background-position: bottom-left; background-repeat: no-repeat; background-attachment:fixed; padding: 4px; }
  44.  
  45. #sbarimg {margin-left: 0px; max-width: 250px; padding-bottom: 5px; height: auto;}
  46. #sbarimg img {width: 250px;}
  47.  
  48. .pagination {width:242px; text-align:center; font:20px georgia; line-height:10px; display:block; padding: 8px; border-top: 1px dotted {color:text};margin-left: -4px; margin-top: 5px; background-color: {color:background}; margin-bottom: -5px;}
  49. .pagination a {text-decoration:none; color: {color:link};}
  50.  
  51. #nav { position:fixed; margin-left:888px; float: right; top:110px;}
  52. #nav a {width:90px; display:block; background-color:{color:Navigation Background}; margin:2px 0px 0px 0px; font:10px georgia; text-transform: lowercase; color:{color:Navigation Link}; text-align:left; padding:5px; letter-spacing:2px; -webkit-transition: color 0.6s linear;  font-style: italic; -webkit-transition: width 0.5s linear;}
  53. #nav a:hover {font-style: italic; width: 100px;}
  54.  
  55. #entries {margin-left: 120px; float:left; text-align: justify}
  56.  
  57. #entry {margin: 8px 0 -5px 0; width: 500px; background-color:{color:entry}; text-align: justify; padding: 3px;  border-bottom: 1px dotted {color:text};}
  58.  
  59. #entry:hover .tags {display: block; opacity:1;}
  60.  
  61. #title {width: 242px; font-size: 18px; line-height: 20px; text-align: center; margin-left: -4px; font-style: italic; margin-bottom: 0px; background-color: {color:background}; padding: 4px 8px 0px 8px; margin-bottom: 5px; margin-top: -4px; }
  62. #title a {color: {color:link}; -webkit-transition: color 0.6s linear;}
  63. #title a:hover {color: {color:Navigation Background Hover};}
  64.  
  65. .description {width: 240px; margin-left: 5px; text-align: justify; margin-bottom: 0px;}
  66.  
  67. h1{font-size: 20px; letter-spacing: -1px; line-height: 20px; text-transform: uppercase; font-weight: normal; margin: 0 0 5px 0; border-bottom: 1px dotted {color:background}; text-align: center;}
  68. h1 a{color: {color:text}; text-decoration: none}
  69.  
  70. #source {text-align: right}
  71.  
  72. #info{font-family:georgia; font-size:10px; text-transform:lowercase; text-align:right; background-color: {color:background}; padding 4px; font-style: italic; position: absolute; margin-left: -110px; width: 100px; margin-top:-2px; }
  73. .notess {background-color: {color:entry}; padding: 3px; width: 50px; height: 30px; margin-left: 45px; text-align: center; -webkit-transition: background-color 0.6s linear;}
  74. .notess:hover{background-color: {color:background};}
  75. .notenumber {font: 14px georgia;}
  76. .notetext {font: 10px arial; text-transform: uppercase;}
  77. .tags{margin-top: 5px; opacity:0; -webkit-transition-duration: 0.4s;}
  78.  
  79. #info2 {text-align: right; color: {color:textinfo}; background-color: {color:info}; margin-top: 5px; width: 500px; padding: 3px 2px 0px 0px; padding: 3px;}
  80. #info2 a{color: {color:textinfo};}
  81. #info2 a:hover{color: {color:textinfo};}
  82.  
  83. .asker {width: 490px; background-color: {color:background}; padding: 5px; font-size: 11px; font-weight: bold; color:{color:link}; text-transform: uppercase; line-height: 11px;}
  84. .asker img{float: left; padding: 0px 5px 0px 0px}
  85. .asker a{font-size: 11px; font-weight: bold; color:{color:link}; text-transform: uppercase; line-height: 11px; padding: 0; margin: 0}
  86. .asker a:hover{font-size: 11px; font-weight: bold; color:{color:bglink}; background-color: transparent; text-transform: uppercase; line-height:11px; padding: 0; margin: 0;}
  87.  
  88. .question {font-size: 10px; font-weight: normal; color:{color:text}; text-transform: none;}
  89. .answer {padding-left: 4px; padding-right: 4px; padding-top: 4px;}
  90. .answer img {max-width: 470px;}
  91.  
  92. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  93.  
  94. b, strong{color:{color:text}}
  95. i, em {color:{color:text}}
  96. p{margin-top:5px; margin-bottom:5px}
  97. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  98.  
  99. img a{border:none; width:100%}
  100. .audio{background-color:white; display:block;}
  101.  
  102. .chat {line-height: 12px; list-style: none; line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  103. .person1 {background-color:{color:Background}; color: {color:text}; }
  104. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  105. .person2 {color: {color:text} }
  106. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  107.  
  108. notes {max-width: 500px; margin: 0px; margin-left: 0px; padding: 0px; text-align: left}
  109. ol.notes {list-style: none; margin: 0 20px 0 10px; padding: 0px}
  110. ol.notes li {margin: 0px; padding: 0px;}
  111.  
  112. .notes img{width:10px; position:relative; top:1px}
  113. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  114.  
  115. #tumblr_controls{position: fixed!important; right: 0px; bottom: 0px;}
  116.  
  117. </style>
  118. <style type="text/css">{CustomCSS}</style>
  119. </head>
  120. <body>
  121.  
  122. <div id="entries">
  123. {block:Posts}
  124.  
  125. <div id="entry">
  126.  
  127. <div id="info"><div class="notess"><div class="notenumber"><a href="{Permalink}">{NoteCount}</a></div><div class="notetext">notes</div>
  128. </div><div class="tags">
  129. {block:HasTags}{block:Tags}#<a href="/tagged/{tag}">{Tag}</a><br>{/block:Tags}{/block:HasTags}</div></div>
  130.  
  131. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  132. {block:Text}{Body}{/block:Text}
  133.  
  134. {block:Quote}<h1>"{Quote}" — {Source}</h1>{/block:Quote}
  135.  
  136. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  137. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  138.  
  139. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  140. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  141.  
  142. {block:Chat}
  143. <div class="chat">
  144. {block:Lines}
  145. <li class="person{UserNumber}">{block:Label}
  146. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  147. </div>
  148. {/block:Chat}
  149.  
  150. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  151.  
  152. {block:Audio}<span class="audio"><center>{AudioPlayerWhite}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  153.  
  154. {block:Answer}
  155. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}<div class="question">{Question}</div></div>
  156. <div class="answer"><blockquote>{Answer}</blockquote></div>
  157. {/block:Answer}
  158.  
  159.  
  160. </div><div id="info2">{block:date}<a href="{Permalink}">posted {TimeAgo}, on {shortmonth}/{dayofmonthwithzero}/{year}{/block:date}</a>
  161. <br>{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>, {/block:RebloggedFrom}{block:ContentSource}originally from <a href="{SourceUrl}">{SourceTitle}</a>{/block:ContentSource}
  162. </div>
  163. {/block:Posts}
  164. <BR>
  165. {block:PostNotes}{PostNotes}{/block:PostNotes}
  166. </div>
  167.  
  168. <div id="nav">
  169. <a href="/">home</a>
  170. <a href="/ask">askbox</a>
  171. <a href="/archive">archive</a>
  172. <a href="http://rawrdianna.tumblr.com/">&copy theme</a>
  173. </div>
  174.  
  175.  
  176. <div id=sbar>
  177. <div id="title"><p><a href="/" alt="{Title}">{Title}</a></p></div>
  178. <div id="sbarimg"><img src="{image:sidebar}"/></div>
  179. {block:Description}<div class="description">{Description}</div>{/block:Description}
  180. <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</div></div>
  181.  
  182. </body>
  183. </html>