API tools faq
paste
Advertisement
Perfect-Nicholas

Theme #21 - Sanctum

Perfect-Nicholas
Nov 17th, 2013
5,353
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.17 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. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- Theme #21 by llermans © tumblr.com --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#202020"/>
  12. <meta name="color:Link" content="#464646"/>
  13. <meta name="color:Link Hover" content="#969696"/>
  14. <meta name="color:scrollbar" content="#444444"/>
  15.  
  16. <meta name="if:400px posts" content=""/>
  17. <meta name="if:small cursor" content="1"/>
  18.  
  19. <meta name="text:link 1 title" content="Link 1"/>
  20. <meta name="text:link 1" content="/"/>
  21. <meta name="text:link 2 title" content="Link 2"/>
  22. <meta name="text:link 2" content="/"/>
  23. <meta name="text:link 3 title" content="Link 3"/>
  24. <meta name="text:link 3" content="/"/>
  25.  
  26. <style type="text/css">
  27.  
  28. body {
  29. background:{color:background};
  30. margin:0px;
  31. color:{color:text};
  32. font-family:helvetica;
  33. font-size:10px;
  34. line-height:100%;
  35. {block:ifSmallCursor}
  36. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  37. {/block:ifSmallCursor}
  38. }
  39.  
  40. a {
  41. text-decoration:none;
  42. outline:none;
  43. -moz-outline-style:none;
  44. color:{color:link};
  45. -moz-transition-duration:0.8s;
  46. -webkit-transition-duration:0.8s;
  47. -o-transition-duration:0.8s;
  48. }
  49.  
  50. a:hover {
  51. text-decoration:none;
  52. outline:none;
  53. -moz-outline-style:none;
  54. color:{color:link hover};
  55. {block:ifSmallCursor}
  56. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  57. {/block:ifSmallCursor}
  58. }
  59.  
  60. i, cite, em, var, address, dfn {
  61. font-style: italic;
  62. }
  63.  
  64. h1 {
  65. line-height:130%;
  66. }
  67.  
  68. img {
  69. border:none;
  70. {block:ifNot400pxposts}
  71. max-width:500px!important;
  72. {/block:ifNot400pxposts}
  73. {block:if400pxposts}
  74. max-width:400px!important;
  75. {/block:if400pxposts}x
  76. }
  77.  
  78. blockquote {
  79. border-left: 1px solid #838282;
  80. padding:3px 20px 3px 20px;
  81. margin:5px;
  82. font-size:10px;
  83. font-style: italic;
  84. font-family:times;
  85. }
  86.  
  87. ::-webkit-scrollbar {
  88. width: 5px;height: 5px;}
  89. ::-webkit-scrollbar-button:start:decrement,
  90. ::-webkit-scrollbar-button:end:increment {
  91. height: 6px;display: block;background-color: white;}
  92. ::-webkit-scrollbar-track-piece {
  93. background-color: white;}
  94. ::-webkit-scrollbar-thumb:vertical {
  95. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  96.  
  97. .caption {
  98. text-align:left;
  99. font-size:10px;
  100. margin-top:5px;
  101. padding:10px 20px 10px 30px;
  102. font-family:helvetica;
  103. display:block;
  104. color:{color:text};
  105. {block:ifNot400pxposts}
  106. max-width:500px!important;
  107. {/block:ifNot400pxposts}
  108. {block:if400pxposts}
  109. max-width:400px!important;
  110. {/block:if400pxposts}
  111. }
  112.  
  113. .caption img {
  114. max-width:360px;
  115. }
  116.  
  117. .caption a {
  118. color:{color:text};
  119. border-bottom:1px solid {color:link};
  120. }
  121.  
  122. #post {
  123. margin-bottom:100px;
  124. {block:ifNot400pxposts}
  125. width:500px;
  126. {/block:ifNot400pxposts}
  127. {block:if400pxposts}
  128. width:400px;
  129. {/block:if400pxposts}
  130. }
  131.  
  132. #entries {
  133. padding:10px;
  134. margin-left:500px;
  135. margin-top:40px;
  136. {block:ifNot400pxposts}
  137. width:500px;
  138. {/block:ifNot400pxposts}
  139. {block:if400pxposts}
  140. margin-left:500px;
  141. width:400px;
  142. {/block:if400pxposts}
  143. }
  144.  
  145. #title {
  146. width:250px;
  147. margin-top: 70px;
  148. margin-bottom:8px;
  149. font-size:28px;
  150. font-family:justus, georgia, arial, times;
  151. word-spacing: 2px;
  152. line-height:100%;
  153. text-transform:uppercase;
  154. transition-duration: 0.7s;
  155. -moz-transition-duration: 0.7s;
  156. -webkit-transition-duration: 0.7s;
  157. -o-transition-duration: 0.7s;
  158. }
  159.  
  160. #title:hover {
  161. text-decoration:underline;
  162. }
  163.  
  164. #sidebar {
  165. width:240px;
  166. position:fixed;
  167. margin-left:170px;
  168. margin-top:130px;
  169. }
  170.  
  171. #navigation {
  172. width:220px;
  173. padding:3px;
  174. margin-bottom:8px;
  175. text-align: left;
  176. line-height: 200%;
  177. font-weight: normal;
  178. font-size: 10px;
  179. font-family:baskerville;
  180. font-style:italic;
  181. text-transform: lowercase;
  182. }
  183.  
  184. #navigation a {
  185. letter-spacing: 1px;
  186. }
  187.  
  188. #navigation a:hover {
  189.  
  190. text-decoration:underline;
  191. }
  192.  
  193. #description {
  194. padding:3px;
  195. text-align:justify;
  196. width:auto;
  197. letter-spacing: 0px;
  198. font-family: helvetica;
  199. font-size: 9px;
  200. letter-spacing: 0px;
  201. line-height: 15px;
  202. text-transform: lowercase;
  203. }
  204.  
  205. #pagination {
  206. font-family:helvetica;
  207. width:500px;
  208. margin-left:-8px;
  209. font-size:11px;
  210. margin-top:-40px;
  211. margin-bottom:40px;
  212. padding-left:5px;
  213. text-transform:uppercase;
  214. word-spacing:15px;
  215. letter-spacing:1px;
  216. text-align:center;
  217.  
  218. }
  219.  
  220. #pagination a {
  221. color:{color:link};
  222. }
  223.  
  224. .border {
  225. border-top: 1px solid #e9e7e7;
  226. padding: 10px;
  227. margin-top: 20px;
  228. }
  229.  
  230. #info {
  231. text-align:center;
  232. margin-top: -25px;
  233. }
  234.  
  235. .infos {
  236. background: {color:background};
  237. padding: 8px;
  238. }
  239.  
  240. .tags {
  241. margin-top:5px;
  242. }
  243.  
  244. .quote {
  245. font-family:times;
  246. color:{color:title};
  247. font-size:15px;
  248. text-align:left;
  249. letter-spacing:0px;
  250. line-height:110%;
  251. padding:10px;
  252. margin-bottom:5px;
  253. }
  254.  
  255. #source {
  256. font-size:9px;
  257. text-align:right;
  258. padding:3px;
  259. }
  260.  
  261. #source a {
  262. color:{color:text};
  263. }
  264.  
  265. .audio {
  266. height:47px;
  267. margin-bottom:10px;
  268. }
  269.  
  270. .audio-player{
  271. height:27px;
  272. width:26px;
  273. margin-top: 28px;
  274. margin-left: 27px;
  275. overflow:hidden;
  276. opacity:0.6;
  277. border: 3px solid #f9f9f9;
  278. position:absolute;
  279. z-index:2;
  280. border-radius:100%;
  281. -webkit-transition: all .4s linear;
  282. }
  283.  
  284. .audio-player:hover {
  285. opacity:1;
  286. }
  287.  
  288. .audio-album {
  289. position:absolute;
  290. width:84px;
  291. box-shadow:2px 2px 2px #666;
  292. }
  293.  
  294. .audio-info {
  295. height: 30px;
  296. margin-left:105px;
  297. padding:15px 10px 10px 10px;
  298. text-align:left;
  299. font-family:cambria;
  300. font-size:16px;
  301. line-height:150%;
  302. letter-spacing: 1px;
  303. font-style:oblique;
  304. font-weight:200;
  305. }
  306.  
  307. #ask {
  308. height:auto;
  309. min-height:48px;
  310. }
  311.  
  312. .askimg {
  313. width:48px;
  314. height:48px;
  315. }
  316.  
  317. .askimg img {
  318. width:48px;
  319. height:48px;
  320. float:left;
  321. }
  322.  
  323. .question {
  324. background:transparent;
  325. padding:13px;
  326. font-style:none;
  327. min-height:48px;
  328. text-transform:lowercase;
  329. margin-left:50px;
  330. margin-top:-63px;
  331. }
  332.  
  333. .asker {
  334. text-transform:lowercase;
  335. font-weight:bold;
  336. }
  337.  
  338. .answer {
  339. padding-bottom:4px;
  340. }
  341.  
  342.  
  343.  
  344. .linktitle {
  345. color:#aaa;
  346. font-family:baskerville;
  347. font-style:oblique;
  348. line-height:100%;
  349. font-size:15px;
  350. font-weight:100;
  351. margin-left:0px;
  352. -webkit-transition: all 0.3s;
  353. -moz-transition: all 0.3s;
  354. -ms-transition: all 0.3s;
  355. -o-transition: all 0.3s;
  356. transition: all 0.3s;
  357. }
  358.  
  359. .linktitle:hover {
  360. margin-left:30px;
  361. -webkit-transition: all 0.3s;
  362. -moz-transition: all 0.3s;
  363. -ms-transition: all 0.3s;
  364. -o-transition: all 0.3s;
  365. transition: all 0.3s;
  366. }
  367.  
  368. .chat {line-height:12px; list-style:none }
  369. .chat ul {list-style:none; padding:0px; line-height:20px;}
  370. .person1 {background-color:{color:blockquote}; padding-left:6px; padding-right:6px; font-size:10px;}
  371. .person1 .label {font-weight:bold;}
  372. .person2 {background-color:transparent; padding-left:6px; padding-right:6px;font-size:10px;margin-left:5px;}
  373. .person2 .label {font-weight:bold; color:{color:bold};}
  374. .person3 { background-color:{color:blockquote}; padding-left:6px; padding-right:6px;font-size:10px;}
  375. .person3 .label {font-weight:bold; color:{color:border};}
  376. .person4 {background-color:transparent; padding-left:6px; padding-right:6px;font-size:10px;margin-left:5px;}
  377. .person4 .label {font-weight:bold; color:{color:bold};}
  378. .person5 {color:{color:blockquote text}; background-color:{color:blockquote}; padding-left:6px; padding-right:6px;font-size:10px;}
  379. .person5 .label {font-weight:bold;}
  380. .person6 {background-color:transparent; padding-left:6px; padding-right:6px;font-size:10px;margin-left:5px;}
  381. .person6 .label {font-weight:bold; color:{color:bold};}
  382.  
  383. #credit {
  384. position:fixed;
  385. right:10px;
  386. bottom:10px;
  387. text-transform:uppercase;
  388. font:9px 'cambria';
  389. letter-spacing:1px;
  390. padding:5px;
  391. -webkit-transition: all 0.5s ease;
  392. -moz-transition: all 0.5s ease;
  393. -ms-transition: all 0.5s ease;
  394. -o-transition: all 0.5s ease;
  395. transition: all 0.5s ease;
  396.  
  397. }
  398.  
  399. #credit:hover {
  400. position:fixed;
  401. right:10px;
  402. bottom:10px;
  403. text-transform:uppercase;
  404. font:9px 'cambria';
  405. letter-spacing:1px;
  406. padding:5px;
  407. -webkit-transition: all 0.5s ease;
  408. -moz-transition: all 0.5s ease;
  409. -ms-transition: all 0.5s ease;
  410. -o-transition: all 0.5s ease;
  411. transition: all 0.5s ease;
  412.  
  413. }
  414.  
  415.  
  416. {CustomCSS}</style></head><body>
  417.  
  418. <div id="sidebar">
  419.  
  420. <div id="title">{title}</div>
  421.  
  422. <div id="navigation">
  423. <a href="/">index</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a href="/ask">inbox</a>&nbsp;&nbsp;/&nbsp;&nbsp;
  424. {block:iflink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>&nbsp;&nbsp;/&nbsp;&nbsp;{/block:iflink1}
  425. {block:iflink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>&nbsp;&nbsp;/&nbsp;&nbsp;{/block:iflink2}
  426. {block:iflink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:iflink3}
  427. </div>
  428.  
  429. <div id="description">{description}</div>
  430.  
  431. </div>
  432.  
  433. <div id="entries">{block:Posts}<div id="post">
  434.  
  435. {block:ContentSource}
  436. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  437. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  438. {/block:SourceLogo}
  439. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  440. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  441.  
  442. {block:Text}<h1>{block:Title}<span style="font-weight:100;font-family:times;">{Title}</span>{/block:Title}</h1>{Body}{/block:Text}
  443.  
  444. {block:Photo}{block:ifNot400pxposts}<center>{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</center>{/block:ifNot400pxposts}{block:if400pxposts}<center>{LinkOpenTag}<img src="{PhotoURL-400}"/>{LinkCloseTag}</center>{/block:if400pxposts}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Photo}
  445.  
  446. {block:Photoset}{block:ifNot400pxposts}<center>{Photoset-500}</center>{/block:ifNot400pxposts}{block:if400pxposts}<center>{Photoset-400}</center>{/block:if400pxposts}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Photoset}
  447.  
  448. {block:Quote}<div class="quote">{Quote}</div>{block:Source}
  449. <br><div id="source">&nbsp;&nbsp;{Source}&nbsp;&nbsp;</div>
  450. {/block:Source}{/block:Quote}
  451.  
  452. {block:Link}<div class="linktitle"><h1><a href="{URL}" {Target}>{Name}</div></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  453.  
  454. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  455. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  456.  
  457. {block:Audio}{AudioPlayergrey}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  458.  
  459. {block:Video}{block:ifNot400pxposts}{Video-500}{/block:ifNot400pxposts}{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Video}
  460.  
  461. {block:Answer}<div id="ask"><div class="askimg"><a href="{AskerURL}"><img src="{AskerPortraitURL-48}" /></a></div><div class="question"><span class="asker">{Asker} said:</span><br>{block:ifNot400pxposts}<div style="width:425px;">{Question}</div>{/block:ifNot400pxposts}{block:if400pxposts}<div style="width:325px;">{Question}</div>{/block:if400pxposts}</div></div><div class="answer">{Answer}</div>
  462. {/block:Answer}
  463.  
  464. <div class="border"></div>
  465. <div id="info"><span class="infos">
  466. {block:Date}{ShortDayOfWeek}, {DayOfMonthWithZero}{DayOfMonthSuffix} of {Month}{/block:Date} &nbsp;&nbsp; <a href="{Permalink}">
  467. {NoteCountWithLabel}</a>{block:RebloggedFrom} &nbsp;&nbsp; <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom}</span><br> {block:HasTags}<div class="tags">{block:Tags} #<a href="{TagURL}">{Tag}&nbsp;</a>{/block:Tags}</div>{/block:HasTags}</div>
  468.  
  469. </div>
  470. {block:PostNotes}{PostNotes}{/block:PostNotes}
  471. {/block:Posts}
  472.  
  473. {block:Pagination}<div id="pagination">
  474. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  475. {block:JumpPagination length="10"}
  476. {block:CurrentPage}<span class="current_page">{PageNumber}</span>
  477. {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  478. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  479. </div>
  480. {/block:Pagination}
  481.  
  482. </div>
  483.  
  484. <div id="credit">
  485. <a href="http://llermans.tumblr.com/">llmns</a></div>
  486.  
  487. </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!