API tools faq
paste
dracares

theme 04 - dracares

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