API tools faq
paste
dearhannibal

Ephemeral

dearhannibal
Jul 27th, 2013
2,374
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <!-- oh hey look i made a theme *high five* edit all you want really, basically everything is customizable! as long as you leave the credit intact thank you :)-->
  4.  
  5.  
  6. <title>{Title}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#a7a7a7"/>
  16. <meta name="color:Link" content="#cccccc"/>
  17. <meta name="color:Title"content="#070707"/>
  18. <meta name="color:Scrollbar" content="#d5d5d5" />
  19. <meta name="color:Audio and ask" content="#f4f4f4" />
  20. <meta name="color:Link hover" content="#8F8F8F"/>
  21. <meta name="color:Info" content="#f4f4f4" />
  22. <meta name="color:header" content="#ffffff" />
  23. <meta name="color:Borders" content="#ffffff" />
  24.  
  25. <meta name="image:sidebar" content=""/>
  26. <meta name="font:body" content="arial"/>
  27. <meta name="text:bigletter" content="">
  28.  
  29. <meta name="text:Link 1 URL" content="" />
  30. <meta name="text:Link 1" content="" />
  31. <meta name="text:Link 2 URL" content="" />
  32. <meta name="text:Link 2" content="" />
  33. <meta name="text:Link 3 URL" content="" />
  34. <meta name="text:Link 3" content="" />
  35. <meta name="text:Link 4 URL" content="" />
  36. <meta name="text:Link 4" content=""/>
  37. <meta name="text:Link 5 URL" content="" />
  38. <meta name="text:Link 5" content="" />
  39.  
  40. <meta name="if:Show Sidebar Image" content="1">
  41. <meta name="if:Round Sidebar Image" content="0">
  42. <meta name="if:Hide Title" content="0">
  43.  
  44.  
  45. <link href='http://fonts.googleapis.com/css?family=Croissant+One|Share+Tech+Mono|Playfair+Display+SC' rel='stylesheet' type='text/css'>
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Ropa+Sans|Jacques+Francois' rel='stylesheet' type='text/css'>
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Felipa|Libre+Baskerville:400italic|Damion' rel='stylesheet' type='text/css'>
  52.  
  53. <!-- CSS styling aww yeah. This is the fun part. -->
  54.  
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar{height: 5px;
  58. width: 5px;
  59. -webkit-border-radius: 0px;
  60. background-color:{color:background}}
  61. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  62. ::-webkit-scrollbar-track{background-color:{color:background};}
  63. iframe#tumblr_controls {
  64. position: fixed !important;
  65. z-index: 9999;
  66. opacity:.5;
  67. -webkit-transition:all 0.5s ease-in-out;
  68. -moz-transition:all 0.5s ease-in-out;
  69. transition:all 0.5s ease-in-out;}
  70. iframe#tumblr_controls:hover {
  71. opacity: 0.9;
  72. -webkit-transition:all 0.5s ease-in-out;
  73. -moz-transition:all 0.5s ease-in-out;
  74. transition:all 0.5s ease-in-out;}
  75.  
  76. .op {opacity: {text:image opacity};
  77. -webkit-transition: all 0.9s ease;
  78. {block:permalinkpage} opacity:1;{/block:permalinkpage}}
  79.  
  80. .op:hover {opacity: 1;}
  81.  
  82. .op:hover .op2{width:auto;height:auto;
  83. opacity:0.85;
  84. filter: alpha(opacity = 70);
  85. -moz-transition: all 0.5;
  86. -webkit-transition: all 0.5s;
  87. -o-transition: all 0.5s;
  88. transition: all 0.5;}
  89.  
  90. #credit {position:fixed;
  91. float:right;
  92. opacity:0.7;
  93. bottom:18px;
  94. right:18px;
  95. padding:6px;
  96. font-size:10px;
  97. text-align:center;
  98. height:10px;
  99. width:10px;
  100. font-family:georgia;
  101. -webkit-transition:all 0.5s ease-in-out;
  102. -moz-transition:all 0.5s ease-in-out;
  103. transition:all 0.5s ease-in-out;}
  104. #credit a {color:black;}
  105.  
  106.  
  107. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.25s linear;opacity: 0.25;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  108.  
  109. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.5s linear;opacity: .7;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  110.  
  111.  
  112.  
  113. ::-webkit-scrollbar {width:.5%; height:auto; background:{color:scrollbg};}
  114. ::-webkit-scrollbar-corner {background:{color:scroll};}
  115. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  116. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  117.  
  118. blockquote {
  119. font-size:11px;
  120. border-left:2px solid {color:link};
  121. padding-left:5px;
  122. max-width:500px!important;
  123. margin:0px 2px 0px 10px}
  124.  
  125. h1 {
  126. font-size:11px;
  127. color:{color:title};}
  128.  
  129. body {
  130. background-color:{color:background};
  131. color:{color:text};
  132. font-family: 'Jacques Francois', serif;
  133. font-size:11px;
  134. text-align:justify;
  135. line-height:13px;
  136. margin:0;
  137. line-height:120%;}
  138.  
  139. a {
  140. color:{color:link};
  141. text-decoration:none;}
  142.  
  143. a:link, a, a:active, a:visited {
  144. -webkit-transition: all 0.4s ease-in-out;
  145. -moz-transition: all 0.4s ease-in-out;
  146. -o-transition: all 0.4s ease-in-out;
  147. -ms-transition: all 0.4s ease-in-out;
  148. transition: all 0.4s ease-in-out;
  149. text-decoration: none;
  150. color: {color:link}}
  151.  
  152. a:hover{
  153. -webkit-transition: all 0.4s ease-in-out;
  154. -moz-transition: all 0.4s ease-in-out;
  155. -o-transition: all 0.4s ease-in-out;
  156. -ms-transition: all 0.4s ease-in-out;
  157. transition: all 0.4s ease-in-out;
  158. color: {color:link hover}}
  159.  
  160. img{
  161. opacity:1;
  162. border:none;
  163. text-decoration:none}
  164.  
  165. small {
  166. font-size:10px;}
  167.  
  168. big {
  169. font-size:12px;}
  170.  
  171. #con {position:absolute;
  172. left:580px;}
  173.  
  174.  
  175. #entries {position:absolute;
  176. width:500px;
  177. margin-top:90px;
  178.  
  179. }
  180.  
  181. #posts {
  182. {block:IndexPage}
  183. margin-bottom:130px;
  184. {/block:IndexPage}
  185. {block:PermalinkPage}
  186. margin-bottom:50px
  187. {/block:PermalinkPage}
  188. overflow:hidden;
  189. width:500px;
  190. border:1px double {color:Borders};
  191. padding:14px;
  192. }
  193.  
  194. #posts img {
  195. max-width: 500px;}
  196.  
  197.  
  198. #title{font-size:12px;
  199. font-weight:none;
  200. padding-bottom:2px;
  201. color:{color:title};}
  202.  
  203.  
  204.  
  205. #sidebar {width:220px;
  206. position:fixed;
  207. top:190px;
  208. left:190px;
  209. text-align:center;
  210. padding:15px 0;
  211. background-color:{color:header};
  212. }
  213.  
  214. #title {
  215. font-family: 'Playfair Display SC', serif;
  216. line-height:120%;
  217. font-size:15px;
  218. letter-spacing:2px;
  219. text-align:center;
  220. text-transform:uppercase;
  221. font-weight:bold;
  222. {block:ifHideTitle}
  223. display:none;
  224. {/block:ifHideTitle}
  225. }
  226.  
  227. #title a {color:{color:title};
  228. }
  229.  
  230. #title a:hover {
  231. text-decoration:none;
  232. color:{color:title};
  233. }
  234.  
  235. #sidebarimage {width:160px;
  236. opacity:0.90;
  237. text-align:center;
  238. margin-bottom:5px;
  239. margin-left:25px;
  240. {block:ifNotShowSidebarImage}
  241. display:none;
  242. {/block:ifNotShowSidebarImage}}
  243.  
  244. #sidebarimage img{
  245. width:130px;
  246. {block:ifShowSidebarImage}
  247. {block:ifRoundSidebarImage}
  248. border-radius:100%;
  249. {/block:ifRoundSidebarImage}
  250. {/block:ifShowSidebarImage}
  251. text-align:center;
  252.  
  253. }
  254.  
  255. #sidebarlinks {
  256.  
  257. opacity:.90;
  258. font-family: 'Felipa', cursive;
  259. font-size:12px;
  260. padding:6px;
  261. margin-top:13px;
  262. text-transform:lowercase;
  263. font-weight:lighter;
  264. letter-spacing:2px;
  265. text-align:center;
  266. display:navigate;
  267. }
  268.  
  269.  
  270. #sidebarlinks a{
  271. border:0px solid {color:borders};
  272. background: {color:audio and ask};
  273. padding:4px;
  274. padding-left:5px;
  275. line-height:20px;
  276. text-align:center;
  277. color:{color:links};
  278. }
  279.  
  280. #sidebarlinks a:hover{
  281. color:{color:link hover};
  282. background-color:{color:link};
  283. border: 3px double #fff;
  284. padding:3px 4px 3px 7px;}
  285.  
  286. #description {
  287. font-family: 'Libre Baskerville', serif;
  288. margin-left:100px;
  289. margin-top:10px;
  290. font-size:9px;
  291. line-height:130%;
  292. margin-left:auto;
  293. margin-right:auto;
  294. text-align:justify;}
  295.  
  296. #bigletter {
  297. background-color: #a3a1a1;
  298. border:2px double {color:borders};
  299. padding: 6px;
  300. color: #fff;
  301. font-size: 19px;
  302. font-family: 'Libre Baskerville', serif;
  303. font-style:italic;
  304. font-style:bold;
  305. text-transform:uppercase;
  306. font-style: none;
  307. float: left;
  308. font-weight:normal;
  309. margin-right:7px;
  310. line-height: 90%;
  311. padding-right:8px;
  312. padding-left:7px;
  313. }
  314.  
  315.  
  316. #pagination {
  317. font-size:11x;
  318. color:{color:link};
  319. text-transform:uppercase;
  320. text-align:center;
  321. font-style:normal;
  322. margin-top:23px;
  323. }
  324.  
  325. #pagination a {
  326. word-spacing:5px;
  327. text-align:center;
  328. display:inline-block;
  329. -webkit-transition:all 0.5s ease-in-out;
  330. -moz-transition:all 0.5s ease-in-out;
  331. transition:all 0.5s ease-in-out;}
  332.  
  333.  
  334.  
  335. #titlequote{font-size:11px;
  336. color:{color:title};
  337. text-align:center;
  338. padding:10px;
  339. background-color:{color:audio and ask};
  340. }
  341.  
  342.  
  343. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  344. .caption img{max-width:500px;}
  345. .caption {width:500px;
  346. display: block;
  347. margin-top: 5px;
  348. {block:IfNotShowCaptions}
  349. {block:IndexPage}
  350. display: none;
  351. {/block:IndexPage}
  352. {/block:IfNotShowCaptions}}
  353.  
  354.  
  355. #source {text-align:right;
  356. padding-bottom:5px;
  357. font-size:9px}
  358.  
  359.  
  360. #audio {
  361. height:75px;
  362. background-color:transparent}
  363. .albumart img{float:left;
  364. width:75px;
  365. height:75px;}
  366. .player {width:25px;
  367. height:25px;
  368. overflow:hidden;
  369. position:absolute;
  370. padding:5px;
  371. margin-left:20px;
  372. margin-top:20px;
  373. opacity:0.4; }
  374. .playerback:hover .player {opacity:1; }
  375. .audi {font-size:14px;
  376. font-style:normal;
  377. margin-top:25px;
  378. color:{color:title}}
  379. .audioinfo {margin-left:80px;
  380. line-height:14px;
  381. width:420px;
  382. height:75px;
  383. color:{color:text};
  384. text-align:center;
  385. font-style:italic;
  386. position:absolute;
  387. background-color:{color:audio and ask};}
  388.  
  389. .playerback {height:75px;
  390. width:75px;
  391. position:absolute;
  392. background-color:white;
  393. opacity:0;}
  394.  
  395. .playerback:hover {opacity:.6;
  396. }
  397.  
  398. #question {color:{color:text}}
  399. .ask {text-align:right}
  400. .q {
  401. background-color:{color:audio and ask};
  402. font-style:italic;
  403. text-align:center;
  404. padding:10px;
  405. }
  406. .answer {color:{color:text};
  407. margin-top:5px;
  408. text-align:left}
  409.  
  410.  
  411.  
  412. .chat ol {
  413. padding:0;
  414. line-height:180%;
  415. list-style:none;
  416. }
  417.  
  418. .line.odd {
  419. background-color:{color:audio and ask};
  420. padding:5px;
  421. }
  422.  
  423. .line.even {
  424. background-color:{color:background};
  425. padding:5px;
  426. }
  427.  
  428. .label {
  429. padding-right:1px;
  430. text-transform:uppercase;
  431. font-weight:bold;
  432. color:{color:link};
  433. }
  434.  
  435.  
  436.  
  437.  
  438.  
  439.  
  440. #postinfo {
  441. font-family: 'arial';
  442. margin-top:10px;;
  443. letter-spacing:1px;
  444. text-align:left;
  445. font-size:8px;
  446. line-height:130%;
  447. color:{color:text};
  448. border-top: 1px solid {color:borders};
  449. padding-top:10px;
  450. text-transform:uppercase;
  451. {block:IfNotShowInfo}
  452. display:none;
  453. {/block:IfNotShowInfo}
  454. }
  455.  
  456. #postinfo a {color:{color:text};}
  457. #postinfo a:hover {color:{color:links hover};}
  458.  
  459.  
  460.  
  461. #tags {
  462. opacity:0;
  463. position:absolute;
  464. overflow:hidden;
  465. max-width:200px;
  466. -webkit-transition:all 0.5s ease-in-out;
  467. -moz-transition:all 0.5s ease-in-out;
  468. transition:all 0.5s ease-in-out;
  469. }
  470.  
  471. #tags a{
  472. letter-spacing:1px;
  473. padding:0px;
  474. text-transform:none;}
  475.  
  476. .permalinkpage {
  477. float:left;
  478. width:500px;
  479. text-align:left;
  480. {block:IndexPage}
  481. display:none!important;
  482. {/block:IndexPage}
  483.  
  484. }
  485. .permalinkpage img {
  486. display:none!important;}
  487. .permalinkpage li {
  488. padding:8px 1px;
  489. font-size:11px;
  490. text-align:left;
  491. list-style:none;
  492. margin-left:-27px;
  493. line-height:110%;
  494. -webkit-transition:all 0.5s ease-in-out;
  495. -moz-transition:all 0.5s ease-in-out;
  496. transition:all 0.5s ease-in-out;
  497. }
  498. .permalinkpage li:hover {background-color:{color:borders};
  499. -webkit-transition:all 0.5s ease-in-out;
  500. -moz-transition:all 0.5s ease-in-out;
  501. transition:all 0.5s ease-in-out;}
  502.  
  503.  
  504.  
  505. {CustomCSS}
  506.  
  507. </style></head>
  508.  
  509. <body>
  510.  
  511.  
  512. <div id="credit"><a href="http://dearhannibal.tumblr.com/"><img src="http://oi43.tinypic.com/11rryja.jpg"></a></div>
  513.  
  514.  
  515. <div id="con">
  516.  
  517. <div id="sidebar">
  518.  
  519.  
  520.  
  521. <div id="sidebarimage">
  522.  
  523.  
  524. <a href="/"><img src="{image:sidebar}"></a>
  525.  
  526. </div>
  527.  
  528.  
  529. <div id="title"><a href="/">{Title}</a></div>
  530.  
  531. <div id="sidebarlinks">
  532. {block:ifLink1}<a href="{text:Link 1 URL}" title="home">{text:Link 1}</a>{/block:ifLink1}&nbsp;
  533. {block:ifLink2}<a href="{text:Link 2 URL}" title="message">{text:Link 2}</a>{/block:ifLink2}&nbsp;
  534. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}&nbsp;
  535. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}&nbsp
  536. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  537.  
  538.  
  539.  
  540.  
  541. </div>
  542. <div id="description"><div id="bigletter">
  543. {text:bigletter}</div>{Description}</div>
  544.  
  545. <div id="pagination">
  546.  
  547. {block:Pagination}
  548. {block:PreviousPage}
  549. <a href="{PreviousPage}" style="font-size:14px;"> ← </a>
  550. {/block:PreviousPage}
  551. &nbsp;
  552. {block:NextPage}
  553. <a href="{NextPage}" style="font-size:14px;"> → </a>
  554. {/block:NextPage}
  555. {/block:Pagination}
  556. </div>
  557.  
  558.  
  559.  
  560. </div>
  561.  
  562.  
  563.  
  564.  
  565. <div id="entries">
  566.  
  567. {block:Posts}
  568. {block:ContentSource}
  569.  
  570. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  571.  
  572. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  573.  
  574. {/block:SourceLogo}
  575.  
  576. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  577.  
  578. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  579.  
  580. <div id="posts">
  581.  
  582. {block:Quote}
  583.  
  584.  
  585. <div id="titlequote">“{Quote}”</div>
  586. {block:Source}<div id="source"><span style="font-size:12px; color:{color:audio and ask}">&#9701;</span> {Source}</div>{/block:Source}
  587. {/block:Quote}
  588.  
  589.  
  590.  
  591. {block:Text}
  592.  
  593. {block:Title}
  594. <div id="title">{Title}</div>{/block:Title}
  595. {Body}
  596.  
  597.  
  598. {/block:Text}
  599.  
  600. {block:Link}
  601.  
  602. <h1><a href="{URL}">> {Name}</a></h1>{block:Description}{Description}{/block:Description}
  603.  
  604. {/block:Link}
  605.  
  606. {block:Chat}
  607. {block:Title}
  608. <h1>{Title}</h1>
  609. {/block:Title}
  610. <div class="chat">
  611. <ol>{block:Lines}
  612. <li class="line {Alt}">
  613. {block:Label}
  614. <span class="label">
  615. {Label}</span>
  616. {/block:Label}{Line}</li>
  617. {/block:Lines}
  618. </ol></div>
  619. {/block:Chat}
  620.  
  621. {block:Photo}
  622.  
  623. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  624. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  625.  
  626. {/block:Photo}
  627.  
  628. {block:Photoset}
  629.  
  630. <center>{Photoset-500}</center>
  631. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  632.  
  633.  
  634. {/block:Photoset}
  635.  
  636. {block:Video}
  637.  
  638. {Video-500}
  639. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  640.  
  641.  
  642.  
  643. {/block:Video}
  644.  
  645. {block:Audio}
  646.  
  647. <div id="audio">
  648. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100"> {/block:AlbumArt}</div>
  649. <div class="playerback">
  650. <div class="player">{AudioPlayerWhite}</div>
  651. </div>
  652. <div class="audioinfo">
  653. <div class="audi">{block:TrackName}{TrackName}{/block:TrackName}</div>
  654. {block:Artist}{Artist}{/block:Artist} //
  655. {block:Album}{Album}{/block:Album}
  656. </div>
  657. </div>
  658. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  659.  
  660. {/block:Audio}
  661.  
  662. {block:Answer}
  663. <div id="question">
  664.  
  665. <div class="q">
  666. {Question}</div>
  667. <div class="ask"><span style="font-size:11px; color:{color:text}">asked by:&nbsp;</span>{Asker}</div>
  668. <div class="answer">{Answer}</div>
  669. </div>
  670.  
  671. {/block:Answer}
  672.  
  673.  
  674.  
  675. <div id="postinfo">
  676. {block:Date}<a href="{permalink}">{TimeAgo}</a>{/block:Date}&nbsp;
  677. {block:NoteCount}<span class="notes"> &#9825; </span> <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}</div>
  678. {block:HasTags}<div class="tags" style="float:left; font-size:10px;
  679. text-transform:lowercase;
  680. padding-top:3px;
  681. font-family: 'Jacques Francois', serif;">
  682. {block:Tags}<a href="{TagURL}">{Tag}. &nbsp &nbsp;</a>{/block:Tags}
  683. </div>{/block:HasTags}
  684.  
  685.  
  686. </div>
  687.  
  688.  
  689.  
  690. {block:PermalinkPage}
  691. {/block:PermalinkPage}
  692. <div class="permalinkpage">
  693. {PostNotes}
  694. </ol>
  695.  
  696.  
  697. </div>
  698. {/block:PostNotes}
  699. {/block:Posts}
  700.  
  701.  
  702.  
  703. </div>
  704.  
  705. </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!