API tools faq
paste
Advertisement
purethought-s

Theme #27: Hannibal

purethought-s
Aug 9th, 2013
1,359
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.18 KB | None | 0 0
raw download clone embed print report
  1. <!-- Hannibal Theme by sleephy.tumblr.com
  2. Please don't steal this!
  3. Your header image should be atleast 300px high X 1400px wide (or more)
  4. and your sidebar picture should be an even square (150 x 150px at least)
  5.  
  6.  
  7. -->
  8.  
  9. <html>
  10. <head>
  11.  
  12. <title>{title}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15.  
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!-- YOU CAN EDIT THIS IN THE APPEARANCE TAB -->
  20.  
  21. <meta name="color:background" content="#fff"/>
  22. <meta name="color:Text" content="#8a8989"/>
  23. <meta name="color:Title" content="#a0a0a0"/>
  24. <meta name="color:border" content="#eee"/>
  25. <meta name="color:Link" content="#b1b1b1"/>
  26. <meta name="color:Link Hover" content="#9dbdbdb"/>
  27. <meta name="color:Info" content="#f0f1f1"/>
  28. <meta name="color:Scrollbar" content="#b6b5b5"/>
  29. <meta name="color:Chat 1" content="#FFf"/>
  30. <meta name="color:Chat 2" content="#FFf"/>
  31. <meta name="color:Header BG" content="#000"/>
  32. <meta name="color:Header Link" content="#fff"/>
  33. <meta name="image:Sidebar" content=""/>
  34. <meta name="image:Header" content=""/>
  35. <meta name="color:Permalink Color 1" content="#fff">
  36. <meta name="color:Permalink Color 2" content="#888">
  37. <meta name="text:Link1" content="" />
  38. <meta name="text:Link1Title" content="" />
  39. <meta name="text:Link2" content="" />
  40. <meta name="text:Link2Title" content="" />
  41. <meta name="text:Link3" content="" />
  42. <meta name="text:Link3Title" content="" />
  43. <meta name="text:Link4" content="" />
  44. <meta name="text:Link4Title" content="" />
  45. <meta name="text:Link5" content="" />
  46. <meta name="text:Link5Title" content="" />
  47. <meta name="text:Link6" content="" />
  48. <meta name="text:Link6Title" content="" />
  49.  
  50.  
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55.  
  56. ::-webkit-scrollbar {height: 3px;width: 3px;}
  57. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  58. ::-webkit-scrollbar-track{background-color:{color:background};}
  59.  
  60.  
  61.  
  62.  
  63. body {
  64. background-color:{color:background};
  65. color:{color:Text};
  66. font-family:cambria;
  67. font-size:11px;
  68. }
  69.  
  70.  
  71.  
  72. a {
  73. color:{color:Link};
  74. text-decoration: none;
  75. -webkit-transition: all 0.4s ease-in-out;
  76. -moz-transition: all 0.4s ease-in-out;
  77. transition: all 0.4s ease-in-out;
  78. }
  79.  
  80.  
  81. a:hover {
  82. color:{color:Link Hover};
  83. -webkit-transition: all 0.4s ease-in-out;
  84. -moz-transition: all 0.4s ease-in-out;
  85. transition: all 0.4s ease-in-out;
  86. }
  87.  
  88.  
  89. p{
  90. margin-top: 1px
  91. }
  92.  
  93.  
  94. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  95.  
  96.  
  97.  
  98. #entries{
  99. margin-left: 490px;
  100. margin-top:320px;
  101. width:500px;
  102. }
  103.  
  104.  
  105.  
  106. .posts{
  107. background-color: transparent;
  108. padding: 20px 0 0 0;
  109. font-style:normal;
  110. }
  111.  
  112.  
  113.  
  114. #credit {
  115. position:fixed;
  116. right:3px;
  117. bottom:3px;
  118. line-height:5px;
  119. letter-spacing:0px;
  120. font:10px trebuchet ms;
  121. color: {color:text};
  122. text-transform:uppercase;
  123. }
  124.  
  125.  
  126.  
  127. h1{
  128. font-family: 'georgia';
  129. font-style:ITALIC;
  130. font-size: 15px;
  131. font-weight:none;
  132. }
  133.  
  134.  
  135. .qquote{
  136. font-family: 'georgia';
  137. font-style:ITALIC;
  138. font-size: 15px;
  139. font-weight:none;
  140.  
  141. margin-left: 0px;
  142. }
  143.  
  144.  
  145.  
  146. .qsource{
  147. margin: 5px 0px 0 20px;
  148. text-align: left;
  149. text-transform: none;
  150. }
  151.  
  152.  
  153. .chat{
  154. line-height: 12px;
  155. list-style: none;
  156. font-color:#000000;
  157. }
  158.  
  159.  
  160.  
  161.  
  162. .chat ul {
  163. line-height: 15px;
  164. list-style: none;
  165. padding: 0px;
  166. line-height: 20px;
  167. }
  168.  
  169.  
  170.  
  171.  
  172. .person1 {
  173. color:{color:Text};
  174. background-color:{color:Chat 1};
  175. }
  176.  
  177.  
  178.  
  179.  
  180. .person1 .label {
  181. font-weight: bold;
  182. padding: 0px;
  183. margin-left:
  184. 5px; color:
  185. }
  186.  
  187.  
  188.  
  189.  
  190. .person2 {
  191. color:{color:Text};
  192. background-color:{color:Chat 2};
  193. }
  194.  
  195.  
  196.  
  197.  
  198. .person2 .label {
  199. font-weight: bold;
  200. padding: 0px;
  201. margin-left: 5px;
  202. color: }
  203.  
  204.  
  205.  
  206.  
  207.  
  208. .iaudio {
  209. margin-bottom: 2px;
  210. width: 100%;
  211. background-color: #transparent}
  212.  
  213.  
  214.  
  215.  
  216. .iaudio img
  217. {width: 208px;
  218. padding: 20px 0 0px 0
  219. }
  220.  
  221.  
  222.  
  223.  
  224. .icap{
  225. margin-top: 1px
  226. }
  227.  
  228.  
  229.  
  230. #ask {
  231. border-bottom:1px dashed;
  232. padding-bottom:5px;
  233. }
  234.  
  235.  
  236. #asker {
  237. font-family:"georgia";
  238. font-size:18px;
  239. }
  240.  
  241.  
  242. #askerimg {
  243. float:left;
  244. margin-right:5px;
  245. border:3px solid;
  246. border-color:{color:info};
  247. margin-top:-5px;
  248. }
  249.  
  250.  
  251. #question {
  252. margin-left:5px;
  253. margin-top:-3px;
  254. }
  255.  
  256.  
  257. #answer {
  258. margin-top:10px;
  259. margin-bottom:-5px;
  260. }
  261.  
  262.  
  263.  
  264. .cap {
  265. padding-top: 5px;
  266. width: 500px;
  267. }
  268.  
  269.  
  270.  
  271. #information {
  272. text-align:right;
  273. text-transform:uppercase;
  274. font-family:calibri;
  275. font-size:9px;
  276. background-color:{color:info};
  277. padding: 3px;
  278. letter-spacing:1px;
  279. }
  280.  
  281.  
  282.  
  283.  
  284.  
  285. #notes{ text-align:center; font-family:calibri; font-size:8px; letter-spacing:1px; margin-bottom: 1px; border-top: 1px solid {color:Permalink Color 2}; text-transform:uppercase;padding:5px;color:{color:Permalink Color 2}}
  286.  
  287. #notes a{color:{color:Permalink Color 2};padding:3px; margin:1px;}
  288.  
  289.  
  290.  
  291. #notes a:hover{ color: {color:Permalink Color 1}; box-shadow:inset 0px 20px 0px {color:Permalink Color 2};}
  292. #audio {
  293. margin-bottom:5px;
  294. width:500px;
  295. height:105px;
  296. }
  297.  
  298. .albumart {
  299. width:100px;
  300. height:100px;
  301. position:absolute;
  302. }
  303.  
  304. .albumart img {
  305. width:100px;
  306. height:100px;
  307. float:left;
  308. }
  309. .playercontainer {
  310. opacity: .2;
  311. display:block;
  312. width:100px;
  313. height:100px;
  314. background:#fff;
  315. position:absolute;
  316. -webkit-transition:all 0.5s ease-in-out;
  317. -moz-transition:all 0.5s ease-in-out;
  318. -o-transition:all 0.5s ease-in-out;
  319. -ms-transition: all 0.5s ease-in-out;
  320. transition:all 0.5s ease-in-out;
  321. }
  322.  
  323. .playercontainer:hover {
  324. opacity:.7;
  325. position:absolute;
  326. -webkit-transition:all 0.5s ease-in-out;
  327. -moz-transition:all 0.5s ease-in-out;
  328. -o-transition:all 0.5s ease-in-out;
  329. -ms-transition: all 0.5s ease-in-out;
  330. transition:all 0.5s ease-in-out;
  331. }
  332.  
  333. .player {
  334. margin-left:36px;
  335. margin-top:36px;
  336. width:25px;
  337. height:25px;
  338. overflow:hidden;
  339. position:absolute;
  340. background:#fff;
  341. }
  342.  
  343. .audioinfo {
  344. margin-left:110px;
  345. float:left;
  346. color:{color:Permalink Color 2};
  347.  
  348. font-family:calibri;
  349. letter-spacing:1px;
  350. font-size:8px;
  351. text-transform:uppercase;
  352. width:386px;
  353. padding:2px;
  354. margin-top:3px;
  355. }
  356.  
  357. .audioinfo b {
  358. font-family:calibri;
  359. letter-spacing:1px;
  360. font-size:8px;
  361. text-transform:uppercase;
  362. color:{color:Permalink Color 1};
  363. background:{color:Permalink Color 2};
  364. padding:3px 4px 3px 4px;
  365. font-weight:normal;
  366. margin-right:5px;
  367. }
  368.  
  369.  
  370.  
  371. #tags {
  372. display:block;
  373. padding: 6px;
  374. text-transform:uppercase;
  375. font-family:calibri;
  376. font-size:8px;
  377. text-align:center;
  378. text-transform:italic;
  379. color:{color:Permalink Color 1};
  380. background:{color:Permalink Color 2};
  381. -webkit-transition: all 0.4s ease-in-out;
  382. -moz-transition: all 04s ease-in-out;
  383. transition: all 0.4s ease-in-out;
  384. }
  385.  
  386. #tags a{
  387. color:{color:Permalink Color 1};
  388. padding:2px;
  389. }
  390.  
  391. #tags a:hover{
  392. color: {color:Permalink Color 2}; box-shadow:inset 0px -20px 0px {color:Permalink Color 1};
  393.  
  394. }
  395.  
  396. #header2{
  397. background: {color:header BG} Url({image:header});
  398. height:300px;
  399. top:0px;
  400. left:0px;
  401. width:100%;
  402. position:absolute;
  403. z-index:99999999;
  404. -webkit-transition: all 0.4s ease-in-out;
  405. -moz-transition: all 04s ease-in-out;
  406. transition: all 0.4s ease-in-out; }
  407.  
  408. #header{
  409. background: {color:header BG};
  410. height:auto;
  411. top:280px;
  412. left:0px;
  413. line-height:13px;
  414. font-size:8px;
  415. padding:10px;
  416. text-align:center;
  417. width:100%;
  418. position:absolute;
  419. z-index:99999999;
  420. }
  421.  
  422. #header a{
  423. padding:2px;
  424. font-family:calibri;
  425. color:{color:Header link}
  426. font-size:8px;
  427. text-transform:uppercase;
  428. margin:3px;
  429. letter-spacing:2px;
  430. -webkit-transition: all 0.4s ease-in-out;
  431. -moz-transition: all 04s ease-in-out;
  432. transition: all 0.4s ease-in-out; }
  433.  
  434. #header a:hover{
  435. background:{color:Header link};
  436. color:{color:header BG};
  437. -webkit-transition: all 0.4s ease-in-out;
  438. -moz-transition: all 04s ease-in-out;
  439. transition: all 0.4s ease-in-out;
  440. }
  441.  
  442.  
  443. #header.sticky {
  444. position:fixed;
  445. top:0;
  446. left:0;
  447. z-index:99999999999999999999999999999;
  448. }
  449.  
  450.  
  451.  
  452. #desc:first-letter {
  453. padding:3px;
  454. padding-bottom:3px;
  455. padding-left:7px;
  456. padding-right:8px;
  457. font-size:14px;
  458. text-transform:uppercase;
  459. font-family:'cambria';
  460. font-style:italic;
  461. margin-right:5px;
  462. line-height:100%;
  463. float:left;
  464. background:{color:text};
  465. color:{color:background};
  466. }
  467.  
  468.  
  469.  
  470. #sidebar{
  471. width: 150px;
  472. overflow:hidden;
  473. position: fixed;
  474. z-index:1;
  475. opacity:1;
  476. text-align:left;
  477. padding:5px;
  478. margin-top:20px;
  479. margin-left:150px;
  480. background-color: {color:background};}
  481.  
  482.  
  483.  
  484. #sidebar img{
  485. width:130px;
  486. border:1px solid {color:border};
  487. max-height:130px;
  488. padding:10px;
  489. opacity:.8;
  490. }
  491.  
  492.  
  493.  
  494.  
  495.  
  496.  
  497.  
  498.  
  499.  
  500.  
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507. @font-face {font-family: "Tiny";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  508.  
  509. #s-m-t-tooltip{
  510. max-width:200px;
  511. padding:5px;
  512. margin:26px 0px 0px 8px;
  513. z-index:99999999999999999999999999999999999999999999999999;
  514. color:gray;
  515. background:white;
  516. height:auto;
  517. font-size:9px;
  518. font-style:italic;
  519. border-radius:3px;
  520. font-family:cambia;
  521. letter-spacing:1px;
  522. text-transform:lowercase;
  523.  
  524. }
  525.  
  526. {CustomCSS}
  527.  
  528. </style>
  529. <script type="text/javascript" src="http://static.tumblr.com/xrmodho/zoUmtvm6l/jquery.js"></script>
  530. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  531. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  532. <script>
  533. (function($){
  534. $(document).ready(function(){
  535. $("a[title]").style_my_tooltips({
  536. tip_follows_cursor:true,
  537. tip_delay_time:10,
  538. tip_fade_speed:400,
  539. attribute:"title"
  540. });
  541. });
  542. })(jQuery);
  543. </script>
  544. <!--Sticky header links script -->
  545. <script>
  546. $(function(){
  547. var header = $('#header').offset().top;
  548. $(window).scroll(function(){
  549. if( $(window).scrollTop() > header ) {
  550. $('#header').addClass("sticky");
  551. } else {
  552. $('#header').removeClass("sticky");
  553. }
  554. });
  555. });
  556.  
  557. </script>
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564. <body>
  565.  
  566.  
  567. <Div id="header2"></div><div id="header">
  568.  
  569.  
  570. <A href="/" title="return to index">refresh</a>
  571. <A href="/ask" title="{asklabel}">message</a>
  572. <A href="/archive" title="my past">archive</a>
  573.  
  574.  
  575. <A href="http://sleephy.tumblr.com" title="theme credit">theme</a>
  576.  
  577. {BLock:iflink1title}
  578. <A title="{text:liNK1TITLE}" href="{text:Link1}">{text:Link1Title}</a>{/BLock:iflink1title}
  579. {BLock:iflink2title} <A title="{text:liNK2TITLE}" href="{text:Link2}" >{text:Link2Title}</a> {/BLock:iflink2title}
  580. {BLock:iflink3title}
  581. <A title="{text:liNK3TITLE}" href="{text:Link3}" >{text:Link3Title}</a> {/BLock:iflink3title}
  582. {BLock:iflink4title} <A title="{text:liNK4TITLE}" href="{text:Link4}" >{text:Link4Title}</a>{/BLock:iflink4title}
  583. {BLock:iflink5title}
  584. <A title="{text:liNK5TITLE}" href="{text:Link5}" >{text:Link5Title}</a>{/BLock:iflink5title}{BLock:iflink6title}
  585. <A title="{text:liNK6TITLE}" href="{text:Link6}">{text:Link6Title}</a> {/BLock:iflink6title}
  586.  
  587. {block:HasPages}
  588. {block:Pages}
  589. <a href="{URL}" title="{Label}">{Label}</a></li>
  590.  
  591. {/block:Pages}
  592. {/block:HasPages}
  593.  
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  
  600.  
  601.  
  602.  
  603.  
  604.  
  605.  
  606. <br>{block:PreviousPage}<a title="previous page" href="{PreviousPage}">←</a>{/block:PreviousPage}&nbsp;
  607. {block:JumpPagination length="5"}
  608. {block:CurrentPage}
  609. <span class="jumppag">{PageNumber}</span>&nbsp;
  610. {/block:CurrentPage}
  611. {block:JumpPage}
  612. <a class="jumppaglink" href="{URL}">{PageNumber}</a>&nbsp;
  613. {/block:JumpPage}
  614. {/block:JumpPagination}
  615. {block:NextPage}<a title="next page" href="{NextPage}">→</a></font>{/block:NextPage}</div>
  616.  
  617. <div id="sidebar"><font face="georgia"><i><center>{title}</center></i></font><div class="sidebarimg"><img
  618.  
  619. src="{image:sidebar}"/></div><div id="desc">{Description}
  620.  
  621.  
  622.  
  623.  
  624. </div>
  625.  
  626. </div></div>
  627.  
  628. <div id="entries">
  629.  
  630.  
  631. {block:Posts}
  632.  
  633.  
  634. <div class="posts">
  635.  
  636.  
  637.  
  638.  
  639.  
  640.  
  641. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  642.  
  643. {block:Photo}
  644. {block:IndexPage}
  645. <div id="postbody">
  646. <center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></a></div></center>
  647. {/block:IndexPage}
  648. {block:PermalinkPage}
  649. <div id="postbox">
  650. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  651. </div>
  652. {/block:PermalinkPage}
  653. {/block:Photo}
  654.  
  655. {block:Photoset}{Photoset-500}{/block:Photoset}
  656.  
  657. {block:Quote}
  658. <div class="qquote"><big><big>❝</big></big> {Quote} <big><big>❞</big></big></div>
  659. {block:Source}<div class="qsource">- {Source}</div>{/block:Source}
  660. {/block:Quote}
  661.  
  662. {block:Link}
  663. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  664. {block:Description}{Description}{/block:Description}
  665. {/block:Link}
  666.  
  667. {block:Chat}
  668. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  669. <div class="chat"><ul>{block:Lines}
  670. <li class="person{UserNumber}">{block:Label}
  671. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  672. {/block:Chat}
  673.  
  674. {block:Audio}
  675. <div id="audio">
  676. <div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg" width="100px" height="100px"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" width="100px" height="100px"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerwhite}</div></div>
  677.  
  678. {block:TrackName}<div class="audioinfo"><b>Title</b> {TrackName}</div><br>{/block:TrackName}
  679. {block:Artist}<div class="audioinfo"><b>Artist</b> {Artist}</div><br>{/block:Artist}
  680. {block:Album}<div class="audioinfo"><b>Album</b> {Album}</div>{/block:Album}
  681. {block:PlayCount}<div class="audioinfo"><b>Played</b> {FormattedPlayCount} times</div> {/block:PlayCount}
  682. </div>{block:Caption}{Caption}{/block:Caption}
  683. {/block:Audio}
  684.  
  685. {block:Video}{Video-500}{/block:Video}
  686.  
  687. {block:Answer}<div id="ask"><div id="askerimg"><img src="{AskerPortraitURL-24}"></div><div id="asker">{Asker}</div><br><div id="question">{Question}</div></div><div id="answer">{Answer}</div>{/block:Answer}
  688.  
  689. <div class="cap">
  690. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  691. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  692. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  693.  
  694.  
  695. </div>
  696.  
  697.  
  698.  
  699. <div id="notes">{block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}&nbsp;&nbsp;&nbsp;via: <a href="{ReblogParentURL}"
  700. title="reblogged from">{ReblogParentName}</a>&nbsp;&nbsp;&nbsp;source: <a href="{ReblogRootURL}"title="posted by">{ReblogRootName}</a>{/block:RebloggedFrom}&nbsp;&nbsp;&nbsp; <a href="{ReblogUrl}" title="share this post">reblog</a></div>
  701.  
  702.  
  703. {block:HasTags} <div id ="tags">{block:Tags}&nbsp;&nbsp; &nbsp; <a title="{TAG}" href="{TagURL}"> # &nbsp; {Tag}</a> {/block:Tags}
  704.  
  705. </div>{/block:HasTags}
  706.  
  707.  
  708.  
  709.  
  710. </div>
  711.  
  712.  
  713. {/block:Posts}
  714. {block:PostNotes}
  715. <div id="notes">{PostNotes}</div>
  716. {/block:PostNotes}
  717.  
  718. </div>
  719.  
  720.  
  721.  
  722.  
  723.  
  724.  
  725.  
  726. </body>
  727. </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!