API tools faq
paste
franzzfu

Theme 10: Snow Queen

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