Advertisement
unzothemes

Oblivion Theme

Apr 25th, 2014
3,526
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.37 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4. <html lang="en">
  5.  
  6. <!-- ---------------------------------------------------------------
  7.  
  8. Oblivion Theme
  9. Made by Unzo
  10. http://unzo.tumblr.com/
  11.  
  12. --------------------------------------------------------------- -->
  13.  
  14. <head>
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19.  
  20. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  21.  
  22. <meta name="color:Background" content="#fdfdfd"/>
  23. <meta name="color:Container" content="#fff"/>
  24. <meta name="color:Links" content="#8394a5"/>
  25. <meta name="color:Links Hover" content="#eee"/>
  26. <meta name="color:Scrollbar" content="#8394a5"/>
  27. <meta name="color:Text" content="#9c9c9c"/>
  28.  
  29. <meta name="if:Faded Images" content="0"/>
  30. <meta name="if:Faded Images Inverted" content="0"/>
  31. <meta name="if:Pop Up Askbox" content="0"/>
  32. <meta name="if:Scroll To Top" content="1"/>
  33. <meta name="if:Show Blog Title" content="1"/>
  34. <meta name="if:Show Sidebar Image" content="0"/>
  35.  
  36. <meta name="image:Background" content=""/>
  37. <meta name="image:Sidebar" content=""/>
  38.  
  39. <meta name="text:Link 1" content=""/>
  40. <meta name="text:Link 1 Title" content=""/>
  41. <meta name="text:Link 2" content=""/>
  42. <meta name="text:Link 2 Title" content=""/>
  43. <meta name="text:Link 3" content=""/>
  44. <meta name="text:Link 3 Title" content=""/>
  45. <meta name="text:Link 4" content=""/>
  46. <meta name="text:Link 4 Title" content=""/>
  47. <meta name="text:Link 5" content=""/>
  48. <meta name="text:Link 5 Title" content=""/>
  49.  
  50. <meta name="text:Pop Up Askbox Title" content="Message"/>
  51.  
  52.  
  53. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  54.  
  55. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Andika' rel='stylesheet' type='text/css'>
  58.  
  59. <script src="http://static.tumblr.com/kjtbii3/y9Wmz7ys3/basics.js">
  60. </script>
  61.  
  62. <script src="http://static.tumblr.com/kjtbii3/6R6mjtufm/contact.js">
  63. </script>
  64.  
  65. <script src="http://static.tumblr.com/kjtbii3/FJfmwoo4b/source-via.js">
  66. </script>
  67.  
  68. <script src="http://static.tumblr.com/kjtbii3/IQemv5u3n/tooltip.js">
  69. </script>
  70.  
  71.  
  72. <style type="text/css">
  73.  
  74.  
  75. #tumblr_controls{
  76. position:fixed;
  77. opacity:0.3;
  78.  
  79. -webkit-filter:invert(100%);
  80. -moz-filter:invert(100%);
  81. -o-filter:invert(100%);
  82. filter:invert(100%);
  83. }
  84.  
  85.  
  86. ::-webkit-scrollbar-thumb:vertical{
  87. width:10px;
  88. background:{color:scrollbar};
  89. border-radius:5px;
  90. border:2px solid {color:background};
  91. }
  92.  
  93. ::-webkit-scrollbar-thumb:horizontal{
  94. height:10px;
  95. background:{color:scrollbar};
  96. border-radius:5px;
  97. border:2px solid {color:background};
  98. }
  99.  
  100. ::-webkit-scrollbar{
  101. width:11px;
  102. height:11px;
  103. background:{color:background};
  104. background-image:url({image:Background});
  105. }
  106.  
  107.  
  108. body{
  109. font-family:'Calibri', sans-serif;
  110. font-size:11.5px;
  111. line-height:150%;
  112.  
  113. background:{color:Background};
  114. color:{color:Text};
  115.  
  116. background-image:url({image:Background});
  117. background-position:center top;
  118. background-attachment:fixed;
  119.  
  120. cursor:default;
  121. }
  122.  
  123. a{
  124. text-decoration:none;
  125.  
  126. color:{color:Links};
  127.  
  128. -webkit-transition: all 0.5s ease;
  129. -moz-transition: all 0.5s ease;
  130. transition: all 0.5s ease;
  131. }
  132.  
  133. a:hover{
  134. color:{color:Links Hover};
  135.  
  136. text-decoration:none;
  137. font-style:none;
  138. }
  139.  
  140.  
  141. .container{
  142. position:absolute;
  143. left:50%;
  144. min-height:100%;
  145.  
  146. width:340px;
  147.  
  148. margin:-10px 0 0 -170px;
  149.  
  150. {block:permalinkpage}
  151. width:580px;
  152. margin:-10px 0 0 -200px;
  153. background:{color:Container};
  154. border:1px solid #eee;
  155. {/block:permalinkpage}
  156. }
  157.  
  158.  
  159. .sidebar-container{
  160. z-index:100;
  161. position:fixed;
  162.  
  163. top:130px;
  164. left:50%;
  165.  
  166. width:190px;
  167.  
  168. margin:0 0 0 -450px;
  169.  
  170. -webkit-animation:fadeInDown 3s;
  171. -moz-animation:fadeInDown 3s;
  172. -ms-animation:fadeInDown 3s;
  173. }
  174.  
  175. .sidebar{
  176. width:170px;
  177.  
  178. padding:10px;
  179.  
  180. background:{color:Container};
  181.  
  182. font-size:11.3px;
  183. text-align:center;
  184.  
  185. border-bottom-left-radius:5px;
  186. border-bottom-right-radius:5px;
  187.  
  188. border:1px solid #eee;
  189.  
  190. box-shadow:5px 5px #f7f7f7;
  191. }
  192.  
  193. .blogtitle{
  194. width:180px;
  195.  
  196. margin:0 0 10px;
  197. padding:3px 5px 5px;
  198.  
  199. background:{color:Container};
  200.  
  201. font-family:'Andika';
  202. font-size:13px;
  203. line-height:100%;
  204. letter-spacing:3px;
  205. text-transform:uppercase;
  206. text-align:center;
  207.  
  208. border-top-left-radius:5px;
  209. border-top-right-radius:5px;
  210.  
  211. border:1px solid #eee;
  212.  
  213. box-shadow:5px 5px #f7f7f7;
  214. }
  215.  
  216. .banner img{
  217. margin:0 auto;
  218. max-width:170px;
  219.  
  220. -webkit-transition: all 0.5s ease;
  221. -moz-transition: all 0.5s ease;
  222. transition: all 0.5s ease;
  223. }
  224.  
  225. .description{
  226. margin:3px 0;
  227. }
  228.  
  229.  
  230. #content{
  231. position:relative;
  232. margin:20px auto 0;
  233.  
  234. width:340px;
  235.  
  236. {block:permalinkpage}
  237. width:500px;
  238. margin:40px auto 0;
  239. {/block:permalinkpage}
  240. }
  241.  
  242.  
  243. .entry{
  244. width:270px;
  245.  
  246. margin:20px;
  247.  
  248. {block:indexpage}
  249. padding:14px 14px 10px;
  250.  
  251. background:{color:Container};
  252.  
  253. border-radius:5px;
  254.  
  255. border:1px solid #eee;
  256.  
  257. box-shadow:5px 5px #f7f7f7;
  258. {/block:indexpage}
  259.  
  260. {block:permalinkpage}
  261. width:500px;
  262. margin:20px auto 0;
  263. {/block:permalinkpage}
  264. }
  265.  
  266. .entry img{
  267. max-width:270px;
  268.  
  269. {block:indexpage}
  270. cursor:default;
  271. {/block:indexpage}
  272.  
  273. {block:PermalinkPage}
  274. max-width:500px;
  275. {/block:PermalinkPage}
  276. }
  277.  
  278.  
  279. .badge{
  280. z-index:1;
  281. position:absolute;
  282. opacity:0;
  283.  
  284. top:50%;
  285. left:40%;
  286.  
  287. width:35px;
  288. height:35px;
  289.  
  290. margin:-25px 0 0 0;
  291. padding:10px;
  292.  
  293. background:white;
  294.  
  295. font-family:'Calibri', sans-serif;
  296. font-size:9px;
  297. line-height:35px;
  298. text-transform:uppercase;
  299. text-align:center;
  300. letter-spacing:1px;
  301.  
  302. border-radius:50px;
  303.  
  304. border:1px solid #eee;
  305.  
  306. cursor:pointer;
  307.  
  308. -webkit-transform:scale(0.85);
  309. -moz-transform:scale(0.85);
  310. -o-transform:scale(0.85);
  311. transform:scale(0.85);
  312.  
  313. -webkit-transition: all 0.5s ease;
  314. -moz-transition: all 0.5s ease;
  315. transition: all 0.5s ease;
  316. }
  317.  
  318. .entry:hover .badge:hover{
  319. opacity:1;
  320. }
  321.  
  322. .entry:hover .badge{
  323. opacity:0.8;
  324.  
  325. -webkit-transform:scale(1);
  326. -moz-transform:scale(1);
  327. -o-transform:scale(1);
  328. transform:scale(1);
  329. }
  330.  
  331.  
  332. .badge2{
  333. z-index:1;
  334. position:absolute;
  335. opacity:0;
  336.  
  337. top:50%;
  338. left:40%;
  339.  
  340. width:35px;
  341. height:35px;
  342.  
  343. margin:-25px 0 0 0;
  344. padding:10px;
  345.  
  346. background:white;
  347.  
  348. font-family:'Calibri', sans-serif;
  349. font-size:9px;
  350. line-height:35px;
  351. text-transform:uppercase;
  352. text-align:center;
  353. letter-spacing:1px;
  354.  
  355. border-radius:50px;
  356.  
  357. border:1px solid #eee;
  358.  
  359. cursor:pointer;
  360.  
  361. -webkit-transition: all 0.8s ease;
  362. -moz-transition: all 0.8s ease;
  363. transition: all 0.8s ease;
  364. }
  365.  
  366. .badge2 a:hover{
  367. color:{color:Links};
  368. }
  369.  
  370. .entry:hover .badge2:hover{
  371. opacity:0.8;
  372. }
  373.  
  374.  
  375. .box{
  376. {block:iffadedimages}
  377. opacity:0.85;
  378. {/block:iffadedimages}
  379.  
  380. {block:iffadedimagesinverted}
  381. opacity:1;
  382. {/block:iffadedimagesinverted}
  383.  
  384. -webkit-transition: all 0.5s ease;
  385. -moz-transition: all 0.5s ease;
  386. transition: all 0.5s ease;
  387. }
  388.  
  389. .box:hover{
  390. {block:iffadedimages}
  391. opacity:1;
  392. {/block:iffadedimages}
  393.  
  394. {block:iffadedimagesinverted}
  395. opacity:0.85;
  396. {/block:iffadedimagesinverted}
  397. }
  398.  
  399. .box img{
  400. {block:permalinkpage}
  401. width:500px;
  402. {/block:permalinkpage}
  403. }
  404.  
  405.  
  406. /* Others */
  407.  
  408. blockquote{
  409. margin:0 0 5px 10px;
  410. padding:3px 5px;
  411.  
  412. border-left:1px solid {color:Links};
  413. }
  414.  
  415. blockquote p, blockquote ul{
  416. margin:0;
  417. padding:0;
  418. }
  419.  
  420. .quote p{
  421. margin:0;
  422. }
  423.  
  424.  
  425. .arrow{
  426. margin:8px 0 0 205px;
  427.  
  428. border-left:6px solid #f7f7f7;
  429.  
  430. {block:permalinkpage}
  431. margin:8px 0 0 455px;
  432. {/block:permalinkpage}
  433. }
  434.  
  435. .answer{
  436. width:185px;
  437.  
  438. margin:0 0 3px;
  439.  
  440. background:#f7f7f7;
  441.  
  442. {block:permalinkpage}
  443. width:435px;
  444. {/block:permalinkpage}
  445. }
  446.  
  447. .asker{
  448. color:{color:Links};
  449. }
  450.  
  451. .asker:first-letter{
  452. text-transform:uppercase;
  453. }
  454.  
  455.  
  456. .postnotes ::-webkit-scrollbar{
  457. background:{color:Container};
  458. }
  459.  
  460.  
  461. /* Navigation */
  462.  
  463. .nav{
  464. font-family:'Times', sans-serif;
  465. text-align:center;
  466. text-transform:lowercase;
  467. letter-spacing:1px;
  468. font-style:italic;
  469. }
  470.  
  471. .nav a{
  472. margin:0 2px;
  473. }
  474.  
  475. .nav a:hover{
  476.  
  477. }
  478.  
  479.  
  480. /* Custom */
  481.  
  482. .permalink-title{
  483. {block:permalinkpage}
  484. margin-left:10px;
  485. letter-spacing:1px;
  486. text-transform:uppercase;
  487. {/block:permalinkpage}
  488. }
  489.  
  490.  
  491. #tooltip{
  492. z-index:100000;
  493. opacity:0.8;
  494.  
  495. margin:15px;
  496. padding:5px;
  497.  
  498. background:white;
  499. color:#aaa;
  500.  
  501. font-family:'Calibri', sans-serif;
  502. font-size:9px;
  503. line-height:100%;
  504. letter-spacing:1px;
  505. text-transform:uppercase;
  506.  
  507. border:1px solid #eee;
  508. border-radius:5px;
  509. }
  510.  
  511.  
  512. {CustomCss}
  513.  
  514. </style>
  515. </head>
  516.  
  517. <body>
  518.  
  519.  
  520. <div class="container">
  521.  
  522.  
  523. <div class="sidebar-container">
  524.  
  525. {block:ifshowblogtitle}
  526. <div class="blogtitle">
  527. <a href="/">{Title}</a>
  528. </div>
  529. {/block:ifshowblogtitle}
  530.  
  531. <div class="sidebar">
  532.  
  533. {block:ifshowsidebarimage}
  534. <div class="banner">
  535. <a href="/"><img src="{image:sidebar}"></a>
  536. </div>
  537. {/block:ifshowsidebarimage}
  538.  
  539.  
  540. {block:description}
  541. <div class="description">
  542. {Description}
  543. </div>
  544. {/block:description}
  545.  
  546.  
  547. <div class="nav">
  548.  
  549. {block:iflink1title}
  550. <a href="{text:link 1}" title="{text:link 1 title}">I.</a>
  551. {/block:iflink1title}
  552.  
  553. {block:ifpopupaskbox}
  554. <a href="#?w=500" rel="01" class="poplight" title="{text:pop up askbox title}">II.</a>
  555. {/block:ifpopupaskbox}
  556.  
  557. {block:iflink2title}
  558. <a href="{text:link 2}" title="{text:link 2 title}">II.</a>
  559. {/block:iflink2title}
  560.  
  561. {block:iflink3title}
  562. <a href="{text:link 3}" title="{text:link 3 title}">III.</a>
  563. {/block:iflink3title}
  564.  
  565. {block:iflink4title}
  566. <a href="{text:link 4}" title="{text:link 4 title}">IV.</a>
  567. {/block:iflink4title}
  568.  
  569. {block:iflink5title}
  570. <a href="{text:link 5}" title="{text:link 5 title}">V.</a>
  571. {/block:iflink5title}
  572.  
  573. </div>
  574.  
  575.  
  576. </div>
  577. </div>
  578.  
  579.  
  580. <div id="content">
  581.  
  582. {block:Posts}
  583.  
  584.  
  585. {block:Photo}
  586. <div class="entry">
  587. <div class="box">
  588.  
  589. {block:indexpage}
  590. <div class="badge">
  591.  
  592. <a href="{Permalink}">{Notecount}</a>
  593.  
  594. </div>
  595.  
  596. <div class="badge2">
  597.  
  598. <a target="_blank" href="{ReblogURL}">Reblog</a>
  599.  
  600. </div>
  601. {/block:indexpage}
  602.  
  603. <a href="{Permalink}">
  604. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  605. </a>
  606.  
  607. </div>
  608. </div>
  609. {/block:Photo}
  610.  
  611.  
  612. {block:Photoset}
  613. <div class="entry">
  614. <div class="box">
  615.  
  616. {block:indexpage}
  617. <div class="badge">
  618.  
  619. <a href="{Permalink}">{Notecount}</a>
  620.  
  621. </div>
  622.  
  623. <div class="badge2">
  624.  
  625. <a target="_blank" href="{ReblogURL}">Reblog</a>
  626.  
  627. </div>
  628. {/block:indexpage}
  629.  
  630. {block:Photos}
  631.  
  632. <a href="{Permalink}">
  633. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  634. </a>
  635.  
  636. {/block:Photos}
  637.  
  638. </div>
  639. </div>
  640. {/block:Photoset}
  641.  
  642.  
  643. {block:Video}
  644. <div class="entry">
  645.  
  646. {block:IndexPage}
  647. {VideoEmbed-250}
  648. {/block:IndexPage}
  649.  
  650. {block:PermalinkPage}
  651. {VideoEmbed-500}
  652. {/block:PermalinkPage}
  653.  
  654. {block:indexpage}
  655. <div class="date">
  656. <a href="{Permalink}">{NoteCountWithLabel}</a>
  657. </div>
  658. {/block:indexpage}
  659.  
  660. </div>
  661. {block:Video}
  662.  
  663.  
  664. {block:Text}
  665. <div class="entry">
  666.  
  667. {block:Title}
  668. <div class="permalink-title">
  669. {Title}
  670. </div>
  671. {/block:Title}
  672.  
  673. {Body}
  674.  
  675. {block:indexpage}
  676. <div class="date">
  677. <a href="{Permalink}">{NoteCountWithLabel}</a>
  678. </div>
  679. {/block:indexpage}
  680.  
  681. </div>
  682. {/block:Text}
  683.  
  684.  
  685. {block:Link}
  686. <div class="entry">
  687.  
  688. <a href="{URL}">{Name}</a>
  689. <br>
  690.  
  691. {block:Description}
  692. {Description}
  693. {/block:Description}
  694.  
  695. {block:indexpage}
  696. <div class="date">
  697. <a href="{Permalink}">{NoteCountWithLabel}</a>
  698. </div>
  699. {/block:indexpage}
  700.  
  701. </div>
  702. {/block:Link}
  703.  
  704.  
  705. {block:Quote}
  706. <div class="entry">
  707.  
  708. <div class="quote">"{Quote}"</div>
  709.  
  710. {block:Source}
  711. <div style="margin:5px 0;text-align:right;">— {Source}</div>
  712. {/block:Source}
  713.  
  714. {block:indexpage}
  715. <div class="date">
  716. <a href="{Permalink}">{NoteCountWithLabel}</a>
  717. </div>
  718. {/block:indexpage}
  719.  
  720. </div>
  721. {/block:Quote}
  722.  
  723.  
  724. {block:Chat}
  725. <div class="entry">
  726.  
  727. {block:Title}
  728. {Title}
  729. {/block:Title}
  730.  
  731. {block:Lines}
  732.  
  733. <p>
  734.  
  735. {block:Label}
  736. <b>{Label}</b>
  737. {/block:Label}
  738.  
  739. {Line}
  740.  
  741. </p>
  742.  
  743. {/block:Lines}
  744.  
  745. {block:indexpage}
  746. <div class="date">
  747. <a href="{Permalink}">{NoteCountWithLabel}</a>
  748. </div>
  749. {/block:indexpage}
  750.  
  751. </div>
  752. {/block:Chat}
  753.  
  754.  
  755. {block:Audio}
  756. <div class="entry">
  757.  
  758. <div class="cover">
  759. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  760. </div>
  761.  
  762. {block:AlbumArt}
  763. <div class="cover">
  764. <img src="{AlbumArtURL}">
  765. </div>
  766. {/block:AlbumArt}
  767.  
  768. <div class="playbox">
  769. {block:AudioPlayer}
  770. {AudioPlayerWhite}
  771. {/block:AudioPlayer}
  772. </div>
  773.  
  774. <div class="info">
  775.  
  776. <b>Track:</b>
  777. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>
  778. {block:TrackName}
  779. {TrackName}
  780. {/block:TrackName}
  781. <br>
  782.  
  783. <b>Artist:</b>
  784. <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>
  785. {block:Artist}
  786. {Artist}
  787. {/block:Artist}
  788. <br>
  789.  
  790. <b>Album:</b>
  791. <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>
  792. {block:Album}
  793. {Album}
  794. {/block:Album}
  795.  
  796. </div>
  797.  
  798. {block:indexpage}
  799. <div class="date">
  800. <a href="{Permalink}">{NoteCountWithLabel}</a>
  801. </div>
  802. {/block:indexpage}
  803.  
  804. </div>
  805. {/block:Audio}
  806.  
  807.  
  808. {block:Answer}
  809. <div class="entry">
  810.  
  811. <div class="arrow">
  812. </div>
  813.  
  814. <img class="portrait" src="{AskerPortraitURL-40}" align="right">
  815.  
  816. <div class="answer">
  817.  
  818. <div class="asker">{Asker}</div>
  819.  
  820. {Question}
  821.  
  822. </div>
  823.  
  824. {Answer}
  825.  
  826. {block:indexpage}
  827. <div class="date">
  828. <a href="{Permalink}">{NoteCountWithLabel}</a>
  829. </div>
  830. {/block:indexpage}
  831.  
  832. </div>
  833. {/block:Answer}
  834.  
  835.  
  836.  
  837. {block:PermalinkPage}
  838. <div align="center">
  839.  
  840. {block:Date}
  841. <div class="posts-info">
  842. <div class="info-date">Posted {TimeAgo}</div>
  843. <div class="info-notes">{NoteCountWithLabel}</div>
  844. </div>
  845. {/block:Date}
  846.  
  847. {block:PostNotes}
  848. <div class="postnotes">
  849. {PostNotes}
  850. </div>
  851. {/block:PostNotes}
  852.  
  853. </div>
  854. {/block:PermalinkPage}
  855.  
  856.  
  857.  
  858. {/block:Posts}
  859.  
  860. </div>
  861.  
  862.  
  863. {block:indexpage}
  864.  
  865. {block:NextPage}
  866. <div class="navigation"><a href="{NextPage}"></a></div>
  867. {/block:NextPage}
  868.  
  869. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  870.  
  871. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  872.  
  873. <script type="text/javascript" src="http://static.tumblr.com/kjtbii3/NLrmeq8ua/jquerymsnryv2.js"></script>
  874.  
  875. <script type="text/javascript" src="http://static.tumblr.com/kjtbii3/3NYmju2rv/loadcontent.js"></script>
  876.  
  877. {/block:indexpage}
  878.  
  879. {block:ifscrolltotop}
  880. <script type="text/javascript" src="http://static.tumblr.com/kjtbii3/RQJmuycrq/scrolltotop.js"></script>
  881. {/block:ifscrolltotop}
  882.  
  883. </body>
  884.  
  885. <div id="01" class="contact" align="center">
  886.  
  887. <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%">
  888. </iframe>
  889. </div>
  890.  
  891. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement