Advertisement
dracares

theme 07 - dracares

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