API tools faq
paste
Advertisement
dracares

theme 08 - dracares

dracares
Oct 23rd, 2013
1,511
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.18 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. <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. <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic' rel='stylesheet' type='text/css'>
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!----theme 08 by dracares---->
  10.  
  11. <meta name="color:Background" content="#ffffff"/>
  12. <meta name="color:Text" content="#000000"/>
  13. <meta name="color:Link" content="#222222"/>
  14. <meta name="color:Hover" content="#000000"/>
  15. <meta name="color:Border" content="#000000"/>
  16.  
  17. <meta name="image:Sidebar" content=""/>
  18.  
  19. <meta name="if:400px Posts" content="0"/>
  20. <meta name="if:Title 1" content="1"/>
  21. <meta name="if:Title 2" content="0"/>
  22.  
  23. <meta name="text:First Letter" content=""/>
  24. <meta name="text:Link 1" content=""/>
  25. <meta name="text:Link 1 URL" content=""/>
  26. <meta name="text:Link 2" content=""/>
  27. <meta name="text:Link 2 URL" content=""/>
  28. <meta name="text:Link 3" content=""/>
  29. <meta name="text:Link 3 URL" content=""/>
  30. <meta name="text:Link 4" content=""/>
  31. <meta name="text:Link 4 URL" content=""/>
  32. <meta name="text:Link 5" content=""/>
  33. <meta name="text:Link 5 URL" content=""/>
  34.  
  35. <style type="text/css">
  36.  
  37. body {
  38. background:{color:background};
  39. margin:0px;
  40. color:{color:text};
  41. text-align:justify;
  42. font-family:times;
  43. font-size:9px;
  44. line-height:170%;
  45. }
  46.  
  47. a {
  48. text-decoration:none;
  49. outline:none;
  50. -moz-outline-style:none;
  51. color:{color:link};
  52. }
  53.  
  54. a:hover {
  55. color:{color:hover};
  56. }
  57.  
  58. img {
  59. border:none;
  60. }
  61.  
  62. blockquote {
  63. margin-left:30px;
  64. padding-left:10px;
  65. padding:2px;
  66. }
  67.  
  68. blockquote blockquote {
  69. padding-left:5px;
  70. }
  71.  
  72. blockquote p img {
  73. max-width: 400px !important;
  74. height: auto !important;
  75. }
  76.  
  77. blockquote p img {
  78. max-width: 400px !important;
  79. }
  80.  
  81. h1 {
  82. font-size:12px;
  83. font-weight:400;
  84. text-transform:lowercase;
  85. padding-left:5px;
  86. }
  87.  
  88. #quote {
  89. font-size:15px;
  90. font-style:italic;
  91. line-height:170%;
  92. font-family:'Old Standard TT';
  93. padding:10px 0px;
  94. }
  95.  
  96. #source {
  97. font-size:9px;
  98. font-family:times;
  99. text-transform:normal;
  100. text-align:right;
  101. }
  102.  
  103. span.tag2 {
  104. display:none;
  105. }
  106.  
  107. a.tag + span.tag2 {
  108. display:inline;
  109. }
  110.  
  111. #entries {
  112. padding:15px;
  113. margin-top:10px;
  114. margin-bottom:80px;
  115. {block:ifNot400pxPosts}margin-left:475px;{/block:ifNot400pxPosts}
  116. {block:ifNot400pxPosts}width:520px;{/block:ifNot400pxPosts}
  117. {block:if400pxPosts}margin-left:525px;{/block:if400pxPosts}
  118. {block:if400pxPosts}width:420px;{/block:if400pxPosts}
  119. }
  120.  
  121. #post {
  122. padding:10px;
  123. background-color:#fff;
  124. margin-top:80px;
  125. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  126. {block:if400pxPosts}width:400px;{/block:if400pxPosts};
  127. }
  128.  
  129. #top {
  130. height:80px;
  131. margin-top:-10px;
  132. background-color:#fff;
  133. position:fixed;
  134. z-index:4;
  135. border-bottom:1px solid {color:border};
  136. {block:ifNot400pxPosts}width:670px;{/block:ifNot400pxPosts}
  137. {block:ifNot400pxPosts}margin-left:335px;{/block:ifNot400pxPosts}
  138. {block:if400pxPosts}width:570px;{/block:if400pxPosts}
  139. {block:if400pxPosts}margin-left:385px;{/block:if400pxPosts}
  140. }
  141.  
  142. #title {
  143. font-family:'Old Standard TT';
  144. margin-top:50px;
  145. font-size:37px;
  146. margin-left:20px;
  147. {block:ifTitle1}font-style:italic;{/block:ifTitle1}
  148. {block:ifTitle2}text-transform:uppercase;{/block:IfTitle2}
  149. {block:ifTitle2}letter-spacing:-2px;{/block:IfTitle2}
  150. }
  151.  
  152. #sidebar {
  153. width:127px;
  154. margin-top:80px;
  155. padding:30px;
  156. text-align:center;
  157. position:fixed;
  158. z-index:0;
  159. {block:ifNot400pxPosts}margin-left:310px;{/block:ifNot400pxPosts}
  160. {block:if400pxPosts}margin-left:360px;{/block:if400pxPosts}
  161. }
  162.  
  163. #sidebarimage {
  164. width:120px;
  165. margin-left:auto;
  166. margin-right:auto;
  167. padding-bottom:5px;
  168. }
  169.  
  170. #sidebarimage img {
  171. width:120px;
  172. border-radius:120px;
  173. }
  174.  
  175. #description {
  176. font-size:9px;
  177. line-height:170%;
  178. text-align:justify;
  179. }
  180.  
  181. .letter {
  182. float:left;
  183. font-size:26px;
  184. font-style:normal;
  185. padding:12px 12px 11px;
  186. margin:5px 5px 0px 0px;
  187. display:inline;
  188. color:#fff;
  189. background-color:{color:border};
  190. }
  191.  
  192. #links {
  193. text-align:center;
  194. line-height:140%;
  195. padding-bottom:15px;
  196. border-bottom:1px solid {color:border};
  197. }
  198.  
  199. #links a {
  200. font-style:italic;
  201. padding:3px 7px 2px;
  202. color:#fff;
  203. background-color:{color:border};
  204. }
  205.  
  206. #links a:hover {
  207. text-decoration:underline;
  208. -webkit-transition: opacity 0.2s linear;
  209. -webkit-transition: all 0.2s ease-in-out;
  210. -moz-transition: all 0.2s ease-in-out;
  211. -o-transition: all 0.2s ease-in-out;
  212. }
  213.  
  214. #pagination {
  215. font-size:9px;
  216. letter-spacing:1px;
  217. }
  218.  
  219. #postinfo {
  220. margin-top:6px;
  221. border-top:1px solid #eee;
  222. }
  223.  
  224. #info {
  225. padding:4px;
  226. margin-top:-20px;
  227. text-align:left;
  228. height:21px;
  229. margin-left:90px;
  230. line-height:85%;
  231. }
  232.  
  233. #infopage {
  234. text-align:right;
  235. margin-top:-14px;
  236. }
  237.  
  238. #date {
  239. font-size:9px;
  240. color:#fff;
  241. padding:4px 6px 5px 5px;
  242. width:30px;
  243. margin-left:2px;
  244. margin-top:5px;
  245. text-align:center;
  246. display:inline-block;
  247. background-color:{color:border};
  248. }
  249.  
  250. #date a {
  251. color:#fff;
  252. }
  253.  
  254. #notecount {
  255. font-size:9px;
  256. margin-top:-2px;
  257. color:#222;
  258. padding:4px 0px 5px 3px;
  259. width:40px;
  260. text-align:center;
  261. margin-left:-2px;
  262. display:inline-block;
  263. }
  264.  
  265. #asker {
  266. background-color:#fcfcfc;
  267. line-height:150%;
  268. padding:20px 20px 20px 20px;
  269. }
  270.  
  271. #asker a:hover {
  272. color:{color:hover};
  273. }
  274.  
  275. #answer {
  276. padding:10px;
  277. margin-bottom:5px;
  278. }
  279.  
  280. #audiopost {
  281. padding-top:2px;
  282. padding-bottom:17px;
  283. }
  284.  
  285. #audioinfo {
  286. padding:4px;
  287. line-height:190%;
  288. background-color:#fcfcfc;
  289. height:52px;
  290. text-align:left;
  291. {block:If400pxPosts}width:392px;{/block:If400pxPosts}
  292. {block:IfNot400pxPosts}width:492px;{/block:IfNot400pxPosts}
  293. }
  294.  
  295. #albumart {
  296. opacity:1;
  297. }
  298.  
  299. #aplayer {
  300. width:25px;
  301. height:25px;
  302. margin-left:13px;
  303. margin-top:13px;
  304. padding:3px;
  305. overflow:hidden;
  306. }
  307.  
  308. #player {
  309. background-color:#000;
  310. width:60px;
  311. height:60px;
  312. margin-top:0px;
  313. margin-left:0px;
  314. z-index:0;
  315. position:absolute;
  316. opacity:0.2;
  317. }
  318.  
  319. #player:hover {
  320. opacity:0.6;
  321. }
  322.  
  323. ol {
  324. list-style-type:none;
  325. }
  326.  
  327. ol.notes li {
  328. padding-bottom:10px;
  329. margin-left:-30px;
  330. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  331. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  332. }
  333.  
  334. ol.notes li img, .x {
  335. display:none;
  336. }
  337.  
  338. .y + .x {
  339. display:inline;
  340. }
  341.  
  342. .user_1 .label {
  343. font-weight:bold;
  344. }
  345.  
  346. .user_2 .label {
  347. font-weight:bold;
  348. background-color: #f5f5f5;
  349. }
  350.  
  351. .user_3 .label {
  352. font-weight:bold;
  353. }
  354.  
  355. .user_4 .label {
  356. font-weight:bold;
  357. background-color: #f5f5f5;
  358. }
  359.  
  360. .user_5 .label {
  361. font-weight:bold;
  362. }
  363.  
  364. .user_6 .label {
  365. font-weight:bold;
  366. background-color: #f5f5f5;
  367. }
  368.  
  369. .ul.chat {
  370. }
  371.  
  372. .chat ol {
  373. }
  374.  
  375. .chat li {
  376. list-style:none;
  377. margin-left:-40px;
  378. padding:4px;
  379. }
  380.  
  381. #credit {
  382. position:fixed;
  383. bottom:4px;
  384. right:4px;
  385. text-transform:uppercase;
  386. font-size:8px;
  387. font-family:calibri;
  388. letter-spacing:0px;
  389. }
  390.  
  391. #credit a {
  392. color:#000;
  393. }
  394.  
  395. {CustomCSS}</style></head><body>
  396.  
  397. <div id="top">
  398.  
  399. <div id="title"><a href="/">{Title}</a></div></div>
  400.  
  401. <div id="sidebar">
  402.  
  403. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div><br>
  404.  
  405. <div id="description"><div class="letter">{text:First Letter}</div>{Description}</div><br>
  406.  
  407. <div id="links">
  408. {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}">i.</a>{/block:ifLink1}&nbsp;
  409. {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}">ii.</a>{/block:ifLink2}&nbsp;
  410. {block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3}">iii.</a>{/block:ifLink3}&nbsp;
  411. {block:ifLink4}<a href="{text:Link 4 URL}" title="{text:Link 4}">iv.</a>{/block:ifLink4}&nbsp;
  412. {block:ifLink5}<a href="{text:Link 5 URL}" title="{text:Link 5}">v.</a>{/block:ifLink5}</div><br>
  413.  
  414. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}&emsp;{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}</div></div></div>
  415.  
  416. </div>
  417.  
  418. <div id="entries">{block:Posts}<div id="post">
  419.  
  420. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  421.  
  422. {block:Photo}{LinkOpenTag}{block:ifNot400pxPosts}<img src="{PhotoURL-500}" width="500">{/block:ifNot400pxPosts}{block:if400pxPosts}<img src="{PhotoURL-500}" width="400">{/block:if400pxPosts}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  423.  
  424. {block:Photoset}{block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}{block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  425.  
  426. {block:Quote}<div id="quote">"{Quote}"{block:Source}</div><div id="source"> — {Source}</div>{/block:Source}{/block:Quote}
  427.  
  428. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  429.  
  430. {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}
  431.  
  432. {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}
  433.  
  434. {block:Video}{block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}{block:if400pxPosts}{Video-400}{/block:if400pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  435.  
  436. {block:Answer}<div id="asker"><b>{Asker}</b>: {Question}</div>
  437. <div id="answer">{Answer}</div>{/block:Answer}
  438.  
  439. <div id="postinfo">
  440.  
  441. {block:Date}<div id="date"><a href="{Permalink}">{ShortMonth} {DayOfMonth}</a>{/block:Date}</div>
  442.  
  443. <div id="notecount"><a href="{Permalink}">+ {NoteCount}</a></div>
  444.  
  445. <div id="info">
  446. {block:HasTags}{block:Tags}<span class="tag2">&ensp;</span>#<a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  447. <br><br>
  448. <div id="infopage">{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}&nbsp;&nbsp;{block:ContentSource}<a href="{SourceURL}">(&copy; {SourceTitle})</a>{/block:ContentSource}</a>{/block:PermalinkPage}</div></div></div>
  449.  
  450. </div>
  451.  
  452. {block:PostNotes}{PostNotes}{/block:PostNotes}
  453. {/block:Posts}</div>
  454.  
  455. <div id="credit"><a href="http://dracares.tumblr.com/">theme &copy;</a></div>
  456.  
  457. </body></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!