API tools faq
paste
Advertisement
hxcfairy

THEME #03 - WOLFSBANE BY DONTBEASOURWOLF (heavily edited)

hxcfairy
Jun 15th, 2012
73
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!----------------------------------------------------------------------
  6. THEME #03 - WOLFSBANE BY DONTBEASOURWOLF - PLEASE DO NOT COPY
  7. http://dontbeasourwolf.tumblr.com/
  8.  
  9. This work is licensed under a Creative Commons -NonCommercial- Lincense.
  10. http://creativecommons.org/licenses/by-nc/3.0/
  11.  
  12. Please leave the credit intact. Do not steal or redistribute this theme.
  13. ----------------------------------------------------------------------->
  14.  
  15. <head>
  16. <meta name="color:background" content="#363333" />
  17. <meta name="color:text" content="#827d76" />
  18. <meta name="color:entries" content="#413e3d" />
  19. <meta name="color:links" content="#cccccc"/>
  20. <meta name="color:links hover" content="#aeaba8"/>
  21. <meta name="color:nav" content="#302d2c"/>
  22. <meta name="color:nav hover" content="#292625"/>
  23. <meta name="color:info" content="#413e3d"/>
  24. <meta name="color:info links" content="#a09d99"/>
  25. <meta name="color:info links hover" content="#aeaba8"/>
  26. <meta name="color:title line" content="#736e67"/>
  27. <meta name="color:tags link" content="#736e67"/>
  28. <meta name="font:title" content="trebuchet ms"/>
  29. <meta name="image:Sidebar" content=""/>
  30. <meta name="image:Background" content=""/>
  31. <meta name="if:Show Userpic" content="1">
  32. <meta name="if:Show Search" content="1"/>
  33. <meta name="text:Navigation Link1" content="" />
  34. <meta name="text:Navigation Link1 Title" content="" />
  35. <meta name="text:Navigation Link2" content="" />
  36. <meta name="text:Navigation Link2 Title" content="" />
  37. <meta name="text:Navigation Link3" content="" />
  38. <meta name="text:Navigation Link3 Title" content="" />
  39. <meta name="text:Navigation Link4" content="" />
  40. <meta name="text:Navigation Link4 Title" content="" />
  41. <meta name="text:Navigation Link5" content="" />
  42. <meta name="text:Navigation Link5 Title" content="" />
  43. <meta name="text:Navigation Link6" content="" />
  44. <meta name="text:Navigation Link6 Title" content="" />
  45. <meta name="text:Navigation Link7" content="" />
  46. <meta name="text:Navigation Link7 Title" content="" />
  47.  
  48.  
  49. <html>
  50. <head>
  51.  
  52. <title>{Title}</title>
  53. <link rel="shortcut icon" href="{Favicon}">
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  55. {block:Description}
  56. <meta name="description" content="{MetaDescription}" />
  57. {/block:Description}
  58. </head>
  59.  
  60. <style type="text/css">
  61.  
  62. body {font-family: tahoma, sans-serif; font-size: 10px; line-height: 105%; margin: 0 0 30px 0; color:{color:text}; background-color: {color:background}; background-image: url('{image:Background}'); background-attachment:fixed; background-repeat:repeat;}
  63.  
  64. a {color:{color:links}; text-decoration: none; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.8s;}
  65. a:hover {color:{color:links hover}; text-decoration:none;}
  66. a img {border:0;}
  67.  
  68. blockquote {border-left: 3px solid {color:text}; padding-left: 4px; margin-left:10px;}
  69.  
  70. #container {width: 970px; margin-right: auto; margin-left: 0px; background-color: {color:background};}
  71.  
  72. #menu {width:110px; height:110%; padding: 4px; position:fixed; overflow:hidden; background-color:{color:entries};}
  73.  
  74. #entry {float: right; width: 512px; margin-left: 418px; position: absolute; margin-top: 20px;}
  75.  
  76. #sidecontent {width: 265px; margin-left: 131px; position: fixed; float: left}
  77. #sidebar {text-align: justify; width: 269px; margin-top: 12px; padding: 5px 5px 4px 5px; background-color: !important transparent;}
  78.  
  79.  
  80. .title {
  81. line-height: 25px;
  82. font-family: georgia;
  83. letter-spacing: -3px;
  84. font-size: 35px;
  85. font-style: italic;
  86. color: {color:sidebar};
  87. }
  88.  
  89. .subtitle {
  90. font-family: calibri;
  91. text-transform: uppercase;
  92. font-size: 10px;
  93. letter-spacing: 2px;
  94. color: {color:text};
  95. margin-bottom:6px;
  96. }
  97.  
  98.  
  99. .thenav {width:100px; text-align:center; margin-top:55px; margin-bottom: 2px; margin-left:4px;}
  100.  
  101. #nav {width:85px; height:auto; padding:5px; margin:3px; color:{color:text}; background-color:{color:nav}; display:block; font-size:8px; letter-spacing:1px; text-align:center; text-transform: uppercase; font-weight: bold; font-family:tahoma, sans-serif}
  102. #nav a, a:visited {color:{color:text};}
  103. #nav:hover {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; background-color:{color:nav hover};}
  104.  
  105. #userpic {text-align:center; display: block;}
  106. #userpic img {border:15px solid {color:nav};}
  107.  
  108. .content {padding: 5px; color: text-align: justify; background: {color:entries};}
  109. .content a {text-decoration:none; color: {color:links};}
  110. .content a:visited {text-decoration:none; color: {color:links};}
  111. .content a:hover {color: {color:links hover};}
  112.  
  113. .sideimage {padding-bottom: 3px; margin-left:-3px;}
  114. .sideimage img {width: 260px; height: auto; border: 6px solid {color:entries};}
  115.  
  116. #about {
  117. top: 122px;
  118. position: fixed;
  119. z-index: 8;
  120. float:right;
  121. width:240px;
  122. height: auto;
  123. max-height:300px;
  124. margin-left:0x;
  125. font-size: 10px;
  126. color: {color:text};
  127. background: {color:info};
  128. letter-spacing: 1px;
  129. padding: 15px;
  130. filter:alpha(opacity=20);
  131. -moz-opacity:0.2;
  132. -khtml-opacity: 0.2;
  133. opacity: 0.2;
  134. text-align:justify;
  135. }
  136. #about:hover {
  137. filter:alpha(opacity=90);
  138. -moz-opacity:0.9;
  139. -khtml-opacity: 0.9;
  140. opacity: 0.9;
  141. -webkit-transition: all 0.9s ease-in-out;
  142. -moz-transition: all 0.9s ease-in-out;
  143. -o-transition: all 0.9s ease-in-out;
  144. transition: all 0.9s ease-in-out;
  145. }
  146.  
  147.  
  148. .search {background-color: {color:entries}; color: {color:text}; margin-top: 8px; padding: 2px; width: 200px; font-size: 10px}
  149. .searchb {background-color: {color:entries}; color: {color:text};padding: 1px 7px 2px 7px; width: 53px; font-size: 11px}
  150.  
  151. h1 {font-size: 16px; text-transform: none; font-weight: normal; line-height: 103%; font-family: tahoma, sans-serif; color:{color:links};}
  152.  
  153. .image {border: 0px; text-align: center;}
  154. .image a {border: 0px; text-align: center;}
  155.  
  156. .info {width: 504px; height:10px; padding: 4px; font-size: 10px; text-align: left; margin-bottom:1px; text-transform: lowercase; opacity: 0.7; background-color: {color:info}; border-top: 1px solid {color:background};}
  157. .info a {color: {color:info links}; text-decoration: none;}
  158. .info a:visited {text-decoration: none; color: {color:info links};}
  159. .info a:hover{color: {color:info links hover}; text-decoration: none;}
  160.  
  161. .tags{text-align:right; padding:3px 2px 3px 10px; opacity:0.7; text-transform:lowercase; font-size: 10px; background-color:transparent;}
  162. .tags a, a:visited {color: {color:tags link}; text-decoration: none;}
  163. .tags a:hover {color: {color:info links hover};}
  164.  
  165. .pages {margin-top: 10px; margin-bottom: 10px; text-align: center; line-height: 20px}
  166. .pages a {text-decoration: none; background-color:{color:info};
  167. padding: 2px 4px 2px 4px; color: {color:text}}
  168. .pages a:hover {background-color: {color:nav hover};
  169. color:{color: text}}
  170.  
  171. #quote {font-size: 16px; font-style: italic; font-family: {font:title}; font-weight: normal; line-height: 103%; padding-top: 6px; color: {color:text};}
  172. #source {text-align: right; font-size: 10px; margin-top: 8px;}
  173.  
  174. .chat {line-height: 12px; list-style: none }
  175. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  176. .person1 {background-color: {color:background};}
  177. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color: {color:text};}
  178. .person2 {background-color: {color:entries};}
  179. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color: {color:text};}
  180.  
  181. #audio {padding: 2px;}
  182. .audion {text-align: left; font-size: 10px; margin-top: 10px; color: {color:text};}
  183.  
  184. .cap {width: 490px;}
  185. .sources{display: none;}
  186.  
  187. .asks {text-align: left; margin: 2px; padding: 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: {color:background};}
  188. .asksq {margin: 3px;}
  189.  
  190. .credit {font-family: tahoma, sans-serif; text-align: center; font-size: 8px; text-transform: uppercase; opacity: 0.7; position:fixed;
  191. bottom:0px; padding:6px; margin-left:4px;}
  192. .credit a{color:{color:links}; opacity: 0.7}
  193. .credit a:hover{ color:{color:links hover}; opacity: 0.7}
  194.  
  195. #notes {font-family: tahoma, sans-serif; background-color:{color:entries}; width:510px; margin-bottom:15px;}
  196. #notess{width:500px; background-color:{color:entries}; padding:8px;}
  197.  
  198. ol.notes {list-style: none; padding:2px;}
  199.  
  200. #clear{width:300px;height:4px; clear:both; background-color: transparent;}
  201.  
  202. #audio {
  203. margin-bottom:5px;
  204. width:500px;
  205. height:105px;
  206. }
  207.  
  208. .albumart {
  209. width:100px;
  210. height:100px;
  211. position:absolute;
  212. }
  213.  
  214. .albumart img {
  215. width:100px;
  216. height:100px;
  217. float:left;
  218. }
  219.  
  220. .playercontainer {
  221. opacity: .2;
  222. display:block;
  223. width:100px;
  224. height:100px;
  225. background-color:#ffffff;
  226. position:absolute;
  227. z-index:3;
  228. }
  229.  
  230. .playercontainer:hover {
  231. opacity:.7;
  232. -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  233. }
  234.  
  235. .player {
  236. margin-left:36px;
  237. margin-top:36px;
  238. width:25px;
  239. height:25px;
  240. overflow:hidden;
  241. background-color:white;
  242. }
  243.  
  244. .audioinfo {
  245. margin-left:110px;
  246. float:left;
  247. background-color:{color:Info Background};
  248. width:388px;
  249. padding:2px;
  250. margin-top:3px;
  251. }
  252.  
  253. {CustomCSS}
  254.  
  255. </style>
  256. </head>
  257.  
  258. <body>
  259. <div id="container">
  260.  
  261. <div id="menu">
  262.  
  263. <div class="thenav">
  264.  
  265. {block:IfShowUserpic}<div id="userpic"><a href="/"><img src="{PortraitURL-64}"></a></div>{/block:IfShowUserpic}
  266.  
  267. <div id="nav"><a href="/askme">Message</a></div>
  268. {block:ifNavigationLink1}<div id="nav"><a href="{text:Navigation Link1}">{text:Navigation Link1 Title}</a></div> {/block:ifNavigationLink1}
  269.  
  270. {block:ifNavigationLink2}<div id="nav"><a href="{text:Navigation Link2}">{text:Navigation Link2 Title}</a></div> {/block:ifNavigationLink2}
  271.  
  272. {block:ifNavigationLink3}<div id="nav"><a href="{text:Navigation Link3}">{text:Navigation Link3 Title}</a></div> {/block:ifNavigationLink3}
  273.  
  274. {block:ifNavigationLink4}<div id="nav"><a href="{text:Navigation Link4}">{text:Navigation Link4 Title}</a></div> {/block:ifNavigationLink4}
  275.  
  276. {block:ifNavigationLink5}<div id="nav"><a href="{text:Navigation Link5}">{text:Navigation Link5 Title}</a></div> {/block:ifNavigationLink5}
  277.  
  278. {block:ifNavigationLink6}<div id="nav"><a href="{text:Navigation Link6}">{text:Navigation Link6 Title}</a></div> {/block:ifNavigationLink6}
  279.  
  280. {block:ifNavigationLink7}<div id="nav"><a href="{text:Navigation Link7}">{text:Navigation Link7 Title}</a></div> {/block:ifNavigationLink7}
  281.  
  282. </div>
  283.  
  284. <div class="credit"><a href="http://dontbeasourwolf.tumblr.com/">&copy dontbeasourwolf</a></div>
  285. </div>
  286.  
  287. <div id="sidecontent">
  288. <div id="sidebar">
  289.  
  290. <div class="title"><a href="/">I’m a God.</a>&nbsp;</div><div class="subtitle">Recalibrate your statistics;&nbsp;</div>
  291.  
  292. {block:IfSidebarImage}<div class="sideimage"><a href="/"><script language="JavaScript">
  293. <!--
  294.  
  295. /*
  296. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  297. Over 400+ free JavaScripts here!
  298. Keep this notice intact please
  299. */
  300.  
  301. function random_imglink(){
  302. var myimages=new Array()
  303. //specify random images below. You can have as many as you wish
  304. myimages[1]="http://i47.tinypic.com/mkcj79.jpg"
  305. myimages[2]="http://i48.tinypic.com/2r5s3f9.jpg"
  306. myimages[3]="http://i47.tinypic.com/1zltxsz.jpg"
  307. myimages[4]="http://i50.tinypic.com/2cie8nr.jpg"
  308.  
  309. var ry=Math.floor(Math.random()*myimages.length)
  310. if (ry==0)
  311. ry=1
  312. document.write('<img src="'+myimages[ry]+'" width=260px border=0>')
  313. }
  314. random_imglink()
  315. //-->
  316. </script></a></div>{/block:IfSidebarImage}
  317.  
  318. <div id="about">{block:Description}{Description}{/block:Description}</div>
  319.  
  320. {block:IfShowSearch}<form action="/search" method="get">
  321. <input type="text" name="q" value="{SearchQuery}"/ class="search">
  322. <input type="submit" value="search"/ class="searchb">
  323. </form>{/block:IfShowSearch}
  324.  
  325. {block:Pagination}<div class="pages">
  326. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  327. {block:JumpPagination length="6"}{block:CurrentPage}
  328. <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
  329. {/block:CurrentPage}
  330. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  331. {/block:JumpPagination}
  332. {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
  333. </div>{/block:Pagination}
  334.  
  335. </div>
  336. </div>
  337.  
  338. <div id="entry">
  339.  
  340. {block:Posts}
  341. <div class="content">
  342.  
  343. {block:Text}
  344. {block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}
  345. {Body}{/block:Text}
  346.  
  347. {block:Answer}
  348. <div class="asks">{Asker} &rarr; {Question}</div>
  349. <div class="asksq">{Answer}</div>
  350. {/block:Answer}
  351.  
  352. {block:Photo}
  353. {LinkOpenTag}<div class="image"><img alt="{PhotoAlt}" src="{PhotoURL-500}" border="0"></div>{LinkCloseTag}
  354. {/block:Photo}
  355.  
  356. {block:Photoset}
  357. <div class="image">{Photoset-500}</div>
  358. {/block:Photoset}
  359.  
  360. {block:Quote}
  361. <div id="quote">"{Quote}"</div>
  362. {block:Source}<div id="source">— {Source}{/block:Source}</div>
  363. {/block:Quote}
  364.  
  365. {block:Link}
  366. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  367. {/block:Link}
  368.  
  369. {block:Chat}
  370. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  371. <div class="chat"><ul>{block:Lines}
  372. <li class="person{UserNumber}">{block:Label}
  373. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  374. {/block:Chat}
  375.  
  376. {block:Audio}
  377. <div id="audio"><div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div></div>{block:TrackName}<div class="audioinfo"><b>Track Title:</b> {TrackName}</div><br>{/block:TrackName}{block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}{block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}{block:PlayCount}<div class="audioinfo"><b>Plays:</b> {PlayCount}</div>{/block:PlayCount}</div>{block:Caption}{Caption}{/block:Caption}
  378. {/block:Audio}
  379.  
  380. {block:Video}
  381. {Video-500}
  382. {/block:Video}
  383.  
  384. <div class="cap">
  385. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  386. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  387. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  388. </div>
  389.  
  390. <div class="sources">
  391. {block:ContentSource}
  392. <a href="{SourceURL}">
  393. {lang:Source}:
  394. {block:SourceLogo}
  395. <img src="{BlackLogoURL}" width="{LogoWidth}"
  396. height="{LogoHeight}" alt="{SourceTitle}" />
  397. {/block:SourceLogo}
  398. {block:NoSourceLogo}
  399. {SourceTitle}
  400. {/block:NoSourceLogo}
  401. </a>
  402. {/block:ContentSource}
  403. </div>
  404.  
  405. </div>
  406.  
  407. <div class="info">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<div style="float:right">{block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a> / <a href="{Permalink}">{24HourWithZero}:{Minutes}</a>{/block:Date} {block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> — &copy; <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}</div></div>
  408.  
  409. {block:HasTags}
  410. <div class="tags">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp; {/block:Tags}</div>
  411. {/block:HasTags}
  412.  
  413. <div id="clear"></div><br/>
  414. {/block:Posts}
  415.  
  416. {block:PostNotes}
  417. <div id="notes"><div id="notess">{PostNotes}</div></div>
  418. {/block:PostNotes}
  419.  
  420. </div></div>
  421.  
  422. </body>
  423. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!