API tools faq
paste
Advertisement
LeviathanThemes

Of The Night

LeviathanThemes
Sep 26th, 2013
280
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.86 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Descripton}
  6. <link rel="shortcut icon" href="{Favicon}" />
  7.  
  8. <!----
  9.  
  10. THEME #006 - "OF THE NIGHT" - BY LEVIATHAN
  11.  
  12.  
  13. PLEASE:
  14. - DO NOT STEAL
  15. - DO NOT USE AS A BASE
  16. - DO NOT REMOVE THE THEME CREDIT
  17.  
  18.  
  19. IF ANY PROBLEMS ARISE, FEEL FREE TO MESSAGE ME AT LEVIATHAN.TUMBLR.COM
  20.  
  21.  
  22. THANKS AND ENJOY c:
  23.  
  24. --->
  25.  
  26. <!-- DEFAULT VARIABLES -->
  27.  
  28. <meta name="color:background" content="#ffffff"/>
  29. <meta name="color:info bar" content="#111111"/>
  30. <meta name="color:post accent" content="#111111"/>
  31. <meta name="color:text" content="#888888"/>
  32. <meta name="color:link" content="#cccccc"/>
  33. <meta name="color:link hover" content="#dddddd"/>
  34. <meta name="color:post accent text" content="#f7f7f7"/>
  35. <meta name="color:sidebar background" content="#111111"/>
  36. <meta name="color:sidebar text" content="#ffffff"/>
  37. <meta name="text:link 1 text" content="link one"/>
  38. <meta name="text:link 2 text" content="link two"/>
  39. <meta name="text:link 3 text" content="link three"/>
  40. <meta name="text:link 1 url" content=" "/>
  41. <meta name="text:link 2 url" content=" "/>
  42. <meta name="text:link 3 url" content=" "/>
  43. <meta name="text:sidebar text" content="i have loved the stars too fondly to be fearful of the night"/>
  44. <meta name="text:sidebar text font size" content="27px"/>
  45. <meta name="text:sidebar text line height" content="20px"/>
  46. <meta name="if:lazy load" content="1"/>
  47.  
  48.  
  49.  
  50.  
  51. <!-- END DEFAULT VARIABLES -->
  52.  
  53. <style type="text/css">
  54.  
  55. body {
  56. background-color:{color:background};
  57. }
  58.  
  59. div#qTip {
  60. padding: 2px;
  61. display: none;
  62. font: 7px cambria;
  63. text-transform:uppercase;
  64. letter-spacing:1px;
  65. position: absolute;
  66. z-index: 1000;
  67. background:{color:post accent};
  68. }
  69.  
  70. div#qTip {
  71. color:{color:post accent text};
  72. }
  73.  
  74. #left {
  75. float:left;
  76. width:35%;
  77. padding-right:15px;
  78. height:100%;
  79. color:white;
  80. }
  81.  
  82. #center {
  83. float:left;
  84. width:50%;
  85. height:100%;
  86. }
  87.  
  88. #posts {
  89. width:520px;
  90. margin-top:10px;
  91. margin-bottom:20px;
  92. color:{color:text}
  93. }
  94.  
  95. pre {
  96. letter-spacing:-1px;
  97. overflow:hidden
  98. }
  99.  
  100. a {
  101. text-decoration:none;
  102. font-style:italic;
  103. color:{color:link};
  104. }
  105.  
  106. a:hover {
  107. color:{color:link hover};
  108. }
  109.  
  110. #post {
  111. font:11px/10px cambria;
  112. padding:10px;
  113. overflow-wrap:break-word;
  114. overflow:hidden;
  115.  
  116. }
  117.  
  118. .caption {
  119. display:block;
  120. margin-top:10px;
  121. padding:2px 5px;
  122. line-height:10px;
  123. }
  124.  
  125. blockquote {
  126. margin:3px 10px;
  127. padding:8px;
  128. background-color:#f7f7f7;
  129. color:#888;
  130. }
  131.  
  132. blockquote p {
  133. margin:3px 0px;
  134. padding:0px;
  135. }
  136.  
  137. blockquote img {
  138. max-width:450px;
  139. }
  140.  
  141. .chat li {
  142. padding:5px;
  143. }
  144.  
  145. .chat .odd {
  146. background-color:white;
  147. }
  148. .chat .even {
  149. color:{color:post accent text}
  150. }
  151.  
  152. .chat .even {
  153. background-color:{color:post accent};
  154. }
  155.  
  156. .chat ul {
  157. list-style: none;
  158. margin: 0;
  159. padding: 0;
  160. }
  161.  
  162. #talk {
  163. font:9px cambria;
  164. text-transform:uppercase;
  165. letter-spacing:1px;
  166. }
  167.  
  168. #info {
  169. display:block;
  170. text-align:center;
  171. padding:2px;
  172. font:7px cambria;
  173. text-transform:uppercase;
  174. letter-spacing:1px;
  175. color:#aaa;
  176. background-color:{color:info bar};
  177.  
  178. }
  179.  
  180. #info a {
  181. font-style:normal;
  182. color:{color:link};
  183. }
  184.  
  185. #tags {
  186. font:italic 10px cambria;
  187. margin-bottom:20px;
  188. text-align:center;
  189. }
  190.  
  191. #tags a {
  192. margin-left:5px;
  193. }
  194.  
  195. h1 {
  196. font:italic 22px/20px cambria;
  197. text-transform:lowercase;
  198. letter-spacing:-1px;
  199. margin-bottom:-3px;
  200. color:{color:post accent}
  201. }
  202.  
  203. #quote {
  204. padding:10px;
  205. border:solid 10px white;
  206. font:italic 16px/14px cambria;
  207. letter-spacing:-1px;
  208. background-color:{color:post accent};
  209. }
  210.  
  211. #quote {
  212. color:{color:post accent text};
  213. }
  214.  
  215. #from {
  216. margin-top:-2px;
  217. text-align:right;
  218. text-transform:uppercase;
  219. font:10px/11px cambria;
  220. }
  221.  
  222. #link {
  223. font:italic 22px/20px cambria;
  224. text-transform:lowercase;
  225. letter-spacing:-1px;
  226. }
  227.  
  228. .art img {
  229. display:block;
  230. max-width:120px;
  231. z-index:99;
  232. margin-top:-120px;
  233. }
  234.  
  235. .noart img {
  236. display:block;
  237. max-width:120px;
  238. z-index:9;
  239. }
  240.  
  241. .scaption {
  242. margin-top:120px;
  243. }
  244.  
  245. #listen {
  246. margin-top:-75px;
  247. margin-left:40px;
  248. float:left;
  249. z-index:999;
  250. }
  251.  
  252. .black {
  253. padding:10px;
  254. background-color:{color:post accent};
  255. }
  256.  
  257. .black {
  258. color:{color:post accent text};
  259. }
  260.  
  261. #skin {
  262. width:27px;
  263. overflow:hidden;
  264. }
  265.  
  266. #side {
  267. position:fixed;
  268. bottom:150px;
  269. margin-left:20%;
  270. width:150px;
  271. height:120px;
  272. padding:3px;
  273. }
  274.  
  275. #about {
  276. width:110px;
  277. height:103px;
  278. margin-top:-21px;
  279. margin-left:-100px;
  280. color:#eee;
  281. font:10px/9px cambria;
  282. padding:20px;
  283. opacity:0;
  284. -webkit-transition: all .5s ease-in-out;
  285. -moz-transition: all .5s ease-in-out;
  286. -o-transition: all .5s ease-in-out;
  287. transition: all .5s ease-in-out;
  288. }
  289.  
  290. #about a {
  291. font-style:normal;
  292. }
  293.  
  294. #side:hover #about {
  295. margin-left:-160px;
  296. opacity:1;
  297. }
  298.  
  299. .arrow_box {
  300. position: relative;
  301. background:{color:sidebar background};
  302. }
  303.  
  304. .arrow_box {
  305. border: 4px solid {color:sidebar background};
  306. }
  307.  
  308. .arrow_box:after, .arrow_box:before {
  309. left: 100%;
  310. border: solid transparent;
  311. content: " ";
  312. height: 0;
  313. width: 0;
  314. position: absolute;
  315. pointer-events: none;
  316. }
  317.  
  318. .arrow_box:after {
  319. border-color: rgba(17, 17, 17, 0);
  320. border-width: 7px;
  321. top: 50%;
  322. margin-top: -7px;
  323. border-left-color:{color:sidebar background};
  324.  
  325. }
  326. .arrow_box:before {
  327. border-color: rgba(17, 17, 17, 0);
  328. border-width: 13px;
  329. top: 50%;
  330. margin-top: -13px;
  331. border-left-color:{color:sidebar background};
  332.  
  333. }
  334.  
  335. #linkz {
  336. width:100px;
  337. height:100px;
  338. margin-top:-125px;
  339. margin-left:25px;
  340. letter-spacing:1px;
  341. text-transform:uppercase;
  342. font:7px/20px cambria;
  343. position:absolute;
  344. z-index:9999999;
  345. text-align:center;
  346. opacity:0;
  347. -webkit-transition: all .5s ease-in-out;
  348. -moz-transition: all .5s ease-in-out;
  349. -o-transition: all .5s ease-in-out;
  350. transition: all .5s ease-in-out;
  351. }
  352.  
  353. #linkz a {
  354. padding:2px;
  355. font-style:normal;
  356. -webkit-transition: all .5s ease-in-out;
  357. -moz-transition: all .5s ease-in-out;
  358. -o-transition: all .5s ease-in-out;
  359. transition: all .5s ease-in-out;
  360. }
  361.  
  362. #linkz a:hover {
  363. font-style:italic;
  364. background-color:{color:sidebar background};
  365.  
  366. }
  367.  
  368. #side:hover #linkz {
  369. opacity:1;
  370. }
  371.  
  372. #no {
  373. font-size:{text:sidebar text font size};
  374. }
  375.  
  376. #no {
  377. line-height:{text:sidebar text line height};
  378. }
  379.  
  380. #no {
  381. text-align:left;
  382. width:144px;
  383. height:145px;
  384. overflow:hidden;
  385. position:absolute;
  386. z-index:9999;
  387. margin-top:-151px;
  388. padding:3px;
  389. opacity:1;
  390. font-family:arial;
  391. font-weight:bold;
  392. -webkit-transition: all .5s ease-in-out;
  393. -moz-transition: all .5s ease-in-out;
  394. -o-transition: all .5s ease-in-out;
  395. transition: all .5s ease-in-out;
  396. }
  397.  
  398. #no {
  399. background-color:{color:sidebar background};
  400. }
  401.  
  402. #no {
  403. color:{color:sidebar text};
  404. }
  405.  
  406. #side:hover #no {
  407. opacity:0;
  408. }
  409.  
  410. #question {
  411. padding:20px;
  412. text-align:center;
  413. background-color:#111;
  414. padding-bottom:30px;
  415. padding-top:30px;
  416. color:#ddd;
  417. }
  418.  
  419. #asker {
  420. font:9px cambria;
  421. color:white;
  422. text-transform:uppercase;
  423. letter-spacing:1px;
  424. }
  425.  
  426. #pic {
  427. margin-left:230px;
  428. margin-top:-20px;
  429. }
  430.  
  431. ::-moz-selection {
  432. background-color:{color:post accent};
  433. }
  434.  
  435. ::-moz-selection {
  436. color:{color:post accent text};
  437. }
  438.  
  439. ::selection {
  440. background-color: #111;
  441. color: #f7f7f7;
  442. }
  443.  
  444. #note img {
  445. width:10px;
  446. position:relative;
  447. top:1px;
  448. }
  449.  
  450. ol#note, #note li {
  451. width:490px;
  452. list-style:none;
  453. margin:0px 0 -1px 5px;
  454. padding:0px;
  455. }
  456.  
  457. #note {
  458. width:500px;
  459. font-size:9px;
  460. font-family:cambria;
  461. margin-top:40px;
  462. margin-bottom:20px;
  463. color:#ababab;
  464. }
  465.  
  466.  
  467. #next {
  468. position:fixed;
  469. bottom:125px;
  470. margin-left:20%;
  471. width:150px;
  472. padding:3px;
  473. text-align:center;
  474. margin-bottom:-5px;
  475.  
  476. }
  477.  
  478. #next a {
  479. font:15px bold cambria;
  480. background-color:transparent;
  481. color:#333;
  482. }
  483.  
  484. #next a:hover {
  485. color:#ccc;
  486. }
  487.  
  488. #credit {
  489. position:fixed;
  490. right:15px;
  491. bottom:15px;
  492. font-family:calibri;
  493. font-size:11px;
  494. }
  495.  
  496. #credit a {
  497. text-transform:lowercase;
  498. }
  499.  
  500. </style>
  501.  
  502. <!-- title style -->
  503. <script language="JavaScript" src="http://static.tumblr.com/yzxvsol/IfQmhb81u/qtip.js" type="text/JavaScript"></script>
  504.  
  505. {block:iflazyload}
  506. <!-- lazy load -->
  507. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  508. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  509. <script type="text/javascript" charset="utf-8">
  510. var $j = jQuery.noConflict();
  511. $j(function() {
  512. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  513. $j("img").lazyload({
  514. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  515. effect: "fadeIn",
  516. });
  517. });
  518. </script>
  519. {/block:iflazyload}
  520.  
  521. </head>
  522.  
  523. <body>
  524.  
  525. <!--begin main stuff -->
  526.  
  527. <div class="all">
  528.  
  529. <div id="left">
  530. .
  531. <div id="side">
  532.  
  533.  
  534. <div id="about" class="arrow_box">
  535. {description}
  536. </div>
  537.  
  538. <div id="no">
  539. {text:sidebar text}
  540. </div>
  541.  
  542. <div id="linkz">
  543. <a href="/">home</a><br>
  544. <a href="/ask">message</a><br>
  545. <a href="{text:link 1 url}">{text:link 1 text}</a><br>
  546. <a href="{text:link 2 url}">{text:link 2 text}</a><br>
  547. <a href="{text:link 3 url}">{text:link 3 text}</a>
  548. </div>
  549.  
  550.  
  551. </div>
  552.  
  553. <div id="next">
  554. {block:Pagination}
  555. {block:PreviousPage}<a title="backwards" href="{PreviousPage}">-</a>{/block:PreviousPage}
  556. {block:NextPage}<a title="onwards" href="{NextPage}">+</a>
  557. {/block:NextPage}
  558. {/block:Pagination}
  559. </div>
  560.  
  561.  
  562.  
  563. </div>
  564.  
  565. <div id="center">
  566.  
  567. {block:Posts}
  568.  
  569. <div id="posts">
  570.  
  571. <div id="post">
  572.  
  573. {block:Text}
  574. {block:Title}<h1>{Title}</h1>{/block:Title}
  575. <span class="caption">
  576. {Body}
  577. </span>
  578. {/block:Text}
  579.  
  580. {block:Photo}
  581. <img src="{PhotoURL-500}" />
  582. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  583. {/block:Photo}
  584.  
  585. {block:Photoset}
  586. {Photoset-500}
  587. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  588. {/block:Photoset}
  589.  
  590. {block:Quote}
  591. <div id="quote">
  592. ❝ {Quote} ❞</div>
  593. <div id="from">
  594. {block:Source}- {Source}{/block:Source}</div>
  595. {/block:Quote}
  596.  
  597. {block:Link}
  598. <div id="link"><a href="{URL}" target="{Target}">{Name}</a></div>
  599. {block:Description}{Description}{/block:Description}
  600. {/block:Link}
  601.  
  602. {block:Chat}
  603. {block:Title}<h1>{Title}</h1>{/block:Title}
  604. <span class="chat">
  605. <ul>
  606. {block:Lines}<li class="{Alt}">{block:Label}<span id="talk">{Label}</span> {/block:Label}{Line}</li>{/block:Lines}
  607. </ul>
  608. </span>
  609. {/block:Chat}
  610.  
  611. {block:Audio}
  612. <div class="black"><span class="noart">
  613. <img src="http://fc08.deviantart.net/fs71/f/2011/185/f/9/no_cover_itunes_by_stainless2-d3kxnbe.png">
  614. </span>
  615. {block:AlbumArt}
  616. <span class="art">
  617. <img src="{AlbumArtURL}";>
  618. </span>
  619. {/block:AlbumArt}<div id="listen"><div id="skin">{AudioPlayerBlack}</div></div></div>
  620. {block:Caption}<span class="scaption">{Caption}</span>{/block:Caption}
  621. {/block:Audio}
  622.  
  623. {block:Video}
  624. {Video-500}
  625. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  626. {/block:Video}
  627.  
  628. {block:Answer}<div id="question"><div id="asker">{Asker} asked:</div>{Question}</div><div id="pic"><img src="{AskerPortraitURL-40}"></div>
  629. {Answer}
  630. {/block:Answer}
  631.  
  632. </div>
  633.  
  634.  
  635. <span id="info">
  636. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  637.  
  638. {block:ContentSource}(<a title="{SourceTitle}" href="{SourceURL}">source</a>) – {/block:ContentSource}
  639.  
  640. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  641.  
  642. {block:NoteCount}– <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  643.  
  644. – <a title="reblog" href="{ReblogURL}">reblog</a>
  645. </span>
  646.  
  647.  
  648. <div id="tags">
  649.  
  650. {block:Tags}
  651. <a href="{TagURL}">{Tag};</a>
  652. {/block:Tags}
  653.  
  654. </div>
  655.  
  656.  
  657. {block:PermalinkPage}
  658. {block:PostNotes}
  659. <div id="note">{PostNotes}</div>
  660. {/block:PostNotes}
  661. {block:PermalinkPage}
  662. {/block:Posts}
  663. </div>
  664.  
  665.  
  666. <div id="credit"><a href="http://leviathan.tumblr.com/">theme credit</a>
  667. </div>
  668.  
  669. </div>
  670.  
  671. <!-- end main stuff -->
  672. </body>
  673. </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!