Advertisement
weasleyfleur

Theme #08 | Original

Dec 28th, 2011
46,748
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.16 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. <!-- theme #008 by @drunkwerewolves
  4. http://drunkwerewolves.tumblr.com/
  5. (aka i change my url too often) -->
  6.  
  7. <!-- RULES & GUIDELINES -->
  8.  
  9. <!-- Feel free to edit the the theme to your liking, but please leave
  10. all credits intact and as is. These themes are not bases; don't treat
  11. them as such. Be inspired, but don't steal. -->
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16. <!-- DEFAULT VARIABLES -->
  17. <meta name="color:background" content="#060606" />
  18. <meta name="color:sbar" content="#0C0C0C" />
  19. <meta name="color:border" content="#222222" />
  20. <meta name="color:entry" content="#0C0C0C" />
  21. <meta name="color:sidelinkshover" content="#0A0A0A" />
  22.  
  23. <meta name="color:scrollbg" content="#0C0C0C" />
  24. <meta name="color:scrollbar" content="#242323" />
  25.  
  26. <meta name="color:title" content="#8B847D" />
  27. <meta name="color:text" content="#8B847D" />
  28. <meta name="color:link" content="#6B5B56" />
  29.  
  30. <meta name="font:title" content="arial" />
  31. <meta name="font:body" content="arial" />
  32.  
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="image:background" content="" />
  35.  
  36. <meta name="text:Link1" content="" />
  37. <meta name="text:Link1 Title" content="" />
  38. <meta name="text:Link2" content="" />
  39. <meta name="text:Link2 Title" content="" />
  40. <meta name="text:Link3" content="" />
  41. <meta name="text:Link3 Title" content="" />
  42. <meta name="text:Link4" content="" />
  43. <meta name="text:Link4 Title" content="" />
  44. <meta name="text:Link5" content="" />
  45. <meta name="text:Link5 Title" content="" />
  46. <meta name="text:Link6" content="" />
  47. <meta name="text:Link6 Title" content="" />
  48.  
  49. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  50. <title>{Title}</title>
  51. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  52. <link rel="shortcut icon" href="{Favicon}" />
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  54. <style type="text/css">
  55.  
  56. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg}}
  57.  
  58. ::-webkit-scrollbar-corner {background:{color:scrollbg}}
  59.  
  60. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
  61.  
  62. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:scrollbar}}
  63.  
  64. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:scrollbg}; border-bottom: 1px solid {color:scrollbg}}
  65.  
  66. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:scrollbg}}
  67.  
  68. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:scrollbg}; border-bottom: 0pt solid {color:scrollbg}}
  69.  
  70. ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
  71.  
  72. ::-webkit-scrollbar-track-piece {background: {color:scrollbg}; border-top: 1pt solid {color:scrollbg}; border-bottom: 1pt solid {color:scrollbg}; width:4pt;}
  73.  
  74. 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}
  75.  
  76. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  77. a:hover{color:{color:title}}
  78.  
  79. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  80.  
  81. small{font-size:10px}
  82. b, strong{color:{color:title}}
  83. i, em {color:{color:text}}
  84. p{margin-top:5px; margin-bottom:5px}
  85. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  86.  
  87. img a{border:none; width:100%}
  88.  
  89. #container {background-color:transparent; width: 800px; text-align: center; margin: 0 auto -10px auto}
  90.  
  91. #entries {margin: 10px 0 -10px 260px; margin-right:60px; float:right; text-align: justify}
  92.  
  93. #entry {margin: 0px 0 -5px 0; width: 500px; background-color:{color:entry}; text-align: justify; padding: 4px}
  94.  
  95. #sidebar {top: 30px; margin-left: -35px; padding:0px; width: 250px; position:fixed}
  96.  
  97. #description{background-color:{color:sbar}; padding:3px; float:left; width:250px; margin-top:-20px; margin-bottom:25px; text-align:center; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px}
  98.  
  99. #description img{max-width:250px}
  100.  
  101. #stext {text-align:justify; font-family:georgia; font-size:10px; margin-top:3px}
  102.  
  103. #pagination {font-family:georgia; text-align:center; font-size:10px}
  104.  
  105. nav {float:left; position:fixed; text-align:right}
  106. nav a {margin: 54px 0 -63px 760px; width:120px; display:block; background-color:{color:sbar}; font:9px georgia italic; text-transform: lowercase; color:{color:sidebar text}; text-decoration: none; letter-spacing: 1px; padding:3px; border-right:2px solid {color:border}}
  107. nav a:hover {background-color:{color:sidelinkshover}}
  108.  
  109. h1{color:{color:title}; font-family:{font:title}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:lowercase; margin:0px; padding:0px; text-align:left}
  110.  
  111. h2{color:{color:title}; font-family:{font:title}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; text-align:left}
  112.  
  113. #source {text-align: left}
  114.  
  115. #info{font-family:georgia; font-size:10px; text-transform:lowercase; text-align:center; font-style:italic}
  116.  
  117. #questions {background-color:{color:entry}; color: {color:text}; padding:2px; margin-top: 2px; margin-bottom:2px; font-family:georgia; font-size:10px; text-transform:lowercase; border-bottom:1px dotted {color:text}}
  118. #questions a {color:{color:link}}
  119.  
  120. .audio{background-color:black; display:block}
  121.  
  122. .user_1 .label {color:{color:link}; font-weight:bold}
  123. .user_2 .label {color:{color:text}; font-weight:bold}
  124. .user_3 .label {color:{color:link}; font-weight:bold}
  125. .user_4 .label {color:{color:text}; font-weight:bold}
  126. .user_5 .label {color:{color:link}; font-weight:bold}
  127. .user_6 .label {color:{color:text}; font-weight:bold}
  128. .user_7 .label {color:{color:link}; font-weight:bold}
  129. .user_8 .label {color:{color:text}; font-weight:bold}
  130. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  131.  
  132. .notes img{width:10px; position:relative; top:1px}
  133. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  134.  
  135. </style>
  136. <style type="text/css">{CustomCSS}</style>
  137. </head>
  138.  
  139. <body>
  140. <div id="container">
  141.  
  142. <div id="entries">
  143.  
  144. {block:Posts}
  145. <div id="entry">
  146.  
  147. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  148. {block:Text}{Body}{/block:Text}
  149.  
  150. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  151.  
  152. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  153. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  154.  
  155. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  156. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  157.  
  158. {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}
  159.  
  160. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  161.  
  162. {block:Answer}<div id="questions"><em>{asker}</em> asked: {Question}<br /></div>
  163. {Answer}{/block:answer}
  164.  
  165. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  166.  
  167. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a> ·{/block:Date} {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} (© <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}<br />{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div><br>
  168. {/block:Posts}
  169.  
  170. {block:PostNotes}{PostNotes}{/block:PostNotes}
  171.  
  172. </div>
  173.  
  174. <nav>
  175. <a href="/">refresh</a><br />
  176. <a href="/ask">askbox</a><br />
  177. <a href="/archive">archive</a><br />
  178. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a><br />{/block:ifLink1}
  179. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a><br />{/block:ifLink2}
  180. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a><br />{/block:ifLink3}
  181. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a><br />{/block:ifLink4}
  182. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a><br />{/block:ifLink5}
  183. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a><br />{/block:ifLink6}
  184. <a href="http://drunkwerewolves.tumblr.com/tagged/themes">theme</a></nav>
  185.  
  186. <div id="sidebar">
  187. <div id="description">
  188. <a href="/"><img src="{image:sidebar}"></a><br />
  189. <div id="stext">{Description}</div><br />
  190.  
  191. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
  192.  
  193. </div>
  194.  
  195. </div>
  196.  
  197. </div>
  198.  
  199. </body>
  200. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement