furyofthetimelords

theme 018

Oct 21st, 2013
261
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.74 KB | None | 0 0
  1. <!-- theme 018 by laura @furyofthetimelords use at will but keep the credit for the love of everything good in the world please -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13.  
  14. <meta name="color:background" content="#f0f8fc" />
  15. <meta name="color:post" content="#e3eff5" />
  16. <meta name="color:border" content="#e3eff5" />
  17. <meta name="color:description" content="#6783a2" />
  18. <meta name="color:text" content="#6783a2" />
  19. <meta name="color:link" content="#6783a2" />
  20. <meta name="color:sidebar" content="#6783a2" />
  21. <meta name="color:imgbar" content="#6783a2" />
  22.  
  23. <meta name="text:link1" content="" />
  24. <meta name="text:link1 URL" content="" />
  25. <meta name="text:link2" content="" />
  26. <meta name="text:link2 URL" content="" />
  27. <meta name="text:link3" content="" />
  28. <meta name="text:link3 URL" content="" />
  29. <meta name="text:link4" content="" />
  30. <meta name="text:link4 URL" content="" />
  31. <meta name="text:link5" content="" />
  32. <meta name="text:link5 URL" content="" />
  33.  
  34. <meta name="text:quote" content="" />
  35.  
  36. <meta name="image:sidebar img" content="" />
  37. <meta name="image:background" content="" />
  38. <meta name="image:imgbar bg" content="" />
  39.  
  40. <style type="text/css">
  41.  
  42. body {
  43. background: {color:background};
  44. background-image: url('{image:background}');
  45. margin: 0;
  46. padding: 0;
  47. font-family: calibri;
  48. }
  49.  
  50. a{text-decoration:none;}
  51.  
  52. blockquote {
  53. padding-left:3px;
  54. border-left:5px solid {color:border};
  55. }
  56.  
  57. a:link, a:active, a:visited{
  58. color:{color:link};
  59. text-decoration:none;
  60. font-style:italic;
  61. transition-duration: 0.8s;
  62. -moz-transition-duration: 0.8s;
  63. -webkit-transition-duration: 0.8s;
  64. -o-transition-duration: 0.8s;
  65. }
  66.  
  67. a:hover{
  68. color:{color:text};
  69. transition-duration: 0.8s;
  70. -moz-transition-duration: 0.8s;
  71. -webkit-transition-duration: 0.8s;
  72. -o-transition-duration: 0.8s;
  73. }
  74.  
  75. h2 {
  76. font-style:italic;
  77. }
  78.  
  79.  
  80. #title {
  81. font-family:calibri;
  82. color:{color:text};
  83. font-size:20px;
  84. font-style:italic;
  85. text-align:center;
  86. text-decoration:none;
  87. }
  88.  
  89. #imgbar {
  90. position:fixed;
  91. height:100%;
  92. width:190px;
  93. padding:5px;
  94. background-image: url('{image:imgbar bg}');
  95. background-attachment:top;
  96. background-color:{color:imgbar};
  97. }
  98.  
  99. #quu {
  100. width:150px;
  101. margin-top:300px;
  102. padding:10px;
  103. background-color:{color:background};
  104. font-size:10px;
  105. font-style:italic;
  106. }
  107.  
  108. #sidebar {
  109. position:fixed;
  110. margin-left:200px;
  111. width:200px;
  112. height:100%;
  113. padding:30px 5px 5px 5px;
  114. background-color:{color:sidebar};
  115. }
  116.  
  117. #sidebarpic img {
  118. margin-top:10px;
  119. margin-bottom:5px;
  120. max-width:50px;
  121. border: 20px solid {color:border};
  122. height:auto;
  123. text-align:center;
  124. }
  125.  
  126. .nav a{
  127. display:inline-block;
  128. font-size:12px;
  129. margin-right:2px;
  130. }
  131.  
  132. #description {
  133. margin-top:2px;
  134. width: 90px;
  135. font-size:11px;
  136. text-align:justify;
  137. color:{color:description};
  138. font-family:calibri;
  139. }
  140.  
  141. #player {
  142. width:30px;
  143. height:30px;
  144. overflow:hidden;
  145. position:absolute;
  146. margin-left:40px;
  147. margin-top:35px;
  148. opacity: 0.7;
  149. filter:alpha(opacity=70);
  150. -moz-opacity: 0.7;
  151. -khtml-opacity: 0.7;
  152. }
  153.  
  154. #audi img{
  155. margin-left:-100px;
  156. float:left;
  157. width:100px;
  158. height:100px;
  159. margin-right:5px;
  160. background-color:{color:border};
  161. }
  162.  
  163. #audip img{
  164. float:left;
  165. width:100px;
  166. height:100px;
  167. margin-right:5px;
  168. background-color:{color:border};
  169. }
  170.  
  171. #audiod {
  172. background-color:{color:post};
  173. width:400px;
  174. margin-left:100px;
  175. height:100px;
  176. text-transform:uppercase;
  177. }
  178.  
  179. .question {
  180. width:490px;
  181. padding:10px;
  182. display:block;
  183. }
  184.  
  185. .icon img {
  186. border: 10px solid {color:border};
  187. float:left;
  188. margin-left:5px;
  189. margin-right:5px;
  190. }
  191.  
  192. #entry {
  193. font-size:10px;
  194. margin-right: 290px;
  195. margin-top:40px;
  196. float: right;
  197. width:500px;
  198. text-align: justify;
  199. }
  200.  
  201. #post {
  202. font-size:10px;
  203. padding: 5px;
  204. width: 500px;
  205. color:{color:text};
  206. text-align: justify;
  207. }
  208.  
  209. #info {
  210. margin-top:10px;
  211. border-top: 1px solid {color:post};
  212. }
  213.  
  214. #na {
  215. float:right;
  216. }
  217.  
  218. {CustomCSS}
  219. </style>
  220. </head>
  221.  
  222. <body>
  223.  
  224. <div id="imgbar">
  225. <center>
  226. <div id="quu">{text:quote}</div>
  227. </div>
  228.  
  229. <div id="sidebar">
  230. <center>
  231. <div class="nav"></div>
  232. <div id="sidebarpic"><a href="/"><img src="{image:sidebar img}"/></a></div>
  233. <div class="nav"><a href="/faq1">ask</a> <a href="/archive">past</a> {block:ifLink1}<a href="{text:link1 URL}">{text:link1}</a>{/block:iflink1} {block:ifLink2}<a href="{text:link2 URL}">{text:link2}</a>{/block:iflink2} {block:ifLink3}<br><a href="{text:link3 URL}">{text:link3}</a>{/block:iflink3} {block:ifLink4}<a href="{text:link4 URL}">{text:link4}</a>{/block:iflink4} {block:ifLink5}<a href="{text:link5 URL}">{text:link5}</a>{/block:iflink5} <a href="http://furyofthetimelords.tumblr.com">theme</a></div>
  234. <div id="description">{block:Description}{Description}{/block:Description}<br><center>
  235. {block:PreviousPage}<a href="{PreviousPage}"><font-size="15">prev</font></a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"><font-size="15">next</font></a>{/block:NextPage}
  236. </center></div>
  237. </div>
  238.  
  239.  
  240. <div id="entry">
  241. {block:Posts}
  242. <div id="post">
  243.  
  244. {block:Text}<div id="title">{Title}</div>{Body}{/block:Text}
  245.  
  246. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  247.  
  248. {block:Link}<a href="{URL}" class="link" {Target}> <div id="title">{Name}</div></a>
  249. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  250.  
  251. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  252. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  253.  
  254. {block:Chat}{block:Title}<div id="title">{Title}</div><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  255. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  256.  
  257. {block:Answer}
  258. <div class="question">
  259. <div class="icon"><img src="{AskerPortraitURL-30}"></div><b>{Asker}</b> asked:<br>
  260. {Question}</div>{Answer}
  261. {/block:Answer}
  262.  
  263. {block:Audio}<div id="audip"><img src="http://fc08.deviantart.net/fs71/f/2011/185/f/9/no_cover_itunes_by_stainless2-d3kxnbe.png"></div><span class="audio">{block:AlbumArt}<div id="audi"><image src="{AlbumArtURL}" width="100"></div>{/block:AlbumArt}
  264. <div id= "player">{AudioPlayerBlack}</div> <div id="audiod"><center>{block:TrackName}<strong>{TrackName}</strong>{/block:TrackName} {block:Artist}<br><em>{Artist}</em>{/block:Artist} {block:PlayCount}<br>{PlayCount} {/block:PlayCount}</div></center></span>
  265. {block:Caption}{Caption}{/block:Caption}
  266. {/block:Audio}
  267.  
  268. <div id="info"><div id="na"><a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} x <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom} x <a href="{ReblogParentURL}">via</a>
  269. {block:ContentSource} x <a href="{SourceURL}">origin</a>{block:ContentSource}{/block:RebloggedFrom}</div><br>
  270. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div><br>
  271. {/block:Posts}
  272.  
  273. {block:PostNotes}{PostNotes}{/block:PostNotes}
  274.  
  275. </div>
  276.  
  277. </body>
  278.  
  279. </html>
Advertisement
Add Comment
Please, Sign In to add comment