API tools faq
paste
Advertisement
franzzfu

Theme 12: Dilemma

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