API tools faq
paste
Advertisement
heavenlydoctor

Theme 6: Oblivion

heavenlydoctor
Dec 7th, 2014
265
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--Theme 6 by clarascapaldis. Do not remove credit, steal code or use as base code. Thank you! if you have any questions visit elisionthemes.tumblr.com-->
  5.  
  6. <title>{Title}</title>
  7. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. <!-- meta tags go here -->
  12.  
  13. <meta name="color:background" content="#fff">
  14. <meta name="color:link" content="#aaa">
  15. <meta name="color:link hover" content="#5d5d5d"/>
  16. <meta name="color:title" content="#5d5d5d"/>
  17. <meta name="color:blockquote" content="#5d5d5d"/>
  18. <meta name="color:header links" content="#5d5d5d"/>
  19. <meta name="color:posts background" content="#fff"/>
  20. <meta name="color:description" content="#5d5d5d"/>
  21. <meta name="color:text" content="#5d5d5d"/>
  22. <meta name="color:scrollbar" content="#5d5d5d"/>
  23. <meta name="color:posts border" content="#ccc"/>
  24. <meta name="color:info border" content="#ccc"/>
  25. <meta name="color:info text" content="#5d5d5d"/>
  26.  
  27. <meta name="if:popup ask" content="1">
  28. <meta name="if:greyscale image effect" content="1">
  29.  
  30. <meta name="text:ask title" content="ask title here">
  31. <meta name="text:link 1" content="link 1">
  32. <meta name="text:link 1 url" content="">
  33. <meta name="text:link 2" content="link 2">
  34. <meta name="text:link 2 url" content="">
  35. <meta name="text:link 3" content="link 3">
  36. <meta name="text:link 3 url" content="">
  37. <meta name="text:link 4" content="link 4">
  38. <meta name="text:link 4 url" content="">
  39. <meta name="text:link 5" content="link 4">
  40. <meta name="text:link 5 url" content="">
  41.  
  42. <!-- meta tags end-->
  43.  
  44. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  45. <script src="http://static.tumblr.com/nb65v05/XPQmpjoyl/jquery.style-my-tooltips.js"></script>
  46.  
  47. <script>
  48. (function($){
  49. $(document).ready(function(){
  50. $("[title]").style_my_tooltips({
  51. tip_follows_cursor:true,
  52. tip_delay_time:30,
  53. tip_fade_speed:300,
  54. attribute:"title"
  55. });});})(jQuery);
  56. </script>
  57.  
  58. <script type="text/javascript">
  59. $(function(){
  60. var stickyRibbonTop = $('.posts').offset().top;
  61.  
  62. $(window).scroll(function(){
  63. if( $(window).scrollTop() > stickyRibbonTop ) {
  64. $('.fix, #pag').fadeIn(200);
  65. } else {
  66. $('.fix, #pag').fadeOut(150);
  67. }
  68. });
  69. });
  70. </script>
  71.  
  72. <script>
  73. $(document).ready(function(){
  74. $(".msg, .close").click(function(){
  75. $('.fade').fadeToggle(200);
  76. });
  77. });
  78. </script>
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  81. <link href='http://fonts.googleapis.com/css?family=Raleway:200,300,400' rel='stylesheet' type='text/css'>
  82.  
  83. <style>
  84.  
  85. ::-webkit-scrollbar {width: 4px; height: 5px; background:{color:background};}
  86. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar}; border: 1px solid {color:background};}
  87.  
  88. .fade {
  89. position:fixed;
  90. background:rgba(0,0,0,0.9);
  91. left:0;
  92. right:0;
  93. top:0;
  94. bottom:0;
  95. display:none;
  96. z-index:999999999999999999;
  97. }
  98.  
  99. .ask {
  100. position:absolute;
  101. height:300px;
  102. width:600px;
  103. left:0;
  104. right:0;
  105. bottom:0;
  106. top:0;
  107. margin:auto;
  108. padding:20px;
  109. box-sizing:border-box;
  110. background:{color:posts background};
  111. }
  112.  
  113. .close {
  114. position:absolute;
  115. font-size:29px;
  116. right:15px;
  117. top:5px;
  118. cursor:pointer;
  119. font-weight:300;
  120. font-family:'Raleway', sans-serif;
  121. color:#000;
  122. }
  123.  
  124. #t {
  125. font-family:'Lato', sans-serif;
  126. font-size:22px;
  127. text-align:center;
  128. text-transform:uppercase;
  129. margin-top:10px;
  130. letter-spacing:2px;
  131. }
  132.  
  133. #s-m-t-tooltip {
  134. color:{color:link};
  135. font-size:8px;
  136. font-family: arial;
  137. margin-top:15px;
  138. padding:5px 8px;
  139. max-width:400px;
  140. background-color:{color:posts background};
  141. border: 1px solid {color:posts border};
  142. text-transform:uppercase;
  143. letter-spacing: 2px;
  144. z-index:9999;
  145. position:absolute;
  146. }
  147.  
  148.  
  149. body {
  150. background-color:{color:background};
  151. color:{color:text};
  152. font-family:arial;
  153. font-size:12px;
  154. }
  155.  
  156. big {
  157. font-size:15px;
  158. }
  159.  
  160. small {
  161. font-size:10px;
  162. }
  163.  
  164. a {
  165. text-decoration:none;
  166. color:{color:link};
  167. -webkit-transition:0.3s;
  168. -moz-transition:0.3s;
  169. -ms-transition:0.3s;
  170. -o-transition:0.3s;
  171. }
  172.  
  173. a:hover {
  174. text-decoration:underline;
  175. color:{color:link hover};
  176. }
  177.  
  178. blockquote {
  179. border-left:1px solid {color:blockquote};
  180. margin-left:7px;
  181. padding-left:7px;
  182. margin-top:-4px;
  183. }
  184.  
  185. h2 {
  186. letter-spacing:1px;
  187. text-transform:uppercase;
  188. font-family:'Raleway', sans-serif;
  189. margin-top:0px;
  190. font-weight:300;
  191. margin-bottom:0px;
  192. font-size:20px;
  193. }
  194.  
  195. h2 a:hover {
  196. text-decoration:none;
  197. }
  198.  
  199. /*header*/
  200. #header {
  201. width:400px;
  202. text-align:center;
  203. margin-top:50px;
  204. margin-left:auto;
  205. padding:20px 20px;
  206. margin-right:auto;
  207. margin-bottom:80px;
  208. background-color:{color:posts background};
  209. }
  210.  
  211. #title {
  212. text-align:center;
  213. font-size:20px;
  214. letter-spacing:3px;
  215. text-transform:uppercase;
  216. font-family:calibri;
  217. }
  218.  
  219. #title a {
  220. cursor:help;
  221. color:{color:title};
  222. }
  223.  
  224. #title a:hover {
  225. text-decoration:none;
  226. }
  227.  
  228. #description {
  229. margin-top:8px;
  230. text-align:center;
  231. font-size:11px;
  232. letter-spacing:1px;
  233. color:{color:description};
  234. }
  235.  
  236. #links {
  237. letter-spacing:2px;
  238. word-spacing:2px;
  239. margin-top:8px;
  240. text-align:center;
  241. font-size:9px;
  242. text-transform:uppercase;
  243. padding-top:5px;
  244. }
  245.  
  246. #links a, .fix a {
  247. margin:0px 10px;
  248. color:{color:header links};
  249. cursor:help;
  250. }
  251.  
  252. #links a:hover {
  253. text-decoration:underline;
  254. }
  255.  
  256. .fix {
  257. position:fixed;
  258. top:0;
  259. background:{color:posts background};
  260. width:440px;
  261. left:0;
  262. right:0;
  263. margin:auto;
  264. display:none;
  265. padding:12px 0px;
  266. z-index:99999999;
  267. border:1px solid {color:posts border};
  268. border-top:0px;
  269. }
  270.  
  271. /*all posts*/
  272. .posts {
  273. width:400px;
  274. margin-left:auto;
  275. margin-right:auto;
  276. margin-top:30px;
  277. margin-bottom:100px;
  278. border:1px solid {color:posts border};
  279. padding:20px;
  280. background:{color:posts background};
  281. position:relative;
  282. }
  283.  
  284. /*text posts*/
  285. #text, #photo, #photoset, #video {
  286. text-align:left;
  287. }
  288.  
  289. #text img, .posts img, .html_photoset {
  290. max-width:100%;
  291. {block:ifgreyscaleimageeffect}
  292. -webkit-filter: grayscale(1);
  293. filter: grayscale(1);
  294. -webkit-transition:0.7s;
  295. -moz-transition:0.7s;
  296. -ms-transition:0.7s;
  297. -o-transition:0.7s;
  298. {/block:ifgreyscaleimageeffect}
  299. }
  300.  
  301. #text:hover img, .posts:hover img, .posts:hover .html_photoset {
  302. {block:ifgreyscaleimageeffect}
  303. max-width:100%;
  304. -webkit-filter: grayscale(0);
  305. filter: grayscale(0);
  306. -webkit-transition:0.7s;
  307. -moz-transition:0.7s;
  308. -ms-transition:0.7s;
  309. -o-transition:0.7s;
  310. {/block:ifgreyscaleimageeffect}
  311. }
  312.  
  313. /*quote posts*/
  314. #words {
  315. font-style:italic;
  316. font-size:15px;
  317. text-transform:uppercase;
  318. letter-spacing:1px;
  319. margin-bottom:3px;
  320. }
  321.  
  322. .source {
  323. margin:3px 5px 5px 0px;
  324. text-align:right;
  325. letter-spacing:1px;
  326. font-size:11px;
  327. }
  328.  
  329. /*link posts*/
  330. #linkdesc {
  331. text-align:left;
  332. padding-top:15px;
  333. font-size:12px;
  334. }
  335.  
  336. /*chat posts*/
  337. #chat ul {
  338. list-style:none;
  339. font-family:arial;
  340. line-height:180%;
  341. font-size:13px;
  342. padding:0px;
  343. margin:0px;
  344. }
  345.  
  346. /*audio posts*/
  347. #audioplayer {
  348. width:30px;
  349. height:30px;
  350. overflow:hidden;
  351. margin-left:11px;
  352. position:absolute;
  353. margin-top:11px;
  354. }
  355.  
  356. .audiobg {
  357. width:50px;
  358. height:50px;
  359. border-radius:50%;
  360. border:1px solid {color:info border};
  361. }
  362.  
  363. /*ask posts*/
  364. #ask {
  365. font-size:12px;
  366. text-align:center;
  367. }
  368.  
  369. #question {
  370. border-bottom:1px solid {color:info border};
  371. padding-bottom:10px;
  372. }
  373.  
  374. /*permalink*/
  375. ol.notes::-webkit-scrollbar-thumb {
  376. background-color: {color:background};
  377. }
  378.  
  379. ol.notes::-webkit-scrollbar {
  380. background-color:transparent;
  381. width:2px;
  382. }
  383.  
  384. ol.notes {
  385. padding:0px 5px 5px;
  386. list-style-type: none;
  387. width: 405px;
  388. margin-left:10px;
  389. max-height:145px;
  390. overflow:auto;
  391. }
  392.  
  393. ol.notes li.note {
  394. text-align:left;
  395. line-height:180%;
  396. }
  397.  
  398. ol.notes li.note blockquote {
  399. margin-top:5px;
  400. margin-left:15px;
  401. }
  402.  
  403. ol.notes li.note img.avatar {
  404. display:none;
  405. }
  406.  
  407. #permabox {
  408. line-height: 10px;
  409. letter-spacing: 1px;
  410. width: 440px;
  411. margin-top:10px;
  412. margin-bottom:50px;
  413. font-size:10px;
  414. max-height:180px;
  415. padding:5px 0px;
  416. background-color: {color:posts background};
  417. margin-left:auto;
  418. margin-right:auto
  419. }
  420.  
  421. /*info*/
  422.  
  423. .posts:hover .info {
  424. opacity:1;
  425. margin-left:0px;
  426. -webkit-transition:0.5s;
  427. -moz-transition:0.5s;
  428. -ms-transition:0.5s;
  429. -o-transition:0.5s;
  430. }
  431.  
  432. .info {
  433. text-align:center;
  434. text-transform:uppercase;
  435. position:absolute;
  436. font-size:9px;
  437. letter-spacing:1px;
  438. background:{color:posts background};
  439. border:1px solid {color:info border};
  440. padding:7px;
  441. color:{color:info text};
  442. display:inline-block;
  443. font-family:'Lato', sans-serif;
  444. margin-top:5px;
  445. margin-left:25px;
  446. opacity:0;
  447. -webkit-transition:0.5s;
  448. -moz-transition:0.5s;
  449. -ms-transition:0.5s;
  450. -o-transition:0.5s;
  451. }
  452.  
  453. .info a {
  454. margin:0px 4px;
  455. color:{color:info text};
  456. cursor:help;
  457. }
  458.  
  459. .tags {
  460. font-size:10px;
  461. text-transform:uppercase;
  462. color:#5d5d5d;
  463. text-align:center;
  464. width:400px;
  465. }
  466.  
  467. .tags a {
  468. color:{color:Link Hover};
  469. }
  470.  
  471. .tags a:hover {
  472. color:{color:Link};
  473. text-decoration:none;
  474. }
  475.  
  476. /*pagination*/
  477.  
  478. #pag {
  479. width:440px;
  480. left:0;
  481. right:0;
  482. margin:auto;
  483. display:none;
  484. bottom:0px;
  485. padding:10px 0px;
  486. text-align:center;
  487. font-size:12px;
  488. font-family:'Lato', sans-serif;
  489. letter-spacing:2px;
  490. text-transform:uppercase;
  491. position:fixed;
  492. z-index:9999;
  493. background-color:{color:posts background};
  494. border:1px solid {color:posts border};
  495. border-bottom:0px;
  496. }
  497.  
  498. #pag a {
  499. color:{color:header links};
  500. cursor:help;
  501. }
  502.  
  503. /*credit*/
  504. #credit {
  505. position: fixed;
  506. right: 8px;
  507. bottom: 10px;
  508. z-index:9999;
  509. }
  510.  
  511. #credit a {
  512. width:12px;
  513. height:12px;
  514. border:2px solid {color:link hover};
  515. display:block;
  516. border-radius:50%;
  517. }
  518.  
  519. #credit a:hover {
  520. background:{color:link hover};
  521. }
  522.  
  523. {CustomCSS}
  524. </style>
  525. </head>
  526. <body>
  527.  
  528. <div class="fade">
  529. <div class="ask">
  530. <div class="close">x</div>
  531. <div id="t">{text:ask title}</div>
  532. <iframe frameborder="0" height="200px" scrolling="no" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%" style="margin-top:20px"></iframe>
  533. </div>
  534. </div>
  535.  
  536. <div class="fix">
  537. <div id="links" style="margin:0px">
  538. {block:ifpopupask}
  539. <a href="javascript:;" class="msg">message</a>
  540. <a href="{text:link 1 url}">{text:link 1}</a>
  541. <a href="{text:link 2 url}">{text:link 2}</a>
  542. <a href="{text:link 3 url}">{text:link 3}</a>
  543. <a href="{text:link 4 url}">{text:link 4}</a>
  544. {/block:ifpopupask}
  545. {block:ifnotpopupask}
  546. <a href="{text:link 1 url}">{text:link 1}</a>
  547. <a href="{text:link 2 url}">{text:link 2}</a>
  548. <a href="{text:link 3 url}">{text:link 3}</a>
  549. <a href="{text:link 4 url}">{text:link 4}</a>
  550. <a href="{text:link 5 url}">{text:link 5}</a>
  551. {/block:ifnotpopupask}
  552. </div> <!--links-->
  553. </div>
  554.  
  555. <div id="header">
  556. <div id="title"><a href="/">{Title}</a></div>
  557. <div id="description">{Description}</div>
  558. <div id="links">
  559. {block:ifpopupask}
  560. <a href="javascript:;" class="msg">message</a>
  561. <a href="{text:link 1 url}">{text:link 1}</a>
  562. <a href="{text:link 2 url}">{text:link 2}</a>
  563. <a href="{text:link 3 url}">{text:link 3}</a>
  564. <a href="{text:link 4 url}">{text:link 4}</a>
  565. {/block:ifpopupask}
  566. {block:ifnotpopupask}
  567. <a href="{text:link 1 url}">{text:link 1}</a>
  568. <a href="{text:link 2 url}">{text:link 2}</a>
  569. <a href="{text:link 3 url}">{text:link 3}</a>
  570. <a href="{text:link 4 url}">{text:link 4}</a>
  571. <a href="{text:link 5 url}">{text:link 5}</a>
  572. {/block:ifnotpopupask}
  573. </div> <!--links-->
  574.  
  575. </div> <!--sidebar-->
  576.  
  577. {block:Posts}
  578. <div class="posts">
  579.  
  580. {block:Text}
  581. <div id="text">
  582. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  583. {Body}
  584. </div> <!--text post-->
  585. {/block:Text}
  586.  
  587. {block:Photo}
  588. <div id="photo">
  589. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  590. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  591. </div> <!--photo post-->
  592. {/block:Photo}
  593.  
  594. {block:Panorama}
  595. <div id="panorama">
  596. {LinkOpenTag}
  597. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  598. {LinkCloseTag}
  599. {block:Caption}
  600. <div class="caption">{Caption}</div>
  601. {/block:Caption}
  602. </div> <!--panorama post-->
  603. {/block:Panorama}
  604.  
  605. {block:Photoset}
  606. <div id="photoset">
  607. {Photoset-400}
  608. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  609. </div> <!--photoset-->
  610. {/block:Photoset}
  611.  
  612. {block:Quote}
  613. <div id="quote">
  614. <div id="words">"{Quote}"</div>
  615. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  616. </div> <!--quote-->
  617. {/block:Quote}
  618.  
  619. {block:Link}
  620. <h2 style="border-bottom:1px solid {color:info border}; padding-left:5px; padding-bottom:10px"><a href="{URL}" {Target} >{Name}</a></h2>
  621. <div id="linkdesc">
  622. {block:Description}
  623. {Description}
  624. {/block:Description}</div>
  625. {/block:Link}
  626.  
  627. {block:Chat}
  628. <div id="chat">
  629. <h2><a href="{Permalink}">{Title}</a></h2>
  630. <ul>
  631. {block:Lines}
  632. <li class="{Alt} user_{UserNumber}">
  633. {block:Label}
  634. <span class="label">{Label}</span>
  635. {/block:Label}{Line}
  636. </li>
  637. {/block:Lines}
  638. </ul>
  639. </div> <!--chat-->
  640. {/block:Chat}
  641.  
  642. {block:Video}
  643. <div id="video">
  644. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  645. {Video-400}
  646. {block:Caption}<div class="vidcap">{Caption}</div>{/block:Caption}
  647. </div> <!--video-->
  648. {/block:Video}
  649.  
  650. {block:Audio}
  651. <div style="margin-bottom:10px">
  652. <table style="margin-bottom:5px;">
  653. <tr>
  654. <td style="vertical-align:middle;padding-right:10px;"><div class="audiobg"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  655. </td>
  656. <td style="vertical-align:middle; font-size:14px; letter-spacing:1px; line-height:14px; font-family:'Raleway', sans-serif;">{block:TrackName}{TrackName}{/block:TrackName}
  657. {block:Artist}- {Artist}{/block:Artist}
  658. </td>
  659. </tr>
  660. </table>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  661. </div> <!--audio-->
  662. {/block:Audio}
  663.  
  664. {block:Answer}
  665. <div id="ask">
  666. <div id="question">
  667. {Asker} said: {Question}</div>
  668. {block:Answerer}<div style="text-align:left;"><p>{Answerer} replied:</div> <blockquote>{Replies}</blockquote>{/block:Answerer}
  669. <div style="text-align:left;">{Answer}</div>
  670. </div> <!--ask-->
  671. {/block:Answer}
  672.  
  673.  
  674. {block:IndexPage}
  675. {block:Date}
  676. <div class="info">
  677. posted {TimeAgo} with <a href="{Permalink}" style="margin-left:0px">{NoteCountWithLabel}</a>
  678. </div>
  679. {/block:Date}
  680. {/block:IndexPage}
  681.  
  682. <!---permalink---->
  683. {block:PermalinkPage}
  684. {block:Date}
  685. <div class="info" style="margin-left:-5px; opacity:1">
  686. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  687. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  688. <a href="{Permalink}">{NoteCountWithLabel}</a>
  689. <a href="{ReblogURL}" target="_blank">reblog</a>
  690. {/block:Date}
  691.  
  692. {block:HasTags}
  693. <div class="tags">
  694. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  695. </div>
  696. {/block:HasTags}
  697. </div>
  698. {/block:PermalinkPage}
  699.  
  700. </div> <!--posts-->
  701.  
  702.  
  703. <!---permalink---->
  704. {block:PermalinkPage}
  705. {block:PostNotes}
  706. <div id="permabox">
  707. <div class="notes">{PostNotes}</div>
  708. </div>
  709. {/block:PostNotes}
  710. {/block:PermalinkPage}
  711. <!---permalink--->
  712.  
  713.  
  714. {/block:Posts}
  715.  
  716. {block:Pagination}
  717. <div id="pag">
  718. {block:PreviousPage}<a href="{PreviousPage}">back</a> - {/block:PreviousPage}
  719. {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}
  720. </div>
  721. {/block:Pagination}
  722.  
  723. <div id="credit">
  724. <a href="http://gloriousponds.co.vu/" title="theme by clarascapaldis"></a>
  725. </div>
  726.  
  727. </body>
  728. </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!