Trevania

To Be Continued

May 16th, 2014
1,053
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.32 KB | None | 0 0
  1. <html>
  2. <head>
  3. <link rel="shortcut icon" href="{Favicon}" />
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  5. <title>{Title}</title>
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9.  
  10. <!-- Theme by PartRaven / Trevania -->
  11.  
  12.  
  13.  
  14. <!-- Meta -->
  15.  
  16.  
  17. <meta name="color:background" content="#ffffff">
  18. <meta name="color:title" content="#ffffff">
  19. <meta name="color:tag" content="#fdfdfd">
  20. <meta name="color:text" content="#c0bdb8" />
  21. <meta name="color:link hover" content="#fdfdfd" />
  22. <meta name="color:link" content="#c0bdb8" />
  23. <meta name="color:bold" content="#ffffff" />
  24. <meta name="color:italic" content="#ffffff" />
  25. <meta name="color:underline" content="#ffffff" />
  26.  
  27. <meta name="color:border1" content="#050c51" />
  28. <meta name="color:border2" content="#ffffff" />
  29. <meta name="color:border3" content="#ff0303" />
  30. <meta name="color:border4" content="#94ffa5" />
  31.  
  32.  
  33. <meta name="image:sidebar" content="0" />
  34.  
  35. <meta name="text:Link" content="/" />
  36. <meta name="text:Link Title" content=".01" />
  37.  
  38. <meta name="text:Link 2" content="/" />
  39. <meta name="text:Link Title 2" content=".02" />
  40.  
  41. <meta name="text:Link 3" content="/" />
  42. <meta name="text:Link Title 3" content=".03" />
  43.  
  44. <meta name="text:Link 4" content="/" />
  45. <meta name="text:Link Title 4" content=".04" />
  46.  
  47. <meta name="text:Link 5" content="/" />
  48. <meta name="text:Link Title 5" content=".05" />
  49.  
  50. <!--Tool Tip -->
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  53.  
  54. <script>
  55. (function($){
  56. $(document).ready(function(){
  57. $("[title],a[title],img[title]").style_my_tooltips({
  58. tip_follows_cursor:"true",
  59. tip_delay_time:100,
  60. tip_fade_speed:100,
  61. attribute:"title"
  62. });
  63. });
  64. })(jQuery);
  65. </script>
  66.  
  67.  
  68. <!--Lazy Load -->
  69.  
  70. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script><script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  71.  
  72. <script type="text/javascript" charset="utf-8">
  73. var $j = jQuery.noConflict();
  74. $j(function() {
  75. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  76. $j("img").lazyload({
  77. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  78. effect: "fadeIn",
  79. });
  80. });
  81. </script>
  82.  
  83.  
  84. </head>
  85.  
  86.  
  87. <style type="text/css">
  88.  
  89.  
  90. ::-webkit-scrollbar-thumb:vertical {
  91. background-color:{color:bold};
  92. height:100px;
  93. }
  94.  
  95. ::-webkit-scrollbar-thumb:horizontal {
  96. background-color:{color:underline};
  97. height:10px !important;
  98. }
  99.  
  100. ::-webkit-scrollbar {
  101. background-color:{color:background};
  102. height:7px;
  103. width:7px;
  104.  
  105. }
  106.  
  107. .answer {text-align: justify; line-height: 15px;}
  108. .question {margin-bottom: 0px; line-height: 15px;}
  109. .ask {font-size:16px;}
  110.  
  111.  
  112. body {
  113. color:{color:text};
  114. background-color:{color:background};
  115. background-attachment:fixed;
  116. font-family: 'Helvetica', serif;
  117. color: {color:text};
  118. font-size:10px;
  119. line-height:12px;
  120. text-align:justify;
  121. }
  122.  
  123. a:link, a:active, a:visited {
  124. color: {color:link};
  125. text-decoration:none;
  126. -webkit-transition: all 0.4s ease-in-out;
  127. -moz-transition: all 0.4s ease-in-out;
  128. -o-transition: all 0.4s ease-in-out;
  129. }
  130.  
  131. a:hover {
  132. color:{color:link hover};
  133. -webkit-transition: all 0.4s ease-in-out;
  134. -moz-transition: all 0.4s ease-in-out;
  135. -o-transition: all 0.4s ease-in-out;
  136. }
  137.  
  138.  
  139. #s-m-t-tooltip {
  140. color: #fff;
  141. width: auto;
  142. font-size: 7px;
  143. font-weight:bold;
  144. letter-spacing:2px;
  145. padding: 2px 7px 2px 7px;
  146. text-transform: uppercase;
  147. background-color:{color:italic};
  148. z-index: 100;
  149. position: absolute;
  150. display:inline-block;
  151. margin-top: 20px;
  152. margin-left: 10px;
  153. }
  154.  
  155.  
  156. small{font-size:auto;}
  157. big{font-size:auto;}
  158. b, strong{color:{color:bold};}
  159. i, em {color:{color:italic};}
  160. u{color:{color:underline};}
  161. p{margin-top:6px; margin-bottom:6px;}
  162.  
  163.  
  164. blockquote {
  165. padding:0px;
  166. padding-left:10px;
  167. margin:8px;
  168. border-left:2px solid {color:bold};
  169. }
  170.  
  171.  
  172. img a{
  173. border:none;
  174. width:100%;
  175. }
  176.  
  177.  
  178. #entries {
  179. width: 400px;
  180. margin-top:10px;
  181. margin-left: 480px;
  182. height: 100%;
  183. text-align:justify;
  184. padding: 25px 0px 0px 10px;
  185.  
  186. }
  187.  
  188. #posts {
  189. width: 400px;
  190. padding: 10px 10px 85px 10px;
  191. margin-bottom: 2px;
  192. margin-left:17px;
  193. margin-top:40px;
  194.  
  195.  
  196. }
  197.  
  198.  
  199. .title {
  200. float:left;
  201. width: 300px;
  202. height:auto;
  203. position:fixed;
  204. text-align:left;
  205. margin: -20px 0px 10px -10px;
  206. font-size: 35px;
  207. color: {color:title};
  208. font-weight:bolder;
  209. letter-spacing:-1px;
  210. text-transform:lowercase;
  211. line-height:26px;
  212. z-index:1;
  213. }
  214.  
  215. .title a {
  216. color:{color:title};
  217. -webkit-transition: all 0.4s ease-in-out;
  218. -moz-transition: all 0.4s ease-in-out;
  219. -o-transition: all 0.4s ease-in-out;
  220. }
  221.  
  222.  
  223. .title a:hover {
  224. color:{color:underline};
  225. -webkit-transition: all 0.4s ease-in-out;
  226. -moz-transition: all 0.4s ease-in-out;
  227. -o-transition: all 0.4s ease-in-out;
  228. }
  229.  
  230.  
  231. #sidebar {
  232. margin-left: 90px;
  233. overflow: hidden;
  234. top: 100px;
  235. height:auto;
  236. position: fixed;
  237. margin-bottom: 15px;
  238. text-align: center;
  239. margin-top:100px;
  240. padding:10px;
  241. }
  242.  
  243. .sidebar img {
  244. float:left;
  245. width:100px;
  246. height:100px;
  247. margin-left:0px;
  248. }
  249.  
  250. .description {
  251. color: {color:text};
  252. text-align:justify;
  253. width:130px;
  254. height:auto;
  255. margin: 0px 0px 0px 110px;
  256. font-size: 10px;
  257. text-transform:none;
  258. padding: 5px 0px 0px 10px;
  259. }
  260.  
  261. .links {
  262. height:auto;
  263. width:150px;
  264. margin: -1px 0px 0px 110px;
  265. padding-top:15px;
  266. }
  267.  
  268. .links a {
  269. height:auto;
  270. text-decoration:none;
  271. text-transform:uppercase;
  272. letter-spacing:1px;
  273. line-height:12px;
  274. font:10px 'Calibri', serif;
  275. padding-left:3px;
  276.  
  277. }
  278.  
  279. .links a:hover {font-weight:bold;}
  280.  
  281. #pages {
  282. text-decoration:none;
  283. padding:10px;
  284. font:10px 'Calibri', serif;
  285. font-weight:bold;
  286. width:auto;
  287. letter-spacing:4px;
  288. text-align:center;
  289. text-transform:uppercase;
  290. position:fixed;
  291. margin: 100px 0px 0px -10px;
  292. }
  293.  
  294. #pages a {
  295. color:{color:text};
  296. }
  297.  
  298.  
  299. h1{
  300. color:{color:title};
  301. font-family:{font:text};
  302. font-size:10px;
  303. line-height:12px;
  304. letter-spacing:0px;
  305. font-weight:italic;
  306. text-transform:uppercase;
  307. margin:0px;
  308. padding:0px;
  309. text-align:center;
  310. }
  311.  
  312. h2{
  313. color:{color:text};
  314. font-size:10px;
  315. line-height:15px;
  316. letter-spacing:0px;
  317. font-weight:normal;
  318. text-transform:none;
  319. margin:0px;
  320. padding:0px;
  321. margin-bottom:-5px;
  322. text-align:center;
  323. }
  324.  
  325. #quote {
  326. color: {color:link hover};
  327. padding-bottom:8px;
  328. font-size: 20px;
  329. font-style:italic;
  330. line-height:18px;
  331. }
  332.  
  333. #info{
  334. padding:5px 0px 0px 0px;
  335. border-top:3px {color: text} double;
  336. color:{color:text};
  337. float:left;
  338. width:400px;
  339. text-align:left;
  340. font-size:8px;
  341. text-transform:uppercase;
  342. }
  343.  
  344. #info a:hover {
  345. color:{color:link hover};
  346. }
  347.  
  348. #reblog {
  349. text-align:right;
  350. float:right;
  351. margin-right:10px;
  352. }
  353.  
  354. #like {
  355. text-align:right;
  356. float:right;
  357. }
  358.  
  359. .date {
  360. text-align:left;
  361. width:400px;
  362. font: 8px 'Calibri', serif;
  363. text-transform:uppercase;
  364. }
  365.  
  366. .date a {
  367. font-weight:none;
  368. text-decoration:none;
  369. color: {color:text};
  370. }
  371.  
  372.  
  373. .datebg {
  374.  
  375. background-color:{color:bold};
  376. padding: 8px 5px 5px 5px;
  377. -webkit-transition: all 0.4s ease-in-out;
  378. -moz-transition: all 0.4s ease-in-out;
  379. -o-transition: all 0.4s ease-in-out;
  380. }
  381.  
  382.  
  383. .datebg a {color:{color:background};}
  384.  
  385. .datebg a:hover {color:{color:background};}
  386.  
  387.  
  388. .datebg:hover {
  389. background-color:{color:tag};
  390. padding: 8px 5px 5px 5px;
  391. -webkit-transition: all 0.4s ease-in-out;
  392. -moz-transition: all 0.4s ease-in-out;
  393. -o-transition: all 0.4s ease-in-out;
  394. }
  395.  
  396. #tags {
  397. width:400px;
  398. height:auto;
  399. padding-top:-10px;
  400. float:left;
  401. text-align:left;
  402. font-size:8px;
  403. font-family: 'Calibri', serif;
  404.  
  405.  
  406. }
  407.  
  408. #tags a {
  409.  
  410. text-decoration:none;
  411. text-transform:uppercase;
  412. letter-spacing:1px;
  413. line-height:12px;
  414. color: {color: tag};
  415. }
  416.  
  417. #tags a:hover {
  418. color: {color:tag};
  419. font-weight:bold;
  420.  
  421. }
  422.  
  423.  
  424. #border {
  425. position: fixed;
  426. width: 100px;
  427. margin-top:100px;
  428.  
  429. }
  430. .border1 {
  431. background-color: {color:border1};
  432. height: 5px;
  433. width:40%;
  434. float:left;
  435. }
  436. .border2 {
  437. background-color: {color:border2};
  438. height: 5px;
  439. width:20%;
  440. float:left;
  441. }
  442. .border3 {
  443. background-color: {color:border3};
  444. height: 5px;
  445. width:20%;
  446. float:left;
  447. }
  448.  
  449. .border4 {
  450. background-color: {color:border4};
  451. height: 5px;
  452. width:20%;
  453. float:left;
  454. }
  455.  
  456. #permalink {
  457. padding:5px;
  458. }
  459.  
  460. .playerbuttonbg {
  461. position: absolute;
  462. left: 20px;
  463. top: 20px;
  464. width: 19px;
  465. height: 19px;
  466. background-color: #ffffff;
  467. padding: 10px;
  468. -webkit-border-radius: 40px;
  469. -moz-border-radius: 40px;
  470. border-radius: 40px;
  471. opacity: .4;
  472. filter: alpha(opacity=40);
  473. -moz-opacity: 0.4;
  474. -khtml-opacity: 0.4;
  475. transition: opacity .7s ease-in-out;
  476. -moz-transition: opacity .7s ease-in-out;
  477. -webkit-transition: opacity .7s ease-in-out;
  478. }
  479.  
  480. .playerbuttonbg:hover {
  481. opacity: 1;
  482. filter: alpha(opacity=100);
  483. -moz-opacity: 1;
  484. -khtml-opacity: 1;
  485. }
  486.  
  487. .newplayerbutton {
  488. position: relative;
  489. width: 23px;
  490. height: 23px;
  491. overflow: hidden;
  492. }
  493.  
  494. .playerbuttonhug {
  495. position: absolute;
  496. top: -35px;
  497. left: -13px;
  498. }
  499.  
  500. .tumblr_audio_player {
  501. height: 90px;
  502. width: 400px;
  503. -moz-transform: scale(0.60, 0.60);
  504. -webkit-transform: scale(0.60, 0.60);
  505. -o-transform: scale(0.60, 0.60);
  506. -ms-transform: scale(0.60, 0.60);
  507. transform: scale(0.60, 0.60);
  508. -moz-transform-origin: top left;
  509. -webkit-transform-origin: top left;
  510. -o-transform-origin: top left;
  511. -ms-transform-origin: top left;
  512. transform-origin: top left;
  513. }
  514.  
  515. .audioimgwrapper {
  516. position: absolute;
  517. left: 0px;
  518. top: 0px;
  519. -webkit-border-radius: 40px;
  520. -moz-border-radius: 40px;
  521. border-radius: 40px;
  522. overflow: hidden;
  523. width: 79px;
  524. height: 79px;
  525. }
  526.  
  527. .audioimgwrapper img {
  528. width: 100%;
  529. height: auto;
  530. -webkit-border-radius: 40px;
  531. -moz-border-radius: 40px;
  532. border-radius: 40px;
  533. }
  534.  
  535. .trackdetails {
  536. letter-spacing: 1px;
  537. font: 10px 'Calibri';
  538. text-transform:uppercase;
  539. width: auto;
  540. display:inline-block;
  541. margin-top:15px;
  542. margin-left: 95px;
  543. min-height: 85px;
  544. }
  545.  
  546. .audiowrapper {
  547. position: relative;
  548. display:inline-block;
  549. }
  550.  
  551. .user_1 .label {color:{color:link}; font-weight:bold}
  552. .user_2 .label {color:{color:text}; font-weight:bold}
  553. .user_3 .label {color:{color:link}; font-weight:bold}
  554. .user_4 .label {color:{color:text}; font-weight:bold}
  555.  
  556. ul.chat, .chat ol, .chat li {
  557. list-style:none;
  558. margin:0px;
  559. padding:0px;
  560. line-height:20px;
  561. }
  562.  
  563. .notes img{
  564. width:10px;
  565. position:relative;
  566. top:1px;
  567. }
  568.  
  569. ol.notes, .notes li{
  570. width:490px;
  571. list-style:none;
  572. margin:0px 0 -1px 5px;
  573. padding:0px;
  574. }
  575.  
  576. #tumblr_controls{
  577. opacity: 0.2;
  578. -webkit-filter: invert(100%);
  579. -webkit-transition: all 2s ease;
  580. -moz-transition: all 2s ease;
  581. -ms-transition: all 2s ease;
  582. -o-transition: all 2s ease;
  583. transition: all 2s ease;
  584. }
  585.  
  586. #credit{
  587. border: solid 1px #CFCFBE;
  588. position:fixed;
  589. padding:5px;
  590. bottom:10px;
  591. right:10px;
  592. font-weight:bold;
  593. opacity:.2;
  594. font-size:6px;
  595. color:{color:text};
  596. text-transform:uppercase;
  597. letter-spacing: 0px;
  598. font-style:normal;
  599. text-decoration:none;
  600. -webkit-transition: all 0.4s ease-in-out;
  601. -moz-transition: all 0.4s ease-in-out;
  602. -o-transition: all 0.4s ease-in-out;
  603. }
  604.  
  605. #credit:hover {
  606. opacity: .8;
  607. -webkit-transition: all 0.4s ease-in-out;
  608. -moz-transition: all 0.4s ease-in-out;
  609. -o-transition: all 0.4s ease-in-out;
  610. }
  611.  
  612.  
  613. #credit a {
  614. text-decoration:none;
  615. }
  616.  
  617. </style>
  618.  
  619. </head>
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626. <body>
  627.  
  628.  
  629.  
  630.  
  631. <div id="sidebar">
  632. <div class="title"><a href="/"> {title}</a></div>
  633. <div class="sidebar img"><img src="{image:sidebar}"></div>
  634.  
  635. <div id="border">
  636. <div class="border3"> </div>
  637. <div class="border2"> </div>
  638. <div class="border4"> </div>
  639. <div class="border1"> </div>
  640. </div>
  641.  
  642. {block:Pagination}
  643. <div id="pages">
  644. {block:JumpPagination length="5"}
  645. {block:CurrentPage}
  646. <span class="current_page"><b>{PageNumber}</b></span>
  647. {/block:CurrentPage}
  648.  
  649. {block:JumpPage}
  650. <a class="jump_page" href="{URL}">{PageNumber}</a>
  651. {/block:JumpPage}
  652. {/block:JumpPagination}
  653.  
  654. {block:NextPage}
  655. <a href="{NextPage}" title="Next">+</a>
  656. {/block:NextPage}
  657. </div>
  658. {/block:Pagination}
  659.  
  660.  
  661.  
  662. <div class="links">
  663. {block:ifLink}<a href="{text:Link}" title="{text:Link Title}">{text:Link Title}</a>
  664. {/block:ifLink}&nbsp;
  665.  
  666. {block:ifLink 2}<a href="{text:Link 2}" title="{text:Link Title 2}">{text:Link Title 2}</a>
  667. {/block:ifLink 2}&nbsp;
  668.  
  669. {block:ifLink 3}<a href="{text:Link 3}" title="{text:Link Title 3}">{text:Link Title 3}</a>
  670. {/block:ifLink 3}&nbsp;
  671.  
  672. {block:ifLink 4}<a href="{text:Link 4}" title="{text:Link Title 4}">{text:Link Title 4}</a>
  673. {/block:ifLink 4}&nbsp;
  674.  
  675. {block:ifLink 5}<a href="{text:Link 5}" title="{text:Link Title 5}">{text:Link Title 5}</a>
  676. {/block:ifLink 5}&nbsp;
  677.  
  678. </div>
  679.  
  680. <div class="description">{Description}</div>
  681.  
  682. </div></div><div></div></div>
  683.  
  684.  
  685.  
  686.  
  687.  
  688.  
  689. <div id="entries">
  690.  
  691. {block:posts}
  692.  
  693. <div id="posts">
  694.  
  695. {block:Text}
  696. {block:Title}<h1><b>{Title}</b></h1>{/block:Title}
  697. {Body}{/block:Text}
  698.  
  699.  
  700. {block:Quote}<div id="quote">“{Quote}”</div> — {Source}<br>{/block:Quote}
  701.  
  702. {block:Link}
  703. <a href="{URL}"><h1>{Name}</h1>
  704. </a>
  705.  
  706. {block:Description}
  707. <p>{Description}</p>
  708. {/block:Description}
  709. {/block:Link}
  710.  
  711. {block:Photo}<center>
  712. <img src="{PhotoURL-400}"/></center><br>
  713. {block:Caption}{Caption}{/block:Caption}
  714. {/block:Photo}
  715.  
  716. {block:Photoset}<center>
  717. {Photoset-400}</center><br>
  718. {block:Caption}{Caption}
  719. {/block:Caption}{/block:Photoset}
  720.  
  721. {block:Chat}<ul class="chat">
  722. {block:Lines}<li class="user_{UserNumber}">
  723. {block:Label}<span class="label">{Label}</span>
  724. {/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  725.  
  726. {block:Video}{Video-400}<br>
  727. {block:Caption}{Caption}
  728. {/block:Caption}{/block:Video}
  729.  
  730. {block:Answer}
  731. <b><span class="ask"> {Asker}</span></b>&nbsp;:&nbsp;<span class="question">{Question}
  732. </span><br>
  733. <div class="answer"><blockquote>{Answer}</blockquote></div>
  734. {/block:Answer}
  735.  
  736.  
  737. {block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}
  738. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  739.  
  740. <div class="playerbuttonbg">
  741. <div class="newplayerbutton">
  742. <div class="playerbuttonhug">
  743.  
  744. {AudioPlayerWhite}
  745.  
  746. </div>
  747. </div>
  748. </div>
  749.  
  750. <div class="trackdetails">
  751.  
  752. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br/>
  753. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  754. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  755. {PlayCountWithLabel}
  756.  
  757. </div>
  758. </div>
  759.  
  760. {block:Caption}{Caption}{/block:Caption}
  761.  
  762. {/block:AudioPlayer}
  763.  
  764.  
  765.  
  766.  
  767.  
  768.  
  769. <br>
  770.  
  771. <div id="info">
  772. {block:PermalinkPage}{/block:PermalinkPage}
  773.  
  774. {block:Date}<div class="date"><span class="datebg"><a href="{Permalink}">{timeago}</a></span> {/block:Date}
  775.  
  776.  
  777. &nbsp;&nbsp;{block:NoteCount}with <b><a href="{Permalink}">{NoteCountWithLabel}</a></b>{/block:NoteCount}
  778.  
  779.  
  780. {block:RebloggedFrom} &nbsp; [ <a title="{ReblogParentName}" href="{ReblogParentURL}"><b>via</b></a> &nbsp; + &nbsp;
  781. <a title="{ReblogRootName}" href="{ReblogRootURL}"> <b>source</b> </a>]
  782. {/block:RebloggedFrom}
  783.  
  784.  
  785. <div id="like">{LikeButton size="13"}</div>
  786. <div id="reblog">{ReblogButton size="13"}</div>
  787.  
  788. <div id="permalink">
  789. {block:PermalinkPage}
  790. {/block:PermalinkPage}
  791. </div>
  792.  
  793. <div id="tags">{block:HasTags}{block:Tags}&nbsp;<b>#</b> <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}</div>
  794. <br />
  795.  
  796. </div>
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803.  
  804. </div>
  805. </div>
  806.  
  807. {/block:Posts}
  808.  
  809.  
  810. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  811.  
  812. </div>
  813. </div>
  814.  
  815.  
  816.  
  817.  
  818. <div id="credit">
  819. <a href="http://partraven.trevania.com" target="blank" title="PartRaven">THEME</a>
  820. </div>
  821.  
  822.  
  823.  
  824. </body>
  825. </html>
Add Comment
Please, Sign In to add comment