Advertisement
dracares

theme 06 - dracares

Sep 4th, 2013
1,928
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.85 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----theme by dracares---->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#222222"/>
  12. <meta name="color:Link" content="#333333"/>
  13. <meta name="color:Hover" content="#222222"/>
  14. <meta name="color:Border" content="#222222"/>
  15.  
  16. <meta name="image:Header" content=""/>
  17.  
  18. <meta name="text:Link 1" content=""/>
  19. <meta name="text:Link 1 URL" content=""/>
  20. <meta name="text:Link 2" content=""/>
  21. <meta name="text:Link 2 URL" content=""/>
  22. <meta name="text:Link 3" content=""/>
  23. <meta name="text:Link 3 URL" content=""/>
  24. <meta name="text:Link 4" content=""/>
  25. <meta name="text:Link 4 URL" content=""/>
  26. <meta name="text:Link 5" content=""/>
  27. <meta name="text:Link 5 URL" content=""/>
  28.  
  29. <style type="text/css">
  30.  
  31. body {
  32. margin:0px;
  33. text-align:justify;
  34. font-family:times;
  35. font-size:9px;
  36. line-height:140%;
  37. color:{color:text};
  38. background:{color:background};
  39. }
  40.  
  41. a {
  42. text-decoration:none;
  43. outline:none;
  44. -moz-outline-style:none;
  45. color:{color:link};
  46. }
  47.  
  48. a:hover {
  49. text-decoration:underline;
  50. color:{color:hover};
  51. }
  52.  
  53. img {
  54. border:none;
  55. }
  56.  
  57. blockquote {
  58. margin-left:30px;
  59. padding-left:10px;
  60. padding:2px;
  61. }
  62.  
  63. blockquote blockquote {
  64. padding-left:5px;
  65. }
  66.  
  67. blockquote p img {
  68. max-width: 400px !important;
  69. height: auto !important;
  70. }
  71.  
  72. blockquote p img {
  73. max-width: 400px !important;
  74. }
  75.  
  76. h1 {
  77. font-size:12px;
  78. font-weight:400;
  79. text-transform:lowercase;
  80. padding-left:5px;
  81. }
  82.  
  83. span.tag2 {
  84. display:none;
  85. }
  86.  
  87. a.tag + span.tag2 {
  88. display:inline;
  89. }
  90.  
  91. #entries {
  92. padding:15px;
  93. margin-top:30px;
  94. margin-bottom:20px;
  95. margin-left:auto;
  96. margin-right:auto;
  97. width:520px;
  98. }
  99.  
  100. #post {
  101. padding:10px;
  102. background-color:#fff;
  103. margin-top:15px;
  104. width:500px;
  105. }
  106.  
  107. #header {
  108. width:500px;
  109. text-align:center;
  110. margin-left:auto;
  111. margin-right:auto;
  112. margin-top:0px;
  113. margin-bottom:-20px;
  114. padding:70px 0px 40px 0px;
  115. border-bottom:1px solid #000;
  116. }
  117.  
  118. #headerimage {
  119. width:500px;
  120. height:220px;
  121. margin-top:-70px;
  122. }
  123.  
  124. #headerimage img {
  125. width:500px;
  126. height:220px;
  127. }
  128.  
  129. #links {
  130. padding:10px 0px 10px 0px;
  131. font-size:8px;
  132. text-transform:uppercase;
  133. letter-spacing:1px;
  134. line-height:180%;
  135. color:#fff;
  136. background-color:{color:border};
  137. }
  138.  
  139. #links a {
  140. color:#fff;
  141. }
  142.  
  143. #title {
  144. padding-top:20px;
  145. line-height:170%;
  146. font-size:14px;
  147. text-transform:uppercase;
  148. }
  149.  
  150. #title a {
  151. color:{color:text};
  152. }
  153.  
  154. #description {
  155. line-height:190%;
  156. text-align:justify;
  157. width:250px;
  158. font-size:9px;
  159. margin-left:auto;
  160. margin-right:auto;
  161. }
  162.  
  163. #pagination {
  164. font-size:9px;
  165. text-align:center;
  166. margin-top:20px;
  167. margin-bottom:80px;
  168. letter-spacing:1px;
  169. }
  170.  
  171. #pagination a {
  172. text-decoration:none;
  173. color:{color:text};
  174. }
  175.  
  176. #quote {
  177. font-size:12px;
  178. padding:10px;
  179. text-transform:lowercase;
  180. }
  181.  
  182. #source {
  183. font-size:9px;
  184. text-align:right;
  185. padding:0px 10px 10px;
  186. text-transform:normal;
  187. }
  188.  
  189. #postinfo {
  190. margin-top:0px;
  191. }
  192.  
  193. #info {
  194. padding:2px;
  195. margin-top:2px;
  196. text-align:left;
  197. line-height:150%;
  198. color:{color:text};
  199. }
  200.  
  201. #info a {
  202. color:{color:text};
  203. }
  204.  
  205. #tags {
  206. margin-top:5px;
  207. }
  208.  
  209. #tags a {
  210. padding:2px;
  211. background-color:#fcfcfc;
  212. }
  213.  
  214. #infopage {
  215. text-align:right;
  216. margin-top:-20px;
  217. }
  218.  
  219. #infopage a {
  220. color:{color:text};
  221. }
  222.  
  223. #asker {
  224. padding:20px;
  225. font-size:9px;
  226. line-height:150%;
  227. background-color:#fcfcfc;
  228. }
  229.  
  230. #asker a {
  231. color:{color:text};
  232. }
  233.  
  234. #asker a:hover {
  235. color:{color:hover};
  236. }
  237.  
  238. #answer {
  239. padding:10px;
  240. margin-bottom:5px;
  241. }
  242.  
  243. #audiopost {
  244. padding-top:17px;
  245. padding-bottom:2px;
  246. }
  247.  
  248. #audioinfo {
  249. margin-top:0px;
  250. padding:20px 0px 20px 10px;
  251. text-align:left;
  252. background-color:#fcfcfc;
  253. width:490px;
  254. color:{color:text};
  255. }
  256.  
  257. #albumart {
  258. opacity:0.9;
  259. }
  260.  
  261. #aplayer {
  262. width:25px;
  263. height:25px;
  264. margin-left:-2px;
  265. margin-top:-2px;
  266. padding:3px;
  267. overflow:hidden;
  268. }
  269.  
  270. #player {
  271. background-color:#fff;
  272. width:30px;
  273. height:30px;
  274. margin-top:11px;
  275. margin-left:11px;
  276. z-index:3;
  277. position:absolute;
  278. opacity:0.4;
  279. }
  280.  
  281. #player:hover {
  282. opacity:0.6;
  283. }
  284.  
  285. ol {
  286. list-style-type:none;
  287. }
  288.  
  289. ol.notes li {
  290. padding-bottom:10px;
  291. margin-left:-30px;
  292. width:500px;
  293. }
  294.  
  295. ol.notes li img, .x {
  296. display:none;
  297. }
  298.  
  299. .y + .x {
  300. display:inline;
  301. }
  302.  
  303. .user_1 .label {
  304. font-weight:bold;
  305. }
  306.  
  307. .user_2 .label {
  308. font-weight:bold;
  309. background-color: #f5f5f5;
  310. }
  311.  
  312. .user_3 .label {
  313. font-weight:bold;
  314. }
  315.  
  316. .user_4 .label {
  317. font-weight:bold;
  318. background-color: #f5f5f5;
  319. }
  320.  
  321. .user_5 .label {
  322. font-weight:bold;
  323. }
  324.  
  325. .user_6 .label {
  326. font-weight:bold;
  327. background-color: #f5f5f5;
  328. }
  329.  
  330. .ul.chat {
  331. }
  332.  
  333. .chat ol {
  334. }
  335.  
  336. .chat li {
  337. list-style:none;
  338. margin-left:-43px;
  339. padding:4px;
  340. }
  341.  
  342. #credit {
  343. font-size:8px;
  344. font-family:calibri;
  345. position:fixed;
  346. bottom:10px;
  347. right:10px;
  348. background-color:#000;
  349. padding:5px;
  350. }
  351.  
  352. #credit a {
  353. color:#fff;
  354. }
  355.  
  356. {CustomCSS}</style></head><body>
  357.  
  358. <div id="header">
  359.  
  360. <div id="headerimage"><img src="{image:header}"></div>
  361.  
  362. <div id="links">
  363. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}&emsp;
  364. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}&emsp;
  365. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}&emsp;
  366. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}&emsp;
  367. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}</div><br><br>
  368.  
  369. <div id="title"><a href="/">{Title}</a></div><br>
  370.  
  371. <div id="description">{Description}</div><br>
  372.  
  373. </div>
  374.  
  375. <div id="entries">{block:Posts}<div id="post">
  376.  
  377. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  378.  
  379. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  380.  
  381. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  382.  
  383. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<div id="source"> — {Source}</div>{/block:Source}{/block:Quote}
  384.  
  385. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  386.  
  387. {block:Chat}<ul class="chat">{block:Title}{Title}{/block:Title} {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  388.  
  389. {block:Audio}<div id="audiopost">{block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}" width="52px" height="52px" align="left"/></div>{/block:AlbumArt}<div id="player"><div id="aplayer">{AudioPlayer}</div></div><div id="audioinfo">&emsp;&emsp;&emsp;&emsp;&emsp;{block:TrackName}{TrackName} — {/block:TrackName}{block:Artist}<b>{Artist}</b>{/block:Artist}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  390.  
  391. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  392.  
  393. {block:Answer}<div id="asker"><b>{Asker}</b>: {Question}</div><div id="answer">{Answer}</div>{/block:Answer}
  394.  
  395. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}&emsp;<a href="{Permalink}">{NoteCountWithLabel}</a>&emsp;{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource},&ensp;<a href="{SourceURL}">source</a>{/block:ContentSource}</a>
  396. <br>
  397.  
  398. {block:HasTags}<div id="tags">{block:Tags}<span class="tag2">&ensp;</span><a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  399.  
  400. </div>
  401.  
  402. {block:PostNotes}{PostNotes}{/block:PostNotes}
  403. {/block:Posts}</div>
  404.  
  405. <div id="pagination">
  406. {block:Pagination}
  407. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  408. {block:JumpPagination length="4"}{block:CurrentPage}
  409. <span class="current_page"><b>{PageNumber}</b></span>
  410. {/block:CurrentPage}
  411. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>
  412. {/block:JumpPage}
  413. {/block:JumpPagination}
  414. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  415. {/block:Pagination}</div>
  416.  
  417. <div id="credit"><a href="http://dracares.tumblr.com/">THEME &copy;</a></div>
  418.  
  419. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement