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

theme fifteen

By: weasleyfleur on Jul 4th, 2012  |  syntax: None  |  size: 10.74 KB  |  hits: 10,532  |  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 #015 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.  
  15. <head>
  16.  
  17.     <!-- DEFAULT VARIABLES -->
  18.    
  19.     <meta name="color:bg" content="#fffdfc" />
  20.     <meta name="color:sbar" content="#f8f5e6" />
  21.     <meta name="color:frame" content="#eeddcc"/>
  22.     <meta name="color:scroll" content="#E6D0BC" />
  23.     <meta name="color:questions" content="#f8f5e9" />
  24.     <meta name="color:border" content="#F3ECD8" />
  25.    
  26.     <meta name="color:highlight" content="#eeddcc"/>
  27.     <meta name="color:text" content="#D4CABE" />
  28.     <meta name="color:sidetext" content="#D4CABE" />
  29.     <meta name="color:sidelinks" content="#D4CABE" />
  30.     <meta name="color:link" content="#DFCBB7" />
  31.     <meta name="color:title" content="#D4CABE" />
  32.     <meta name="color:titlehover" content="#DFCBB7" />
  33.    
  34.     <meta name="color:questionsbg" content="#F8F5E9" />
  35.     <meta name="color:questions" content="#D4CABE" />
  36.     <meta name="color:questionslink" content="#DFCBB7" />
  37.  
  38.     <meta name="font:title" content="georgia" />
  39.     <meta name="font:body" content="georgia" />
  40.  
  41.     <meta name="image:sbar" content="" />
  42.    
  43.     <meta name="text:Link1" content="/" />
  44.     <meta name="text:Link1 Title" content="link 01" />
  45.     <meta name="text:Link2" content="/" />
  46.     <meta name="text:Link2 Title" content="link 02" />
  47.     <meta name="text:Link3" content="/" />
  48.     <meta name="text:Link3 Title" content="link 03" />
  49.  
  50.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  51.     <title>{Title}</title>
  52.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53.     <link rel="shortcut icon" href="{Favicon}" />
  54.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  55.     <style type="text/css">
  56.  
  57. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll}; height:30px;}
  58. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scroll}; height:10px!important;}
  59. ::-webkit-scrollbar {background-color:{color:bg}; height:6px; width:6px}
  60.  
  61. a:link ::-moz-selection {background-color:{color:highlight}; color:#ffffff}
  62. ::selection {background-color:{color:highlight}; color:#ffffff}
  63.  
  64. body {color:{color:text}; background-color:{color:bg}; background-attachment:fixed; font-family:{font:body}; font-size:9px; line-height:110%; text-align:justify}
  65.  
  66. a:link, a:active, a:visited{color:{color:link}; text-decoration:none}
  67. a:hover{color:{color:title}}
  68.  
  69. small{font-size:9px; line-height:110%}
  70. big {font-size:14px; line-height:110%}
  71. b, strong{color:{color:text}}
  72. i, em {color:{color:text}}
  73. p{margin-top:5px; margin-bottom:5px}
  74. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  75. blockquote img {max-width:300px}
  76. ul, li img {max-with:250px}
  77.  
  78. img a{border:none; width:100%}
  79.  
  80. h1{color:{color:text}; font-family:georgia; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; text-align:left}
  81.  
  82. h2{color:{color:text}; font-family:georgia; font-size:16px; line-height:16px; letter-spacing:-1px; font-weight:normal; text-transform:none; margin:0px; padding:0px; text-align:left}
  83.  
  84. /* ENTRIES */
  85.  
  86. #container {background-color:transparent; width: 800px;  text-align: center; margin: 0 auto -12px auto}
  87.  
  88. #entries {margin: 20px 0 -10px 260px; margin-right:20px; float:right; text-align: justify}
  89.  
  90. #entry {margin: 0px 0 0px 0; width: 500px; background-color:{color:bg}; text-align: justify; padding: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
  91.  
  92. #info2 {font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size:9px; text-align:left; padding: 5px;}
  93.  
  94. #source2 {text-align:left; display:block; margin:-3px -4px 2px -5px; padding:2px; font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; text-transform:lowercase; font-size:9px; opacity:0.8; letter-spacing:0px;}
  95.  
  96. #border {margin-top:6px; border-top: 2px solid {color:border}}
  97.  
  98. /* SIDEBAR */
  99.  
  100. #sidebar {top: 0px; margin-left:-500px; padding:0px; width: 210px; position:fixed; height:110%}
  101.  
  102. #description{background-color:{color:sbar}; border-left:500px solid {color:sbar}; border-right:4px solid {color:sbar}; padding:10px; float:left; width:210px; margin-top:0px; margin-bottom: 0px; text-align:center; height:110%}
  103.  
  104. #title {font-family: 'Oleo Script'; font-size:24px; margin-top:80px; margin-bottom:5px; text-transform:lowercase; text-align:center; color:{color:title}; letter-spacing:-1px; line-height:110%}
  105.  
  106. #title:hover {font-family: 'Oleo Script'; font-size:24px; margin-bottom:5px; text-transform:lowercase; text-align:center; color:{color:titlehover}; letter-spacing:-1px; line-height:110%}
  107.  
  108. #simg img{max-width:200px; border:5px solid {color:frame}; margin-left:0px; margin-bottom:0px}
  109.  
  110. #stext {margin-top:2px; color:{color:sidetext}; font-family:calibri; font-size:10px}
  111. #stext a {margin-top:2px; color:{color:sidelinks}}
  112.  
  113. #pagination {text-transform:uppercase; letter-spacing:4px; font-size:12px; font-family:calibri; margin-top:14px}
  114.  
  115. /* Q&A POSTS */
  116.  
  117. #questions {background-color: {color:questionsbg}; color: {color:questions}; padding:7px; margin-top: 1px; margin-bottom:5px; font-family:georgia; font-size:10px; text-transform:lowercase; text-align:center}
  118. #questions a {color:{color:questionslink}}
  119.  
  120. /* AUDIO POSTS */
  121.  
  122. #audiostats {display:block; height:auto; position:relative; min-height:80px;}
  123.  
  124. .audioentry {width:490px; background-color:{color: audio}; position:relative;  padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:80px;}
  125.  
  126. .audio {top: 15px; left: 15px; -webkit-border-radius: 50px; -moz-border-radius: 50px; position: absolute; z-index: 3; background: white; opacity: .7; filter:alpha(opacity=70)}
  127.  
  128. .audioplayer {width: 20px; height: 30px; overflow: hidden; margin: 17px 24px 13px 16px;}
  129.  
  130. /* CHAT POSTS */
  131.  
  132. .user_1 .label, .user_3 .label, .user_5 .label, .user_7 .label, .user_9 .label, .user_11 .label, .user_13 .label  {color:{color:link}; font-weight:bold}
  133. .user_2 .label, .user_4 .label, .user_6 .label, .user_8 .label, .user_10 .label, .user_12 .label, .user_14 .label {color:{color:text}; font-weight:bold}
  134. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px; font-family:calibri; font-size:11px; line-height:12px}
  135.  
  136. /* POST NOTES */
  137.  
  138. .notes img{width:10px; position:relative; top:1px}
  139. ol.notes, .notes li{width:490px; line-height:110%; list-style:none; margin:-3px 0 4px 4px; padding:0px}
  140.  
  141. /* theme credit; please leave in tact */
  142.  
  143. .credit a{bottom:9px; right:7px; opacity:.8; position:fixed; color:{color:text}; font-size:25px}
  144. .credit a:hover{background-color:{color:background}}
  145.  
  146.         </style>
  147.     <style type="text/css">{CustomCSS}</style>
  148. </head>
  149.  
  150. <body>
  151.  
  152. <div id="container">
  153.  
  154. <div id="sidebar">
  155. <div id="description">
  156.  
  157. <div id="title"><link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'><a href="/">{Title}</a></div>
  158.  
  159. <div align="center" id="simg"><img src="{image:sbar}" /></div><br />
  160.  
  161. <div id="stext">
  162. <span style="font-size:11px; font-family:calibri"><a href="/ask">askbox</a> / <a href="/archive">rewind</a>{block:ifLink1} / <a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}{block:ifLink2} / <a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}{block:ifLink3} / <a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}</span><br><br>
  163.  
  164. {Description}</div>
  165.  
  166. {block:Pagination}<div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>{/block:Pagination}
  167.  
  168. </div>
  169.  
  170. </div>
  171.  
  172. <div id="entries">
  173.  
  174. {block:Posts}
  175. <div id="entry">
  176.  
  177. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  178.  
  179. {block:Quote}<h2>“{Quote}”</h2>{block:Source}<br><div align="right" style="font-size:10px">— {Source}</div>{/block:Source}{/block:Quote}
  180.  
  181. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  182. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  183.  
  184. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  185. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  186.  
  187. {block:Photoset}<center>{Photoset-500}</center>
  188. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  189.  
  190. {block:Chat}<div style="font-family:calibri; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin-bottom:3px; padding:0px; text-align:left">{Title}</div><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}
  191.  
  192. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  193.  
  194. {block:Answer}<div id="questions"><b>{asker} asked:</b> {Question}<br /></div>
  195. {Answer}{/block:answer}
  196.  
  197. {block:Audio}
  198. <div id="audiostats">
  199. <div class="audioentry">
  200.  
  201. <img src="http://static.tumblr.com/2lqtwbf/coolyqooj/untitled-1.png" alt="default album art" width="80" height="80" style="position:absolute; vertical-align:middle;" />
  202.  
  203. {block:AlbumArt}<img width="80" height="80" src="{AlbumArtURL}" style="position:absolute;" />{/block:AlbumArt}
  204.  
  205. <div class="audio"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  206.  
  207. <div style="margin-left:90px; line-height:12px">{block:TrackName}<b>Song:</b> {TrackName}<br>{/block:TrackName}
  208. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  209. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  210. {FormattedPlayCount} plays{block:Caption}{Caption}{/block:Caption}</div>
  211. </div>{/block:Audio}
  212.  
  213. <div id="border"></div>
  214. <div id="info2">
  215. <div id="source2">{block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} + <a href="{ReblogParentURL}">via</a>/{block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom}<br>{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div><br />
  216.    
  217. {/block:Posts}
  218. {block:PostNotes}{PostNotes}{/block:PostNotes}<br>
  219.  
  220. </div>
  221.  
  222. <div class="credit"><a href="http://drunkwerewolves.tumblr.com/tagged/themes">❖</a></div>
  223.  
  224. </body>
  225. </html>
create a new version of this paste RAW Paste Data