API tools faq
paste
Advertisement
LeviathanThemes

You Win Or You Die

LeviathanThemes
Feb 15th, 2014
1,991
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.61 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. <script type="text/javascript"
  9. src="http://www.google.com/jsapi"></script>
  10.  
  11. <script type="text/javascript">
  12. google.load("jquery", "1.3");
  13. google.setOnLoadCallback(function() {
  14. jQuery(function($) {
  15. // do some stuff here, eg load your tweets, ...
  16. });
  17. });
  18. </script>
  19.  
  20. <!----
  21.  
  22. THEME #007 - "YOU WIN OR YOU DIE" - BY LEVIATHAN
  23.  
  24.  
  25. PLEASE:
  26. - DO NOT STEAL
  27. - DO NOT USE AS A BASE
  28. - DO NOT REMOVE THE THEME CREDIT
  29.  
  30.  
  31. IF ANY PROBLEMS ARISE, FEEL FREE TO MESSAGE ME AT LEVIATHAN.TUMBLR.COM
  32.  
  33.  
  34. THANKS AND ENJOY c:
  35.  
  36. --->
  37.  
  38.  
  39. <!-- DEFAULT VARIABLES -->
  40.  
  41. <meta name="color:background" content="#ffffff"/>
  42. <meta name="color:accent" content="#111111"/>
  43. <meta name="color:text1" content="#666666"/>
  44. <meta name="color:text2" content="#f7f7f7"/>
  45. <meta name="color:link" content="#bbbbbb"/>
  46. <meta name="color:link hover" content="#dddddd"/>
  47. <meta name="color:blockquote bg" content="#f7f7f7"/>
  48. <meta name="text:link 1 text" content="one"/>
  49. <meta name="text:link 2 text" content="two"/>
  50. <meta name="text:link 3 text" content="three"/>
  51. <meta name="text:link 1 url" content=" "/>
  52. <meta name="text:link 2 url" content=" "/>
  53. <meta name="text:link 3 url" content=" "/>
  54. <meta name="text:sidebar1 text" content="you win"/>
  55. <meta name="text:sidebar1 text font size" content="28px"/>
  56. <meta name="text:sidebar2 text" content="or you die"/>
  57. <meta name="text:sidebar2 text font size" content="24px"/>
  58. <meta name="if:lazy load" content="1"/>
  59. <meta name="image:sidebar image" content="http://static.tumblr.com/yzxvsol/C0mn0u6tf/11111.jpg"/>
  60.  
  61.  
  62.  
  63. <!-- END DEFAULT VARIABLES -->
  64.  
  65. <style type="text/css">
  66.  
  67. body {
  68. background-color:{color:background};
  69. }
  70.  
  71. div#qTip {
  72. padding: 2px;
  73. border: 1px solid {color:text1};
  74. display: none;
  75. background: {color:background};
  76. color: {color:text1};
  77. font: 7px cambria;
  78. text-transform:uppercase;
  79. letter-spacing:1px;
  80. position: absolute;
  81. z-index: 1000;
  82. }
  83.  
  84. #left {
  85. float:left;
  86. width:35%;
  87. padding-right:15px;
  88. height:100%;
  89. color:white;
  90. }
  91.  
  92. #center {
  93. float:left;
  94. width:50%;
  95. height:100%;
  96. }
  97.  
  98. #posts {
  99. color:{color:text1};
  100. width:470px;
  101. margin-top:10px;
  102. margin-bottom:20px;
  103. background-color:white;
  104. }
  105.  
  106. pre {
  107. letter-spacing:-1px;
  108. overflow:hidden
  109. }
  110.  
  111. a {
  112. text-decoration:none;
  113. color:{color:link};
  114. font-style:italic;
  115. }
  116.  
  117. a:hover {
  118. color:{color:link hover};
  119. }
  120.  
  121. #post {
  122. font:11px/10px cambria;
  123. padding:10px;
  124. overflow-wrap:break-word;
  125. overflow:hidden;
  126. }
  127.  
  128. .caption {
  129. display:block;
  130. margin-top:10px;
  131. padding:2px 5px;
  132. line-height:10px;
  133. }
  134.  
  135. blockquote {
  136. margin:3px 10px;
  137. padding:8px;
  138. background-color:{color:blockquote bg};
  139. color:{color:text1};
  140. }
  141.  
  142. blockquote p {
  143. margin:3px 0px;
  144. padding:0px;
  145. }
  146.  
  147. blockquote img {
  148. max-width:450px;
  149. }
  150.  
  151. .chat li {
  152. padding:5px;
  153. }
  154.  
  155. .chat .odd {
  156. background-color:{color:background};
  157. }
  158. .chat .even {
  159. background-color:{color:accent};
  160. color:{color:text2};
  161. }
  162.  
  163. .chat ul {
  164. list-style: none;
  165. margin: 0;
  166. padding: 0;
  167. }
  168.  
  169. #talk {
  170. font:9px cambria;
  171. text-transform:uppercase;
  172. letter-spacing:1px;
  173. }
  174.  
  175. #info {
  176. display:block;
  177. text-align:center;
  178. padding:2px;
  179. font:8px cambria;
  180. text-transform:uppercase;
  181. letter-spacing:1px;
  182. color:{color:background};
  183. }
  184.  
  185. #info a {
  186. font-style:normal;
  187. color:{color:link};
  188. background-color:white;
  189. padding:2px;
  190. }
  191.  
  192. #infoline {
  193. background-color:{color:accent};
  194. height:1px;
  195. margin-bottom:-5px;
  196. }
  197.  
  198. #tags {
  199. font:italic 10px cambria;
  200. margin-bottom:20px;
  201. text-align:center;
  202. }
  203.  
  204. #tags a {
  205. margin-left:5px;
  206. }
  207.  
  208. h1 {
  209. font:italic 22px/30px cambria;
  210. text-transform:lowercase;
  211. letter-spacing:-1px;
  212. color:{color:accent};
  213. margin-bottom:0px;
  214. text-align:center;
  215. }
  216.  
  217. #quote {
  218. color:{color:text2};
  219. background-color:{color:accent};
  220. padding:10px;
  221. border:solid 10px {color:background};
  222. font:italic 18px/18px cambria;
  223. letter-spacing:-1px;
  224. }
  225.  
  226. #from {
  227. margin-top:-2px;
  228. text-align:right;
  229. text-transform:uppercase;
  230. font:10px/11px cambria;
  231. }
  232.  
  233. #link {
  234. font:italic 22px/20px cambria;
  235. text-transform:lowercase;
  236. letter-spacing:-1px;
  237. }
  238.  
  239. .art img {
  240. display:block;
  241. max-width:90px;
  242. z-index:99;
  243. margin-top:-90px;
  244. }
  245.  
  246. .noart img {
  247. display:block;
  248. max-width:90px;
  249. z-index:9;
  250. }
  251.  
  252. .scaption {
  253. margin-top:120px;
  254. }
  255.  
  256. #listen {
  257. margin-top:-60px;
  258. margin-left:30px;
  259. float:left;
  260. z-index:999;
  261. }
  262.  
  263. .black {
  264. background-color:{color:accent};
  265. padding:10px;
  266. color:{color:text2};
  267. }
  268.  
  269. #skin {
  270. width:27px;
  271. overflow:hidden;
  272. }
  273.  
  274. #question {
  275. padding:20px;
  276. text-align:center;
  277. background-color:{color:accent};
  278. padding-bottom:30px;
  279. padding-top:30px;
  280. color:{color:text2};
  281. }
  282.  
  283. #asker {
  284. font:9px cambria;
  285. color:{color:background};
  286. text-transform:uppercase;
  287. letter-spacing:1px;
  288. }
  289.  
  290. #pic {
  291. margin-left:205px;
  292. margin-top:-20px;
  293. }
  294.  
  295. ::-moz-selection {
  296. background-color: {color:accent};
  297. color: {color:text2};
  298. }
  299.  
  300. ::selection {
  301. background-color: {color:accent};
  302. color: {color:text2};
  303. }
  304.  
  305. #note img {
  306. width:10px;
  307. position:relative;
  308. top:1px;
  309. }
  310.  
  311. ol#note, #note li {
  312. width:490px;
  313. list-style:none;
  314. margin:0px 0 -1px 5px;
  315. padding:0px;
  316. }
  317.  
  318. #note {
  319. width:500px;
  320. font-size:9px;
  321. font-family:cambria;
  322. margin-top:40px;
  323. margin-bottom:20px;
  324. color:#ababab;
  325. }
  326.  
  327. #side {
  328. position:fixed;
  329. bottom:300px;
  330. margin-left:15%;
  331. width:150px;
  332. height:120px;
  333. padding:3px;
  334. }
  335.  
  336. #about {
  337. position:absolute;
  338. top:10px;
  339. left:10px;
  340. width:185px;
  341. height:175px;
  342. z-index:99;
  343. -webkit-transition: all .5s ease-in-out;
  344. -moz-transition: all .5s ease-in-out;
  345. -o-transition: all .5s ease-in-out;
  346. transition: all .5s ease-in-out;
  347. }
  348.  
  349. #linksleft {
  350. position:absolute;
  351. left:10px;
  352. top:10px;
  353. width:40px;
  354. height:150px;
  355. }
  356.  
  357. #linksright {
  358. position:absolute;
  359. left:125px;
  360. top:10px;
  361. width:40px;
  362. height:150px;
  363. }
  364.  
  365. #centerwords {
  366. position:absolute;
  367. left:45px;
  368. top:40px;
  369. height:90px;
  370. width:80px;
  371. background-color:{color:accent};
  372. color:{color:text2};
  373. padding:4px;
  374. font:10px/11px cambria;
  375. z-index:99999;
  376. opacity:0;
  377. -webkit-transition: all .5s ease-in-out;
  378. -moz-transition: all .5s ease-in-out;
  379. -o-transition: all .5s ease-in-out;
  380. transition: all .5s ease-in-out;
  381. }
  382.  
  383. #reblog {
  384. background-color:{color:accent};
  385. padding:3px;
  386. position:absolute;
  387. margin-left:415px;
  388. opacity:0;
  389. -webkit-transition: all .5s ease-in-out;
  390. -moz-transition: all .5s ease-in-out;
  391. -o-transition: all .5s ease-in-out;
  392. transition: all .5s ease-in-out;
  393. }
  394.  
  395. #post:hover #reblog {
  396. margin-left:405px;
  397. margin-top:10px;
  398. opacity:1;
  399. }
  400.  
  401. #linkz1 {
  402. letter-spacing:1px;
  403. text-transform:uppercase;
  404. font:7px/20px cambria;
  405. position:absolute;
  406. text-align:center;
  407. margin-left:-5px;
  408. border-right:{color:accent} 1px solid;
  409. height:127px;
  410. -webkit-transition: all .5s ease-in-out;
  411. -moz-transition: all .5s ease-in-out;
  412. -o-transition: all .5s ease-in-out;
  413. transition: all .5s ease-in-out;
  414. }
  415.  
  416. #linkz1 a {
  417. color:{color:link};
  418. padding:2px;
  419. font-style:normal;
  420. margin-right:3px;
  421. -webkit-transition: all .5s ease-in-out;
  422. -moz-transition: all .5s ease-in-out;
  423. -o-transition: all .5s ease-in-out;
  424. transition: all .5s ease-in-out;
  425. }
  426.  
  427. #linkz1 a:hover {
  428. background-color:{color:accent};
  429. color:{color:text2};
  430. }
  431.  
  432. #linkz2 {
  433. letter-spacing:1px;
  434. text-transform:uppercase;
  435. font:7px/20px cambria;
  436. position:absolute;
  437. text-align:center;
  438. margin-left:16px;
  439. border-left:{color:accent} 1px solid;
  440. height:127px;
  441. top:30px;
  442. -webkit-transition: all .5s ease-in-out;
  443. -moz-transition: all .5s ease-in-out;
  444. -o-transition: all .5s ease-in-out;
  445. transition: all .5s ease-in-out;
  446. }
  447.  
  448. #linkz2 a {
  449. color:{color:link};
  450. padding:2px;
  451. font-style:normal;
  452. margin-left:3px;
  453. -webkit-transition: all .5s ease-in-out;
  454. -moz-transition: all .5s ease-in-out;
  455. -o-transition: all .5s ease-in-out;
  456. transition: all .5s ease-in-out;
  457. }
  458.  
  459. #linkz2 a:hover {
  460. background-color:{color:accent};
  461. color:{color:text2};
  462. }
  463.  
  464. #next {
  465. position:fixed;
  466. bottom:220px;
  467. margin-left:15%;
  468. width:200px;
  469. padding:3px;
  470. text-align:center;
  471. }
  472.  
  473. #next a {
  474. font:15px bold cambria;
  475. background-color:transparent;
  476. color:{color:accent};
  477. }
  478.  
  479. #next a:hover {
  480. color:{color:link};
  481. }
  482.  
  483. #lol img {
  484. max-width:450px;
  485. }
  486.  
  487. #win {
  488. position:absolute;
  489. left:45px;
  490. top:4px;
  491. font:bold {text:sidebar1 text font size} arial;
  492. letter-spacing:-2px;
  493. color:#111;
  494. }
  495.  
  496. #die {
  497. position:absolute;
  498. left:38px;
  499. top:138px;
  500. font:bold {text:sidebar2 text font size} arial;
  501. letter-spacing:-2px;
  502. color:#111;
  503. }
  504.  
  505. #imgs {
  506. position:absolute;
  507. z-index:99;
  508. }
  509.  
  510. #sbimg {
  511. position:absolute;
  512. top:39px;
  513. left:52px;
  514. clip:rect(8px,100px,106px,0px);
  515. opacity:1;
  516. }
  517.  
  518. #sbimg img {
  519. max-width:88px;
  520. overflow:hidden;
  521. position:absolute;
  522. clip:rect(0px,88px,120px,0px);
  523. }
  524.  
  525. #centerwords:hover {
  526. opacity:1;
  527. }
  528.  
  529. #slide {
  530. display:none;
  531. position:fixed;
  532. margin-top:-80px;
  533. font:11px/9px calibri;
  534. text-align:center;
  535. top:10px;
  536. left:30px;
  537. width:120px;
  538. -webkit-transition: all .5s ease-in-out;
  539. -moz-transition: all .5s ease-in-out;
  540. -o-transition: all .5s ease-in-out;
  541. transition: all .5s ease-in-out;
  542. }
  543.  
  544. #slidewords {
  545. width:100px;
  546. border:solid {color:accent} 1px;
  547. padding:10px;
  548. }
  549.  
  550. #slide img {
  551. max-width:40px;
  552. }
  553.  
  554. #slide:hover {
  555. margin-top:0px;
  556. }
  557.  
  558. #credit {
  559. position:fixed;
  560. right:15px;
  561. bottom:15px;
  562. font-family:calibri;
  563. }
  564.  
  565. #credit a {
  566. background-color:transparent;
  567. font-size:8px;
  568. letter-spacing:1px;
  569. color:{color:link};
  570.  
  571. }
  572.  
  573. </style>
  574.  
  575. <!-- title style -->
  576. <script language="JavaScript" src="http://static.tumblr.com/yzxvsol/IfQmhb81u/qtip.js" type="text/JavaScript"></script>
  577.  
  578. <!-- lazy load -->
  579. {block:iflazyload}
  580. <!-- lazy load -->
  581. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  582. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  583. <script type="text/javascript" charset="utf-8">
  584. var $j = jQuery.noConflict();
  585. $j(function() {
  586. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  587. $j("img").lazyload({
  588. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  589. effect: "fadeIn",
  590. });
  591. });
  592. </script>
  593. {/block:iflazyload}
  594.  
  595. <!-- photoset resize -->
  596. <script type="text/javascript">
  597. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  598. $(document).ready(function() {
  599. function photosetResize() {
  600. $('iframe.photoset').each(function(){
  601. var newSize = 450;
  602. var newSrc = $(this).attr('src').replace('500',newSize);
  603. $(this).attr('src', newSrc).width(newSize);
  604. var high = $(this).css('height');
  605. var calculate = parseInt(high, 10)* newSize/500;
  606. $(this).css('height', calculate);
  607. });
  608. }
  609. photosetResize();
  610. });
  611. </script>
  612.  
  613. </head>
  614.  
  615. <body>
  616.  
  617. <!--begin main stuff -->
  618.  
  619. <div class="all">
  620.  
  621. <div id="left">
  622. .
  623. <div id="side">
  624.  
  625. <div id="imgs">
  626. <div id="sbimg">
  627. <img src="{image:sidebar image}">
  628. </div>
  629. </div>
  630.  
  631. <div id="about">
  632. <div id="win">{text:sidebar1 text}</div>
  633. <div id="die">{text:sidebar2 text}</div>
  634. <div id="linksleft">
  635. <div id="linkz1"><br><br>
  636. <a href="/">home</a><br>
  637. <a href="/ask">ask</a><br>
  638. </div>
  639. </div>
  640. <div id="centerwords">{description}</div>
  641. <div id="linksright"><div id="linkz2"><br><br>
  642. <a href="{text:link 1 url}">{text:link 1 text}</a><br>
  643. <a href="{text:link 2 url}">
  644. {text:link 2 text}
  645. </a><br>
  646. <a href="{text:link 3 url}">{text:link 3 text}</a></div></div>
  647. </div>
  648. </div>
  649.  
  650.  
  651. <div id="next">
  652. {block:Pagination}
  653. {block:PreviousPage}<a title="backwards" href="{PreviousPage}">-</a>{/block:PreviousPage}
  654. {block:NextPage}<a title="onwards" href="{NextPage}">+</a>
  655. {/block:NextPage}
  656. {/block:Pagination}
  657. </div>
  658.  
  659.  
  660. </div>
  661.  
  662. <div id="center">
  663.  
  664. {block:Posts}
  665.  
  666. <div id="posts">
  667.  
  668.  
  669. <div id="post">
  670.  
  671. <span id="reblog">
  672. <a href="{ReblogURL}">reblog</a>
  673. </span>
  674.  
  675. {block:Text}
  676. {block:Title}<h1>{Title}</h1>{/block:Title}
  677. <span class="caption">
  678. {Body}
  679. </span>
  680. {/block:Text}
  681.  
  682. {block:Photo}<div id="lol">
  683. <img src="{PhotoURL-500}" />
  684. </div>
  685.  
  686. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  687. {/block:Photo}
  688.  
  689. {block:Photoset}
  690. {Photoset-500}
  691. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  692. {/block:Photoset}
  693.  
  694. {block:Quote}
  695. <div id="quote">
  696. {Quote}</div>
  697. <div id="from">
  698. {block:Source}- {Source}{/block:Source}</div>
  699. {/block:Quote}
  700.  
  701. {block:Link}
  702. <div id="link"><a href="{URL}" target="{Target}">{Name}</a></div>
  703. {block:Description}{Description}{/block:Description}
  704. {/block:Link}
  705.  
  706. {block:Chat}
  707. {block:Title}<h1>{Title}</h1>{/block:Title}
  708. <span class="chat">
  709. <ul>
  710. {block:Lines}<li class="{Alt}">{block:Label}<span id="talk">{Label}</span> {/block:Label}{Line}</li>{/block:Lines}
  711. </ul>
  712. </span>
  713. {/block:Chat}
  714.  
  715. {block:Audio}
  716. <div class="black"><span class="noart">
  717. <img src="http://fc08.deviantart.net/fs71/f/2011/185/f/9/no_cover_itunes_by_stainless2-d3kxnbe.png">
  718. </span>
  719. {block:AlbumArt}
  720. <span class="art">
  721. <img src="{AlbumArtURL}";>
  722. </span>
  723. {/block:AlbumArt}<div id="listen"><div id="skin">{AudioPlayerBlack}</div></div></div>
  724. {block:Caption}<span class="scaption">{Caption}</span>{/block:Caption}
  725. {/block:Audio}
  726.  
  727. {block:Video}
  728. {Video-500}
  729. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  730. {/block:Video}
  731.  
  732. {block:Answer}<div id="question"><div id="asker">{Asker} asked:</div>{Question}</div><div id="pic"><img src="{AskerPortraitURL-40}"></div>
  733. {Answer}
  734. {/block:Answer}
  735.  
  736. </div>
  737.  
  738.  
  739. <span id="info">
  740. <div id="infoline">
  741. .
  742. </div>
  743. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  744.  
  745. {block:RebloggedFrom}- <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  746.  
  747. {block:ContentSource}- <a title="{SourceTitle}" href="{SourceURL}">©</a>{/block:ContentSource}
  748.  
  749. {block:NoteCount}– <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  750. </span>
  751.  
  752.  
  753. <div id="tags">
  754.  
  755. {block:Tags}
  756. <a href="{TagURL}">{Tag};</a>
  757. {/block:Tags}
  758.  
  759. </div>
  760.  
  761.  
  762. {block:PermalinkPage}
  763. {block:PostNotes}
  764. <div id="note">{PostNotes}</div>
  765. {/block:PostNotes}
  766. {block:PermalinkPage}
  767. {/block:Posts}
  768. </div>
  769.  
  770. <div id="credit"><a href="http://leviathan.tumblr.com/">THEME CREDIT</a>
  771. </div>
  772.  
  773. <!-- end main stuff -->
  774. </body>
  775. </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!