API tools faq
paste
Advertisement
Guest User

Theme 14: Alethiometer

a guest
May 10th, 2014
831
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <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. <!----
  9.  
  10. theme14 by franz @ lestranqe.tumblr.com/
  11. DO NOT REMOVE THE CREDIT OR THE GOBBLERS WILL GET YOU
  12.  
  13. --->
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#838282"/>
  17. <meta name="color:Link" content="#b8b8b8"/>
  18. <meta name="color:Hover" content=""/>
  19. <meta name="color:Border" content="#e6e6e6">
  20. <meta name="color:Title" content="#000000"/>
  21. <meta name="color:Scrollbar" content="#dfdfdf"/>
  22. <meta name="color:Scrollbar bg" content="#f7f7f7"/>
  23.  
  24. <meta name="image:sidebar" centent=""/>
  25.  
  26. <meta name="if:round sidebar" content="1"/>
  27. <meta name="if:hide caption" content="1"/>
  28. <meta name="if:500px posts" content="1"/>
  29.  
  30. <meta name="text:link 1 title" content="link 1"/>
  31. <meta name="text:link 1" content=""/>
  32. <meta name="text:link 2 title" content="link 2"/>
  33. <meta name="text:link 2" content=""/>
  34. <meta name="text:link 3 title" content="link 3"/>
  35. <meta name="text:link 3" content=""/>
  36. <meta name="text:link 4 title" content="link 4"/>
  37. <meta name="text:link 4" content=""/>
  38. <meta name="text:link 5 title" content="link 5"/>
  39. <meta name="text:link 5" content=""/>
  40. <meta name="text:link 6 title" content="link 6"/>
  41. <meta name="text:link 6" content=""/>
  42. <meta name="text:previous" content="Back"/>
  43. <meta name="text:next" content="Forth"/>
  44.  
  45. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  46.  
  47. <style>
  48. div#qTip {
  49. padding: 3px;
  50. display: none;
  51. text-align: center;
  52. position: absolute;
  53. font-size:8px;
  54. line-height:9px;
  55. font-family:baskerville;
  56. z-index: 100000;
  57. border: 1px solid {color:background};
  58. outline:1px solid {color:border};
  59. background-color: {color:border};
  60. color: {color:text};
  61. text-transform:uppercase;
  62. letter-spacing: 2px;
  63. opacity:1;
  64. }
  65. </style>
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. ::-webkit-scrollbar {width:5px;
  71. height:auto;
  72. background:{color:scrollbar bg};}
  73. ::-webkit-scrollbar-corner {background:{color:scrollbar bg};}
  74. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  75. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  76.  
  77.  
  78. /*main structure*/
  79.  
  80.  
  81. body {
  82. background:{color:background};
  83. margin:0px;
  84. color:{color:text};
  85. font-family:baskerville;
  86. font-size:11px;
  87. letter-spacing:1px;
  88. line-height:150%;
  89. }
  90.  
  91. a {
  92. text-decoration:none;
  93. outline:none;
  94. -moz-outline-style:none;
  95. color:{color:link};
  96. -webkit-transition:all .5s ease-in-out;
  97. -moz-transition:all .5s ease-in-out;
  98. transition:all .5s ease-in-out;
  99. }
  100.  
  101. a:hover {
  102. color:{color:hover};
  103. -webkit-transition:all .5s ease-in-out;
  104. -moz-transition:all .5s ease-in-out;
  105. transition:all .5s ease-in-out;
  106. }
  107.  
  108. img {
  109. {block:ifnot500pxposts}
  110. max-width:400px;
  111. {/block:ifnot500pxposts}
  112. {block:if500pxposts}
  113. max-width:500px;
  114. {/block:if500pxposts}
  115. padding:15px;
  116. background:{color:border};
  117. border:3px solid {color:background};
  118. outline:1px solid {color:border};
  119. }
  120.  
  121. #photoset {
  122. padding:15px;
  123. text-align:center;
  124. background:{color:border};
  125. border:3px solid {color:background};
  126. outline:1px solid {color:border};
  127. }
  128.  
  129. #caption {
  130. border:1px solid {color:border};
  131. text-align:center;
  132. padding:3px;
  133. margin-top:5px;
  134. }
  135.  
  136. blockquote {
  137. background:{color:background};
  138. {block:ifnot500pxposts}
  139. max-width:395px;
  140. {/block:ifnot500pxposts}
  141. {block:if500pxposts}
  142. max-width:495px;
  143. {/block:if500pxposts}
  144. padding:2px;
  145. }
  146.  
  147. blockquote blockquote {
  148. padding:2px;
  149. {block:ifnot500pxposts}
  150. max-width:390px;
  151. {/block:ifnot500pxposts}
  152. {block:if500pxposts}
  153. max-width:490px;
  154. {/block:if500pxposts}
  155. }
  156.  
  157. #posttitle {
  158. {block:ifnot500pxposts}
  159. width:430px;
  160. {/block:ifnot500pxposts}
  161. {block:if500pxposts}
  162. width:530px;
  163. {/block:if500pxposts}
  164. text-align:center;
  165. font-size:12px;
  166. font-weight:bold;
  167. text-transform:uppercase;
  168. letter-spacing:2px;
  169. line-height:130%;
  170. padding:10px 0;
  171. background:{color:border};
  172. border:3px solid {color:background};
  173. outline:1px solid {color:border};
  174. }
  175.  
  176. #text{
  177. padding:15px;
  178. border:1px solid {color:border};
  179. {block:ifnot500pxposts}
  180. width:405px;
  181. {/block:ifnot500pxposts}
  182. {block:if500pxposts}
  183. width:505px;
  184. {/block:if500pxposts}
  185. margin-top:8px;
  186. }
  187.  
  188. #entries {
  189. padding:30px 50px;
  190. {block:ifnot500pxposts}
  191. width:436px;
  192. {/block:ifnot500pxposts}
  193. {block:if500pxposts}
  194. width:536px;
  195. {/block:if500pxposts}
  196. margin-left:400px;
  197. }
  198.  
  199. #post {
  200. {block:ifnot500pxposts}
  201. max-width:436px;
  202. {/block:ifnot500pxposts}
  203. {block:if500pxposts}
  204. max-width:536px;
  205. {/block:if500pxposts}
  206. width:100%;
  207. margin-top:25px;
  208. margin-bottom:75px;
  209. -ms-word-break: break-all;
  210. word-break: break-all;
  211. word-break: break-word;
  212. -webkit-hyphens: auto;
  213. -moz-hyphens: auto;
  214. -ms-hyphens: auto;
  215. hyphens: auto;
  216. }
  217.  
  218.  
  219. /*topbar*/
  220.  
  221.  
  222. /*sidebar*/
  223.  
  224.  
  225. #sidebar {
  226. position:fixed;
  227. width:200px;
  228. margin-top:100px;
  229. margin-left:100px;
  230. text-align:center;
  231. }
  232.  
  233. #title {
  234. width:164px;
  235. margin-bottom:5px;
  236. padding:15px;
  237. background:{color:border};
  238. border:3px solid {color:background};
  239. outline:1px solid {color:border};
  240. font-weight:bold;
  241. font-size:11px;
  242. text-transform:uppercase;
  243. text-align:center;
  244. letter-spacing:2px;
  245. }
  246.  
  247. #title a {
  248. color:{color:title};
  249. -webkit-transition:all .5s ease-in-out;
  250. -moz-transition:all .5s ease-in-out;
  251. transition:all .5s ease-in-out;
  252. }
  253.  
  254. #title a:hover {
  255. color:{color:hover};
  256. -webkit-transition:all .5s ease-in-out;
  257. -moz-transition:all .5s ease-in-out;
  258. transition:all .5s ease-in-out;
  259. }
  260.  
  261. #sidebarimg {
  262. margin-top:25px;
  263. text-align:center;
  264. }
  265.  
  266. #sidebarimg img {
  267. width:150px;
  268. padding:3px;
  269. border:1px solid {color:border};
  270. outline:0px;
  271. background:transparent;
  272. {block:ifroundsidebar}
  273. -moz-border-radius:75px;
  274. -webkit-border-radius:75px;
  275. {/block:ifroundsidebar}
  276. }
  277.  
  278. #links {
  279. width:150px;
  280. margin-left:10px;
  281. padding:15px;
  282. font-size:9px;
  283. text-align:left;
  284. text-transform:uppercase;
  285. letter-spacing:2px;
  286. }
  287.  
  288. #links a {
  289. display:block;
  290. padding:3px;
  291. color:#000;
  292. border-bottom:1px solid #f0f0f0;
  293. -webkit-transition:all .2s ease-in-out;
  294. -moz-transition:all .2s ease-in-out;
  295. transition:all .2s ease-in-out;
  296. }
  297.  
  298. #links a:hover {
  299. background:{color:border};
  300. padding-left:12px;
  301. font-style:italic;
  302. -webkit-transition:all .2s ease-in-out;
  303. -moz-transition:all .2s ease-in-out;
  304. transition:all .2s ease-in-out;
  305. }
  306.  
  307. #description {
  308. margin-top:10px;
  309. padding:12px;
  310. background:{color:border};
  311. border:3px solid {color:background};
  312. outline:1px solid {color:border};
  313. font-style:italic;
  314. text-align:justify;
  315. }
  316.  
  317.  
  318. /*post info and tags*/
  319.  
  320.  
  321. #info {
  322. margin-top:5px;
  323. {block:ifnot500pxposts}
  324. max-width:436px;
  325. {/block:ifnot500pxposts}
  326. {block:if500pxposts}
  327. max-width:536px;
  328. {/block:if500pxposts}
  329. font-size:9px;
  330. letter-spacing:2px;
  331. text-align:center;
  332. text-transform:uppercase;
  333. padding:8px;
  334. line-height:150%;
  335. }
  336.  
  337. #tags {
  338. font-size:9px;
  339. letter-spacing:2px;
  340. text-transform:uppercase;
  341. text-align:center;
  342. opacity:0;
  343. -webkit-transition:all .5s ease-in-out;
  344. -moz-transition:all .5s ease-in-out;
  345. transition:all .5s ease-in-out;
  346. }
  347.  
  348. #post:hover #tags {
  349. opacity:1;
  350. -webkit-transition:all .5s ease-in-out;
  351. -moz-transition:all .5s ease-in-out;
  352. transition:all .5s ease-in-out;
  353. }
  354.  
  355.  
  356. /*quote*/
  357.  
  358.  
  359. .quote {
  360. text-align:center;
  361. font-size:16px;
  362. line-height:130%;
  363. margin-top:15px;
  364. font-family:baskerville;
  365. font-style:italic;
  366. letter-spacing:2px;
  367. padding:15px;
  368. background:{color:border};
  369. border:3px solid {color:background};
  370. outline:1px solid {color:border};
  371. }
  372.  
  373. .source {
  374. text-align:center;
  375. font-size:9px;
  376. text-transform:uppercase;
  377. font-family:times;
  378. letter-spacing:2px;
  379. padding:5px 0;
  380. margin-top:10px;
  381. }
  382.  
  383.  
  384. /*chat*/
  385.  
  386. .chat ol {
  387. padding:5px;
  388. line-height:150%;
  389. text-align:justify;
  390. list-style:none;
  391. }
  392.  
  393. .line {
  394. border-bottom:1px solid {color:border};
  395. padding:10px;
  396. }
  397.  
  398. .label {
  399. padding-right:3px;
  400. text-transform:uppercase;
  401. font-family:times;
  402. font-size:10px;
  403. font-weight:bold;
  404. }
  405.  
  406.  
  407. /*audio*/
  408.  
  409.  
  410. .cover {
  411. width:120px;
  412. position:relative;
  413. z-index:1
  414. }
  415.  
  416. .playbutton {
  417. width:20px;
  418. height:30px;
  419. overflow:hidden;
  420. position:relative;
  421. z-index:1000;
  422. margin:10px 19px 8px 11px;
  423. }
  424.  
  425. .playbox {
  426. background-color:#000;
  427. position:absolute;
  428. z-index:1000;
  429. margin-top:53px;
  430. margin-left:52px;
  431. -webkit-border-radius:50px;
  432. -moz-border-radius:50px;
  433. border-radius:50px;
  434. opacity:.8;
  435. }
  436.  
  437. .audioinfo {
  438. {block:ifnot500pxposts}
  439. width:236px;
  440. padding:40px 15px 15px 15px;
  441. {/block:ifnot500pxposts}
  442. {block:if500pxposts}
  443. width:336px;
  444. padding:40px 25px 15px 25px;
  445. {/block:if500pxposts}
  446. height:100px;
  447. display:inline-block;
  448. line-height:250%;
  449. position:absolute;
  450. margin-left:10px;
  451. font-size:8px;
  452. text-align:left;
  453. text-transform:uppercase;
  454. border:1px solid {color:border};
  455. }
  456.  
  457.  
  458. /*ask*/
  459.  
  460.  
  461. .ask {
  462. text-align:center;
  463. padding:5px;
  464. font-size:10px;
  465. font-weight:bold;
  466. text-transform:uppercase;
  467. }
  468.  
  469. .question {
  470. border:1px solid {color:border};
  471. padding:10px;
  472. text-align:center;
  473. font-style:italic;
  474. font-size:13px;
  475. letter-spacing:2px;
  476. background:{color:border};
  477. border:3px solid {color:background};
  478. outline:1px solid {color:border};
  479. }
  480.  
  481. .answer {
  482. padding:10px 15px;
  483. margin-top:8px;
  484. border:1px solid {color:border};
  485. }
  486.  
  487.  
  488. /*permalinks page*/
  489.  
  490.  
  491. ol.notes {
  492. padding-left:6%;
  493. padding-bottom:2%;
  494. width:100%;
  495. text-align:left;
  496. text-transform:uppercase;
  497. font-size:9px;
  498. letter-spacing:2px;
  499. list-style-type:decimal-leading-zero;
  500. }
  501.  
  502. ol.notes li.note{
  503. padding:2%;
  504. }
  505.  
  506. ol.notes li.note img.avatar{
  507. display:none;
  508. }
  509.  
  510.  
  511. /*pagination*/
  512.  
  513.  
  514. #pagi {
  515. {block:ifnot500pxposts}
  516. width:400px;
  517. {/block:ifnot500pxposts}
  518. width:500px;
  519. {block:if500pxposts}
  520. {/block:if500pxposts}
  521. margin-bottom:50px;
  522. font-size:11px;
  523. letter-spacing:2px;
  524. font-family:times;
  525. font-weight:bold;
  526. text-transform:uppercase;
  527. text-align:center;
  528. margin-left:auto;
  529. margin-right:auto;
  530. }
  531.  
  532. #pagi a {
  533. color:{color:link};
  534. }
  535.  
  536. #pagi a:hover {
  537. color:{color:hover};
  538. }
  539.  
  540. /*credit*/
  541.  
  542.  
  543. #credit {
  544. position:fixed;
  545. float:right;
  546. bottom:5px;
  547. right:5px;
  548. background:transparent;
  549. font-size:20px;
  550. text-align:right;
  551. }
  552.  
  553. #credit a {
  554. color:#000;
  555. }
  556.  
  557. #logo {
  558. font-size:10px;
  559. font-family:baskerville;
  560. font-style:italic;
  561. opacity:0;
  562. -webkit-transition:all .5s ease-in-out;
  563. -moz-transition:all .5s ease-in-out;
  564. transition:all .5s ease-in-out;
  565. }
  566.  
  567. #credit:hover #logo {
  568. opacity:1;
  569. -webkit-transition:all .5s ease-in-out;
  570. -moz-transition:all .5s ease-in-out;
  571. transition:all .5s ease-in-out;
  572. }
  573.  
  574.  
  575. {CustomCSS}
  576.  
  577. </style>
  578. </head>
  579.  
  580.  
  581. <body>
  582.  
  583.  
  584. <div id="sidebar">
  585. <div id="title"><a href="/">{Title}</a></div>
  586. <div id="sidebarimg"><img src="{image:sidebar}"></div>
  587. <div id="links">
  588. <a href="{text:link 1}">{text:link 1 title}</a>
  589. <a href="{text:link 2}">{text:link 2 title}</a>
  590. <a href="{text:link 3}">{text:link 3 title}</a>
  591. {block:iflink4}<a href="{text:link 4}">{text:link 4 title}</a>{/block:iflink4}
  592. {block:iflink5}<a href="{text:link 5}">{text:link 5 title}</a>{/block:iflink5}
  593. {block:iflink6}<a href="{text:link 6}">{text:link 6 title}</a>{/block:iflink6}
  594. </div>
  595. <div id="description">{Description}</div>
  596. </div>
  597.  
  598. <div id="entries">
  599.  
  600. {block:Posts}
  601. <div id="post">
  602.  
  603. {block:Text}{block:Title}<div id="posttitle">{Title}</div>{/block:Title}<div id="text">{Body}</div>{/block:Text}
  604.  
  605. {block:Photo}
  606. {block:ifnot500pxposts}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:ifnothidecaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifnothidecaption}{/block:ifnot500pxposts}
  607. {block:if500pxposts}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:ifnothidecaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifnothidecaption}{/block:if500pxposts}
  608. {block:PermalinkPage}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  609. {/block:Photo}
  610.  
  611. {block:Photoset}
  612. {block:ifnot500pxposts}<div id="photoset">{Photoset-400}</div>{block:IndexPage}{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}{block:IndexPage}{/block:ifnot500pxposts}
  613. {block:if500pxposts}<div id="photoset">{Photoset-500}</div>{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}{/block:if500pxposts}
  614. {block:PermalinkPage}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  615. {/block:Photoset}
  616.  
  617. {block:Quote}
  618. <div class="quote"><span style="font-size:30px;letter-spacing:0px;">&lsquo;&lsquo;&nbsp;</span>{Quote}</div>
  619. {block:Source}<div class="source">{Source}</div>{/block:Source}
  620. {/block:Quote}
  621.  
  622. {block:Link}<div id="posttitle"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div id="text">{Description}</div>{/block:Description}{/block:Link}
  623.  
  624. {block:Chat}
  625. {block:Title}<div id="posttitle">{Title}</div>{/block:Title}
  626. <div class="chat"><ol>{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>
  627. {/block:Chat}
  628.  
  629. {block:Video}
  630. {block:ifnot500pxposts}{Video-400}{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}{/block:ifnot500pxposts}
  631. {block:if500pxposts}{Video-500}{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}{/block:if500pxposts}
  632. {block:PermalinkPage}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  633. {/block:Video}
  634.  
  635. {block:Answer}
  636. <div class="ask">{Asker}</u> inquired<br></div>
  637. <div class="question">{Question}</div>
  638. <div class="answer">{Answer}</div>
  639. {/block:Answer}
  640.  
  641. {block:Audio}
  642. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  643. {block:AlbumArt}
  644. <img src="{AlbumArtURL}" class="cover">
  645. {/block:AlbumArt}
  646. <div class="audioinfo">
  647. {block:TrackName}{TrackName}{/block:TrackName}<br>
  648. {block:Artist}{Artist}{/block:Artist}<br>
  649. {block:Album}{Album}{/block:Album}<br>
  650. {FormattedPlayCount}
  651. </div>
  652. {/block:Audio}
  653.  
  654. <div id="info">
  655. {block:Date}<a href="{Permalink}" title="{TimeAgo}">{DayOfMonth}.{MonthNumber}.{ShortYear}</a>{/block:Date}&nbsp;/&nbsp;{block:NoteCount}<a href="{Permalink}">{NoteCount}+</a>&nbsp;/&nbsp;{/block:NoteCount}<a href="{ReblogURL}" target="_blank">reblog</a>{block:RebloggedFrom}&nbsp;/&nbsp;<a href="{ReblogParentURL}"title="{ReblogParentName}">via</a>&nbsp;/&nbsp;<a href="{ReblogRootURL}"title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
  656. </div>
  657.  
  658. <div id="tags">
  659. {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  660. </div>
  661. </div>
  662.  
  663. {block:PostNotes}{PostNotes}{/block:PostNotes}
  664. {/block:Posts}
  665.  
  666. {block:Pagination}
  667. <div id="pagi">
  668. {block:PreviousPage} <a href="{PreviousPage}">&larr; {text:previous}</a>
  669. </u>&nbsp;&nbsp;{/block:PreviousPage}
  670. <span style="font-size:9px;font-family:baskerville;font-weight:normal;font-style:normal;">{CurrentPage}&nbsp;of&nbsp;{TotalPages}</span>
  671. {block:NextPage} &nbsp;&nbsp;<a href="{NextPage}">{text:next} &rarr;</a></u>{/block:NextPage}
  672. {/block:Pagination}
  673. </div>
  674. </div>
  675.  
  676. <div id="credit">
  677. <div id="logo">franztheme</div>
  678. <a href="http://lestranqe.tumblr.com">☺</a>
  679. </div>
  680.  
  681. </body>
  682. </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!