API tools faq
paste
dearhannibal

Halcyon

dearhannibal
Jan 4th, 2014
3,753
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!-- 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 -->
  6.  
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!-- default variables -->
  16.  
  17. <meta name="color:background" content="#ffffff">
  18. <meta name="color:title" content ="#3b3b3b">
  19. <meta name="color:text" content="#3b3b3b">
  20. <meta name="color:tags" content="#3b3b3b">
  21. <meta name="color:permalink" content="#e0e0e0">
  22. <meta name="color:link" content="#b8b8b8">
  23. <meta name="color:link hover" content="#3b3b3b">
  24. <meta name="color:border" content="#eeeeee">
  25. <meta name="color:scrollbar" content="#eeeeee">
  26. <meta name="color:scrollbar bg" content="#ffffff">
  27.  
  28. <meta name="if:show captions" content="1"/>
  29. <meta name="if:shadow" content="1"/>
  30. <meta name="text:Link 1 URL" content="" />
  31. <meta name="text:Link 1" content="" />
  32. <meta name="text:Link 2 URL" content="" />
  33. <meta name="text:Link 2" content="" />
  34. <meta name="text:Link 3 URL" content="" />
  35. <meta name="text:Link 3" content="" />
  36. <meta name="text:Link 4 URL" content="" />
  37. <meta name="text:Link 4" content=""/>
  38. <meta name="text:Link 5 URL" content="" />
  39. <meta name="text:Link 5" content="" />
  40.  
  41. <link href='http://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps|Romanesco' rel='stylesheet' type='text/css'>
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Coda|Amarante' rel='stylesheet' type='text/css'>
  44.  
  45. <script type="text/javascript" src="http://laura-schmal.de/data/tumblr/lightbox/js/jquery-1.7.2.min.js"></script>
  46.  
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48.  
  49. <!-- tooltip script -->
  50.  
  51. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  52.  
  53. <script>
  54. (function($){
  55. $(document).ready(function(){
  56. $("[title]").style_my_tooltips({
  57. tip_follows_cursor:true,
  58. tip_delay_time:200,
  59. tip_fade_speed:300
  60. }
  61. );
  62. });
  63. })(jQuery);
  64. </script>
  65.  
  66.  
  67. <!-- CSS styling aww yeah. This is the fun part. -->
  68.  
  69. <style type="text/css">
  70.  
  71.  
  72. #s-m-t-tooltip {
  73. max-width:300px;
  74. margin:10px 0px 0px 15px;
  75. text-transform:uppercase;
  76. font-family:helvetica;
  77. letter-spacing:1px;
  78. font-size:8px;
  79. color:#ffffff;
  80. background:#060606;
  81. border:0px double #ebe9e9;
  82. padding:5px;
  83. z-index:999
  84. }
  85.  
  86. ::-webkit-scrollbar {width:5px; height:auto; background:{color:scrollbar bg};}
  87. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  88. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  89. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  90.  
  91. #credit {position:fixed;
  92. float:right;
  93. opacity:0.7;
  94. bottom:18px;
  95. right:18px;
  96. padding:6px;
  97. font-size:10px;
  98. text-align:center;
  99. height:10px;
  100. width:10px;
  101. font-family:georgia;
  102. -webkit-transition:all 0.5s ease-in-out;
  103. -moz-transition:all 0.5s ease-in-out;
  104. transition:all 0.5s ease-in-out;}
  105. #credit a {color:black;}
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112. body {
  113. margin:0px;
  114. padding:0px;
  115. width:auto;
  116. font-family:libre baskerville;
  117. font-size:9px;
  118. color:{color:text};
  119. background:{color:background};
  120. }
  121.  
  122. a:link, a, a:active, a:visited {
  123. text-decoration:none;
  124. color:{color:link};
  125. -webkit-transition: all 0.5s ease-in-out;
  126. -moz-transition: all 0.5s ease-in-out;
  127. -o-transition: all 0.5s ease-in-out;
  128. -ms-transition: all 0.5s ease-in-out;
  129. transition: all 0.5s ease-in-out;
  130. }
  131. a:hover {
  132. color:{color:link hover};
  133. }
  134.  
  135. #con {
  136. position:absolute;
  137. left:50%;
  138. margin-left:-200px;
  139. }
  140.  
  141. #entry {
  142. margin:auto;
  143. position:absolute;
  144. width:400px;
  145. font-family:helvetica;
  146. font-size:11px;
  147. padding-bottom:60px;}
  148.  
  149. .post {
  150. float:center;
  151. overflow:hidden;
  152. text-align:justify;
  153. padding-top:100px;
  154. margin-left:-50px;
  155. margin-bottom:60px;
  156. width:415px;
  157. overflow:hidden;
  158. }
  159.  
  160. .post img{
  161. width:405px;
  162. {block:IfShadow}
  163. width:400px;
  164. box-shadow: 10px 10px 8px #d1d0d0;
  165. {/block:IfShadow}
  166. }
  167.  
  168.  
  169.  
  170. iframe.photoset {
  171. width:405px;
  172. {block:Ifshadow}
  173. width:400px;
  174. box-shadow: 10px 10px 8px #d1d0d0;
  175. {/block:Ifshadow}
  176. }
  177.  
  178.  
  179.  
  180. #permalinkpage {
  181. width:392px;
  182. margin-bottom:2px;
  183. margin-top:25px;
  184. margin-left:1px;
  185. font-family:arial;
  186. font-size:8px;
  187. text-align:center;
  188. text-transform:lowercase;
  189. letter-spacing:2px;
  190. padding:5px;
  191. }
  192.  
  193. #permalinkpage a {
  194. margin-top:10px;
  195. color:{color:bottompost link};
  196. }
  197.  
  198. #permalinkpage a:hover {
  199. color:{color:bottompost link hover};
  200. }
  201.  
  202.  
  203. #bottompost {
  204. opacity:0;
  205. width:392px;
  206. margin-bottom:2px;
  207. margin-top:10px;
  208. font-family:arial;
  209. font-size:8px;
  210. text-align:center;
  211. text-transform:lowercase;
  212. letter-spacing:2px;
  213. padding:5px;
  214. border-top:1px solid {color:border};
  215. padding:10px;
  216. -webkit-transition: all 0.5s ease-in-out;
  217. -moz-transition: all 0.5s ease-in-out;
  218. -o-transition: all 0.5s ease-in-out;
  219. -ms-transition: all 0.5s ease-in-out;
  220. transition: all 0.5s ease-in-out;
  221.  
  222. }
  223.  
  224. #bottompost a {
  225. padding-top:5px;
  226. color:{color:bottompost link};
  227. }
  228.  
  229. #bottompost a:hover {
  230. color:{color:bottompost link hover};
  231. }
  232.  
  233. .post:hover #bottompost {
  234. opacity:1;
  235. }
  236.  
  237.  
  238. #tags {
  239. font-size:10px;
  240. padding:3px;
  241. margin-left:-3px;
  242. font-family:cambria;
  243. text-transform: none;
  244. color:{color:tags};
  245. letter-spacing:0px;
  246. font-style:italic;
  247. }
  248. #tags a {
  249. color:{color:tags};
  250. }
  251. #tags a:hover {
  252. color:{color:link hover};
  253. }
  254.  
  255.  
  256.  
  257.  
  258. h1 {
  259. font-size:14px;
  260. text-transform:none;
  261. font-weight:lighter;
  262. padding-left:10px;
  263. color:{color:title};
  264. }
  265. h1 a {
  266. color:{color:title};
  267. text-transform:none;
  268. }
  269.  
  270.  
  271.  
  272. #sidebar {
  273. position:fixed;
  274. text-align:justify;
  275. width:240px;
  276. margin-top:290px;
  277. z-index:1;
  278. border-bottom:0px solid {color:Border};
  279. margin-left:460px;
  280. }
  281.  
  282. #links{
  283. font-size:0px;
  284. text-transform:lowercase;
  285. margin-top:290px;
  286. margin-left:-220px;
  287. text-align:right;
  288. float:right;
  289. position:fixed;
  290. padding:1px;
  291. }
  292.  
  293.  
  294. #links a {
  295. display:block;
  296. width:10px;
  297. height:10px;
  298. background:#f4f4f4;
  299. margin:13px 19px;
  300. border:1px solid #909090;
  301. border-radius:100%;
  302. -webkit-transition:all 0.3s;
  303. -moz-transition:all 0.3s;
  304. -ms-transition:all 0.3s;
  305. -o-transition:all 0.3s;
  306. transition:all 0.3s;
  307. }
  308.  
  309. #links a:hover {
  310. border:1px solid black;
  311. background:black;
  312. -webkit-transition:all 0.3s;
  313. -moz-transition:all 0.3s;
  314. -ms-transition:all 0.3s;
  315. -o-transition:all 0.3s;
  316. transition:all 0.3s; }
  317.  
  318.  
  319.  
  320. #blogtitle{
  321. color:{color:title};
  322. text-align:left;
  323. line-height:38px;
  324. margin-bottom:-36px;
  325. font-family:'Coda', cursive;
  326. font-size:19px;
  327. text-transform:uppercase;
  328. letter-spacing:2px;
  329. -webkit-transition:all .8s;
  330. -moz-transition:all .8s;
  331. -ms-transition:all .8s;
  332. -o-transition:all .8s;
  333. transition:all .8s; }
  334.  
  335.  
  336. .description{
  337. text-align:left;
  338. margin-left:0px;
  339. padding:0px;
  340. font-family:helvetica;
  341. font-size:11px;
  342. margin-top:30px;
  343. margin-bottom:-60px;
  344. border-bottom:1px solid #c4c4c4;
  345. padding-bottom:20px;
  346. }
  347.  
  348.  
  349. .pagination {
  350. width:200px;
  351. margin-top:50px;
  352. text-align:right;
  353. text-transform:lowercase;
  354. font-family:helvetica;
  355. font-weight:normal;
  356. text-decoration:;
  357. margin-left:0px;
  358. font-size:10px;
  359. letter-spacing:1px;
  360. }
  361.  
  362. .pagination a {
  363. color:{color:title};
  364. margin-bottom:10px;
  365. background:#ffffff;
  366. padding:5px;
  367. -webkit-transition: all 0.5s ease-in-out;
  368. -moz-transition: all 0.5s ease-in-out;
  369. -o-transition: all 0.5s ease-in-out;
  370. -ms-transition: all 0.5s ease-in-out;
  371. transition: all 0.5s ease-in-out;
  372. }
  373.  
  374. .pagination a:hover {
  375. color:{color:link hover};
  376. }
  377.  
  378. .quote {
  379. font-family:baskerville;
  380. font-size:18px;
  381. font-style:italic;
  382. text-align:right;
  383. line-height:110%;
  384. padding-right:5px;
  385. padding-left:5px;
  386. padding-bottom:3px;
  387. }
  388.  
  389. #source {
  390. text-align:left;
  391. padding-left:20px;
  392. padding-right:5px;
  393. }
  394.  
  395. .audio{
  396. position:absolute;
  397. width:40px;
  398. margin-left:10px;
  399. height:40px;
  400. }
  401.  
  402. .button {
  403. width:30px;
  404. height:30px;
  405. overflow:hidden;
  406. position:relative;
  407. opacity:0.6;
  408. z-index:100;
  409. margin:9px 18px 7px 10px;
  410. border-radius:100%;
  411. }
  412.  
  413. .audioplayer {
  414. margin-left:50px;
  415. float:center;
  416. opacity:0.7;
  417. background-color:#ffffff;
  418. position:absolute;
  419. z-index:100;
  420. }
  421.  
  422. .audioimage{
  423. margin-top:-50px;
  424. position:absolute;
  425. width:70px;
  426. height:70px;
  427. }
  428.  
  429. .audioimage img{
  430. float:left;
  431. opacity:1;
  432. width:70px;
  433. }
  434.  
  435. .audiodata {
  436. background-color:{color:background};
  437. font-size:10px;
  438. letter-spacing:1px;
  439. padding:10px;
  440. height:55px;
  441. width:305px;
  442. margin-left:75px;
  443. text-align:center;
  444. }
  445.  
  446. .video {
  447. width:390px;
  448. background:#f4f4f4;
  449. padding:5px;
  450. }
  451.  
  452. .data {
  453. background-color:{color:background};
  454. color:{color:text};
  455. text-transform:lowercase;
  456. height:10px;
  457. padding:6px 0px 5px 0px;
  458. width:400px;
  459. margin-bottom:-7px;
  460. margin-left:99px;
  461. text-align:center;
  462. }
  463.  
  464. .data b {
  465. color:{color:source};
  466. line-height:7px;
  467. }
  468.  
  469.  
  470. .caption {
  471. width:399px;
  472. text-align:center;
  473. margin-top:15px;
  474. padding-left:20px;
  475. padding-right:10px;
  476. font-family:helvetica;
  477. display:block;
  478. background:#f4f4f4;
  479. padding:5px;
  480.  
  481. }
  482. .caption img {
  483. max-width:390px;
  484. }
  485.  
  486. blockquote {
  487. padding-left:5px;
  488. border-left:1px solid {color:border};
  489. }
  490.  
  491. #asker {
  492. text-align:left;
  493. margin-top:0px;
  494. font-size:11px;
  495. font-style:none;
  496. padding:10px;
  497. background-color:#f5f5f5;
  498. margin-bottom:20px;
  499. }
  500.  
  501. #asker a {
  502. font-size:10px;
  503. font-family:'arial';
  504. letter-spacing:1px;
  505. background:none;
  506. border-bottom:1px solid {color:link};
  507. color:{color:text}
  508. }
  509.  
  510. #question {
  511. font-size:11px;
  512. letter-spacing:0px;
  513. background:none;
  514. font-family:helvetica;
  515. }
  516.  
  517. ol.notes {
  518. padding-left:5px;
  519. padding-bottom:2%;
  520. width:400px;
  521. list-style-type:lower-roman;
  522. text-align:center;
  523. }
  524.  
  525. ol.notes li.note{
  526. border-bottom:1px solid {color:border};
  527. padding:2%;
  528. }
  529.  
  530. ol.notes li.note img.avatar{
  531. width:0px;
  532. height:0px;}
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539. </style></head>
  540.  
  541. <body>
  542.  
  543. <div id="credit"><a href="http://dearhannibal.tumblr.com/"><img src="http://oi43.tinypic.com/11rryja.jpg"></a></div>
  544.  
  545. <div id="con">
  546.  
  547. <div id="links">
  548.  
  549. {block:ifLink1}<a href="/" title="home">{text:Link 1}</a>{/block:ifLink1}&nbsp;
  550. {block:ifLink2}<a href="{text:Link 2 URL}" title="message">{text:Link 2}</a>{/block:ifLink2}&nbsp;
  551. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}&nbsp;
  552. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}&nbsp
  553. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  554. </div>
  555.  
  556. <div id="sidebar">
  557.  
  558. <div id="blogtitle">
  559. {Title}
  560. </div>
  561. <div class="description">
  562. {Description}
  563. </div>
  564.  
  565. <div class="pagination">
  566. {block:PreviousPage}
  567. <a href="{PreviousPage}">back</a>
  568. {/block:PreviousPage}
  569. {block:NextPage}
  570. <a href="{NextPage}">forth</a>
  571. {block:NextPage}
  572. </div>
  573.  
  574.  
  575. </div>
  576.  
  577.  
  578. <div id="entry">
  579.  
  580. {block:Posts}
  581. <div class="post">
  582.  
  583. {block:Text}
  584. {block:Title}<h1>{Title}</h1>{/block:Title}
  585. {Body}
  586. {/block:Text}
  587.  
  588.  
  589. {block:Photo}
  590. <a href="{Permalink}"><img src="{PhotoURL-400}"></a>
  591. {block:Caption}
  592. {block:ifshowcaptions}
  593. <span class="caption">{Caption}</span>
  594. {/block:ifshowcaptions}
  595. {/block:Caption}
  596. {/block:Photo}
  597.  
  598.  
  599. {block:Photoset}
  600. {Photoset-400}
  601. {block:Caption}
  602. {block:ifshowcaptions}
  603. <span class="caption">{Caption}</span>
  604. {/block:ifshowcaptions}
  605. {/block:Caption}
  606. {/block:Photoset}
  607.  
  608. {block:Quote}
  609. <div class="quote">❝ {Quote} ❞</div>
  610. {block:Source}
  611. <div id="source">— {Source}</div>
  612. {/block:Source}
  613. {/block:Quote}
  614.  
  615.  
  616. {block:Link}
  617. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  618. {block:Description}
  619. <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  620. {/block:Description}
  621. {/block:Link}
  622.  
  623.  
  624. {block:Chat}
  625. {block:Title}<h1>{Title}</h1>{/block:Title}
  626. {block:Lines}
  627. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  628. {/block:Lines}
  629. {/block:Chat}
  630.  
  631. {block:Audio}
  632. <div class="audio">
  633. <div class="adioplayer"><div class="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  634. <div class="audioimage"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimage"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  635. <div class="audiodata"><br><font style="text-transform:lowercase">{block:TrackName}{TrackName} - {/block:TrackName}
  636. {block:Artist}{Artist}{/block:Artist}</font></div>
  637.  
  638. {block:Caption}
  639. {block:ifshowcaptions}
  640. <span class="caption">{Caption}</span>
  641. {/block:ifshowcaptions}
  642. {/block:Caption}
  643. {/block:Audio}
  644.  
  645.  
  646. {block:Video}
  647. {Video-400}
  648. {block:Caption}
  649. {block:ifshowcaptions}
  650. <span class="caption">{Caption}</span>
  651. {/block:ifshowcaptions}
  652. {/block:Caption}
  653. {/block:Video}
  654.  
  655.  
  656. {block:Answer}
  657. <div id="asker"><b>{Asker}</b> <font id="question">asked:
  658. {Question}</font></div>
  659. <div class="answer" style="font-size:11px; font-family:helvetica; margin-left:7px;">{Answer}</div>
  660. {/block:Answer}
  661.  
  662. <div id="bottompost"><a href="{Permalink}">{DayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} of {Month} with {NoteCountWithLabel}</a></span><br><div id="tags">{block:HasTags}{block:Tags}
  663. <span style="opacity:0.5; text-transform:lowercase"></span><a href="/tagged/{Tag}">{Tag}</a>,&nbsp;{/block:Tags}{/block:HasTags}</div></div>
  664.  
  665. {block:PermalinkPage}
  666. <div id="permalinkpage">
  667. <font style="text-transform:lowercase;"><br>{block:ContentSource}by: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</a></font><br>
  668. {/block:PermalinkPage}
  669.  
  670. </div>
  671.  
  672.  
  673. {/block:Posts}
  674.  
  675. {block:PermalinkPage}
  676. {block:PostNotes}
  677. <div id="notes">{PostNotes}</div>
  678. {/block:PostNotes}
  679. {/block:permalinkpage}
  680.  
  681. </div>
  682.  
  683. </div>
  684.  
  685. </body>
  686. </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!