API tools faq
paste
furyofthetimelords

theme 001

furyofthetimelords
Nov 20th, 2012
363
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.67 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 001 by laura @furyofthetimelords edit all you want, but credit stays
  3. -->
  4. <html>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8.  
  9. <!--Default Variables-->
  10. <!--Colors-->
  11. <meta name="color:Background" content="#ffffff"/>
  12. <meta name="color:Text" content="#3f5863"/>
  13. <meta name="color:Link" content="#053b54"/>
  14. <meta name="color:Link Hover" content="#a4cbdd"/>
  15.  
  16. <meta name="text:link1" content="" />
  17. <meta name="text:link1 URL" content="" />
  18. <meta name="text:link2" content="" />
  19. <meta name="text:link2URL" content="" />
  20. <meta name="text:link3" content="" />
  21. <meta name="text:link3URL" content="" />
  22. <meta name="text:title2" content="" />
  23.  
  24. <!--Images-->
  25. <meta name="image:Background" content""/>
  26. <meta name="image:Sidebar" content""/>
  27.  
  28. <!--Options-->
  29. <meta name="if:Infinite Scrolling" content=""/>
  30.  
  31. {block:ifInfiniteScrolling}
  32. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  33. {/block:ifInfiniteScrolling}
  34.  
  35. {block:Description}
  36. <meta name="description" content="{MetaDescription}" />{/block:Description}
  37. <title>
  38. {block:PostSummary}
  39. {PostSummary} - {/block:PostSummary}{Title}</title>
  40. </style>
  41.  
  42. <style type="text/css">
  43.  
  44. body{
  45. background-color: {color:Background};
  46. background-image: url({image:Background});
  47. background-attachment: fixed;
  48. background-repeat: repeat;
  49. background-position: center;
  50. font-family:helvetica;
  51. font-size:11px;
  52. line-height:12px;
  53. color:{color:Text};
  54. }
  55.  
  56. a:link, a:active, a:visited{
  57. color: {color:Link};
  58. text-decoration:none;
  59. }
  60.  
  61. a:hover{
  62. color: {color:Link Hover};
  63. }
  64.  
  65. #container {
  66. margin:auto;
  67. width:700px;
  68. }
  69.  
  70. #entry {
  71. width:500px;
  72. margin-left:180px;
  73. margin-top:45px;
  74. padding:3px;
  75. font-family:century schoolbook;
  76. }
  77.  
  78. .question {
  79. width:490px;
  80. padding:10px;
  81. background-color:{color:post};
  82. }
  83.  
  84. #player {
  85. width:30px;
  86. height:30px;
  87. margin-left:40px;
  88. margin-top:35px;
  89. overflow:hidden;
  90. position:absolute;
  91. opacity: 0.7;
  92. filter:alpha(opacity=70);
  93. -moz-opacity: 0.7;
  94. -khtml-opacity: 0.7;
  95. }
  96.  
  97. #audi img{
  98. margin-left:-100px;
  99. float:left;
  100. width:100px;
  101. height:100px;
  102. margin-right:5px;
  103. background-color:{color:border};
  104. }
  105.  
  106. #audip img{
  107. float:left;
  108. width:100px;
  109. height:100px;
  110. background-color:{color:border};
  111. }
  112.  
  113. #audiod {
  114. width:400px;
  115. margin-left:100px;
  116. height:100px;
  117. font-size:15px;
  118. text-transform:uppercase;
  119. }
  120.  
  121. #permalink{
  122. position:relative;
  123. margin-top:5px;
  124. padding:2px;
  125. font-size:8px;
  126. text-transform:uppercase;
  127. }
  128.  
  129. #side {
  130. text-align:center;
  131. position:fixed;
  132. width:140px;
  133. margin-top:80px;
  134. margin-left:-20px;
  135. z-index:1;
  136. padding:5px;
  137. font-family: century schoolbook;
  138. font-size:10px;
  139. }
  140.  
  141. .navigate{
  142. font-size:10px;
  143. text-transform:uppercase;
  144. margin-top:4px;
  145. margin-bottom:4px;
  146. padding:4px;
  147. font-family: courier new;
  148. }
  149.  
  150. .blogtitle{
  151. font-size:20px;
  152. line-height:20px;
  153. padding:8px;
  154. font-family: goudy old style;
  155. }
  156.  
  157. .title2 {
  158. font-size:12px
  159. padding:3px
  160. text-transform:lowercase;
  161. font-family:century schoolbook;
  162. }
  163.  
  164. .posttitle{
  165. font-size: 20px;
  166. line-height: 20px;
  167. font-family: goudy old style;
  168. }
  169.  
  170. blockquote{
  171. margin-left:10px;
  172. padding-left:4px;
  173. border-left: 3px solid {color:Text};
  174. }
  175.  
  176. .p { padding-top: 5px; }
  177. .ol, ul { margin-left: 10px; padding: 5px; }
  178. .ul { list-style-type: square; }
  179.  
  180. {CustomCSS}
  181. </style>
  182.  
  183. <link rel="shortcut icon" href="{Favicon}">
  184. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  185.  
  186. </head>
  187. <body>
  188. <div id="container">
  189.  
  190. <div id="side">
  191. <div class="blogtitle"><a href="/">{Title}</a></div>
  192. <div class="title2">{text:title2}</div>
  193. <br>
  194. {block:ifSidebarImage}
  195. <img src="{image:Sidebar}" width="150" height="150">
  196. {/block:ifSidebarImage}
  197.  
  198. <div class="navigate">
  199. <a href="/ask">ask</a> /
  200. <a href="/archive">past</a> /
  201. <a href="http://furyofthetimelords.tumblr.com">credit</a>
  202. {block:ifLink1}<a href="{text:link1 URL}">{text:link1}</a>{/block:ifLink1}
  203. {block:ifLink2}/ <a href="{text:link2 URL}">{text:link2}</a>{/block:ifLink2}
  204. {block:ifLink3}/ <a href="{text:link3 URL}">{text:link3}</a>{/block:ifLink3}
  205. </div>
  206.  
  207. {Description}
  208.  
  209. <br>
  210. {block:ifNotInfiniteScrolling}
  211. <div class="navigate">
  212. {block:Pagination}
  213. {block:PreviousPage}
  214. <a href="{PreviousPage}">« </a>
  215. {/block:PreviousPage}
  216. {CurrentPage} / {TotalPages}
  217. {block:NextPage}
  218. <a href="{NextPage}"> »</a>
  219. {/block:NextPage}
  220. {/block:Pagination}
  221. </div>
  222. {/block:ifNotInfiniteScrolling}
  223. </div>
  224.  
  225. {block:Posts}
  226. <div id="entry">
  227.  
  228. {block:Text}
  229. {block:Title}
  230. <div class="posttitle">{Title}</div>
  231. {/block:Title}
  232. {Body}
  233. {/block:Text}
  234.  
  235. {block:Link}
  236. <div class="posttitle">
  237. <a href="{URL}">{Name}</a>
  238. </div>
  239. {block:Description}{Description}{/block:Description}
  240. {/block:Link}
  241.  
  242. {block:Photo}
  243. <center>
  244. {LinkOpenTag}
  245. <a href="{permalink}">
  246. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  247. {LinkCloseTag}
  248. </center>
  249. {block:Caption}{Caption}{/block:Caption}
  250. {block:ContentSource}
  251. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  252. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  253. {/block:SourceLogo}
  254. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  255. {/block:ContentSource}
  256. {block:ReblogParentURL}
  257. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  258. {/block:ReblogParentURL}
  259. {/block:Photo}
  260.  
  261. {block:Photoset}
  262. {Photoset-500}
  263. {block:Caption}{Caption}{/block:Caption}
  264. {/block:Photoset}
  265.  
  266. {block:Quote}
  267. <div class="posttitle">"{Quote}"</div>
  268. {block:Source}
  269. - {Source}
  270. {/block:Source}
  271. {/block:Quote}
  272.  
  273. {block:Chat}
  274. {block:Title}
  275. <div id="posttitle">
  276. {Title}
  277. </div>
  278. {/block:Title}
  279. {block:Lines}
  280. {block:Label}
  281. <b>{Label} </b>
  282. {/block:Label}
  283. {Line}
  284. <br>
  285. {/block:Lines}
  286. {/block:Chat}
  287.  
  288. {block:Answer}
  289. <div class="question">
  290. <center><b>{Asker}</b> asked:</center><br>
  291. {Question}</div>{Answer}
  292. {/block:Answer}
  293.  
  294.  
  295.  
  296. {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}
  297. <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>
  298. {block:Caption}{Caption}{/block:Caption}
  299. {/block:Audio}
  300.  
  301. {block:Video}
  302. {Video-500}
  303. {block:Caption}{Caption}{/block:Caption}
  304. {/block:Video}
  305.  
  306. {block:IndexPage}
  307. <div id="permalink">
  308. <a href="{Permalink}"> {TimeAgo}</a> -
  309. <a href="{Permalink}">{NoteCountWithLabel}</a> -
  310. {block:RebloggedFrom}
  311. <a href="{ReblogParentURL}">via</a> /
  312. <a href="{ReblogRootURL}">source</a>
  313. {/block:RebloggedFrom} -
  314. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  315. <br>
  316. tagged:
  317. {block:Tags}<a href="{TagURL}"># {Tag}</a>
  318. {/block:Tags}
  319. {/block:HasTags}
  320. </div>
  321. {/block:IndexPage}
  322.  
  323. {block:PermalinkPage}
  324. <div id="permalink">
  325. <a href="{Permalink}"> {TimeAgo}</a> -
  326. <a href="{Permalink}">{NoteCountWithLabel}</a> -
  327. {block:RebloggedFrom}
  328. <a href="{ReblogParentURL}" target="_blank">via</a> /
  329. <a href="{ReblogRootURL}" target="_blank">source</a>
  330. {/block:RebloggedFrom} -
  331. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  332. <br>
  333. tagged:
  334. {block:Tags}<a href="{TagURL}"># {Tag}</a>
  335. {/block:Tags}
  336. {/block:HasTags}
  337. </div>
  338. {/block:PermalinkPage}
  339. <br>
  340. <br>
  341. <br>
  342. {block:PostNotes}
  343. {PostNotes}
  344. {/block:PostNotes}
  345. </div>
  346. {/block:Posts}
  347.  
  348. </body>
  349. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!