Advertisement
ValarMorghulis

MINE

Nov 12th, 2014
151
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.71 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  8.  
  9.  
  10.  
  11. <!---META TAGS--->
  12. <!--color related tags-->
  13. <meta name="color:background" content="#ffffff"/>
  14. <meta name="color:text" content="#000000"/>
  15. <meta name="color:link" content="#a77dc2"/>
  16. <meta name="color:hover" content="#dccbe7"/>
  17. <meta name="color:sidelinks" content="#00bdb3"/>
  18. <meta name="color:accent" content="#000000"/>
  19. <meta name="text:Link 1 url" content="" />
  20. <meta name="text:Link 1 title" content="" />
  21. <meta name="text:Link 2 url" content="" />
  22. <meta name="text:Link 2 title" content="" />
  23. <meta name="text:Link 3 url" content="" />
  24. <meta name="text:Link 3 title" content="" />
  25. <meta name="text:Link 4 url" content="" />
  26. <meta name="text:Link 4 title" content="" />
  27. <meta name="text:Link 5 url" content="" />
  28. <meta name="text:Link 5 title" content="" />
  29. <meta name="text:Link 6 url" content="" />
  30. <meta name="text:Link 6 title" content="" />
  31. <meta name="if:hover tags" content="1"/>
  32. <meta name="if:400px posts" content="0"/>
  33. <meta name="if:500px posts" content="1"/>
  34.  
  35. <!-- jquery for tooltips-->
  36.  
  37.  
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  39.  
  40. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  41.  
  42. <script>
  43.  
  44. (function($){
  45.  
  46. $(document).ready(function(){
  47.  
  48. $("a[title]").style_my_tooltips({
  49.  
  50. tip_follows_cursor:true,
  51.  
  52. tip_delay_time:30,
  53.  
  54. tip_fade_speed:300,
  55.  
  56. attribute:"title"
  57.  
  58. });
  59.  
  60. });
  61.  
  62. })(jQuery);
  63.  
  64. </script>
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71. <!--CSS customization here. -->
  72.  
  73. <style type="text/css">
  74.  
  75. /*--OVERALL STYLING---*/
  76.  
  77. #s-m-t-tooltip{
  78. position:absolute;
  79. margin-top: 15px;
  80. z-index:9999;
  81. background:{color:background};
  82. border:{color:accent} 1px solid;
  83. padding:5px;
  84. }
  85.  
  86. body {
  87. background-color:{color:background};
  88. font-family:Helvetica;
  89. font-size:9px;
  90. color:{color:text};}
  91.  
  92. a {
  93. color:{color:link};
  94. text-decoration:none;
  95. -webkit-transition-duration:.3s;
  96. -moz-transition-duration:.3s;
  97. -o-transition-duration:.3s;}
  98.  
  99. a:hover {
  100. color:{color:hover};}
  101.  
  102. h1 {
  103. font-size:11px;
  104. font-weight:lighter;
  105. text-transform:uppercase;
  106. letter-spacing:4px;
  107. color:{color:background};
  108. padding:5px;
  109. background-color:{color:accent};
  110. text-align:center;}
  111.  
  112. h2 {
  113. font-size:11px;
  114. font-weight:lighter;
  115. text-transform:uppercase;
  116. letter-spacing:4px;
  117. color:{color:background};
  118. padding:5px;
  119. background-color:{color:accent};
  120. text-align:center;}
  121.  
  122.  
  123. ::selection {
  124. background-color:{color:accent};}
  125.  
  126.  
  127. ::-webkit-scrollbar {
  128. width:5px;
  129. background-color:{color:accent};
  130. border:5px solid {color:background};}
  131.  
  132. ::-webkit-scrollbar-thumb {
  133. background-color:{color:accent};
  134. border-width:3px;}
  135.  
  136.  
  137.  
  138. #credit {
  139. bottom:3px;
  140. position:fixed;
  141. right:10px;
  142. float:right;
  143. font-family:calibri;
  144. color:{color:link};
  145. font-size:9px;
  146. letter-spacing:1px;
  147. text-transform:uppercase;
  148. padding:5px;}
  149.  
  150. #credit a {
  151. color:{color:link};
  152. padding:5px;
  153. -webkit-transition-duration:.8s;
  154. -moz-transition-duration:.8s;
  155. -o-transition-duration:.8s;
  156. -ms-transition-duration:.8s;}
  157.  
  158. #credit a:hover {
  159. color:{color:background};
  160. background-color:#00bdb3;}
  161.  
  162.  
  163. /*---SIDEBAR---*/
  164.  
  165. #sidebar {
  166. width:180px;
  167. margin-left:200px;
  168. margin-top:120px;
  169. position:fixed;
  170. }
  171.  
  172. #desc {
  173. margin-left:40px;
  174. width:100px;
  175. margin-top:5px;
  176. color:{color:text};
  177. text-align:center;
  178. font-family:helvetica;
  179. font-size:10px;
  180. font-weight:normal;
  181. line-height:150%;
  182. }
  183.  
  184.  
  185. #links {
  186. width:180px;
  187. word-spacing:2px;
  188. display:inline-block;
  189. font-family:helvetica;
  190. text-align:center;
  191. font-size:10px;
  192. margin-top:10px;
  193. color:{color:sidelinks};
  194. margin-left:-2px;
  195. letter-spacing:1px;
  196. text-transform:lowercase;
  197. }
  198.  
  199.  
  200. #links a {
  201. color:{color:sidelinks};
  202. padding:3px;
  203. display:inline-block;
  204. border-bottom:1px solid {color:text};
  205. border-top:1px solid {color:text};
  206. -webkit-transition-duration:.4s;
  207. -moz-transition-duration:.4s;
  208. -o-transition-duration:.4s;
  209. -ms-transition-duration:.4s;
  210. }
  211.  
  212.  
  213. #links a:hover {
  214. font-size:7px;
  215. background-color:{color:accent};
  216. color:{color:background};
  217. -webkit-transition-duration:.4s;
  218. -moz-transition-duration:.4s;
  219. -o-transition-duration:.4s;
  220. -ms-transition-duration:.4s;
  221. }
  222.  
  223.  
  224. /*---POSTS---*/
  225.  
  226. #postcontainer {
  227. margin-left:500px;
  228. margin-top:50px;
  229. {block:If400pxPosts}
  230. width:450px;
  231. {/block:If400pxPosts}
  232. {block:If500pxPosts}
  233. width:550px;
  234. {/block:If500pxPosts}
  235. }
  236.  
  237. #post {
  238. line-height:150%;
  239. {block:If400pxPosts}width:400px;{/block:If400pxPosts}
  240. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  241. margin-top:80px;
  242. letter-spacing:1px;
  243. margin-bottom:60px;
  244. }
  245.  
  246. #post ul {
  247. list-style:circle;
  248. letter-spacing:2px;
  249. text-align:justify;}
  250.  
  251. #post ol {
  252. list-style:upper-roman;
  253. letter-spacing:2px;
  254. text-align:justify;}
  255.  
  256.  
  257. /*---MESSAGE POSTS---*/
  258.  
  259.  
  260. .ask_block {
  261. {block:If400pxPosts}
  262. width:380px;
  263. {/block:If400pxPosts}
  264. {block:If500pxPosts}
  265. width:480px;
  266. {/block:If500pxPosts}
  267. background-color:{color:accent};
  268. padding:10px;
  269. color:{color:background};
  270. text-align:center;
  271. }
  272.  
  273. .answer {
  274. color:{color:text};
  275. padding:10px;
  276. padding-top:5px;
  277. border:3px dashed {color:accent};
  278. letter-spacing:1px;
  279. }
  280.  
  281. .asker {
  282. color:{color:background};
  283. font-size:9px;
  284. font-weight:normal;
  285. letter-spacing:2px;
  286. }
  287.  
  288. .asker a:hover {
  289. color:{color:link};
  290. }
  291.  
  292. /*---POST INFORMATION---*/
  293. #info {
  294. margin-top:5px;
  295. font-size:9px;
  296. color:{color:text};
  297. padding-top:7px;
  298. padding-bottom:7px;
  299. text-align:center;
  300. width:100%;
  301. opacity:0;
  302. margin-left:-20px;
  303. -webkit-transition-duration:.7s;
  304. -moz-transition-duration:.7s;
  305. -o-transition-duration:.7s;
  306. -ms-transition-duration:.7s;
  307.  
  308. }
  309.  
  310. #info a {
  311. color:{color:text};
  312. font-size:9px;
  313. letter-spacing:2px;
  314. display:inline-block;
  315. margin-left:20px;
  316. }
  317.  
  318. #info a:hover {
  319. color:{color:accent};
  320. }
  321.  
  322. /*---PAGINATION: BASE CREDIT EXCOLO---*/
  323.  
  324.  
  325. #pagi {
  326. margin-top:2px;
  327. margin-left:-10px;
  328. height:50px;
  329. width:100%;
  330. text-align:center;
  331. border-top:1px solid {color:sidelinks};
  332. padding-left:10px;
  333. text-decoration:none;
  334. font-weight:lighter;
  335. }
  336.  
  337. .jump_page {
  338. text-align:center;
  339. width:20px;
  340. display:inline-block;
  341. color:{color:text};
  342. font-family:helvetica;
  343. font-size:10px;
  344. border-top:1px solid {color:accent};
  345. margin-top:-2px;
  346. }
  347. .current_page{
  348. font-size:10px;
  349. font-weight:none;}
  350.  
  351. .current_page, .jump_page:hover {
  352. color:{color:text};
  353. text-align:center;
  354. border-bottom:1px solid {color:text};
  355. -webkit-transition-duration:.4s;
  356. -moz-transition-duration:.4s;
  357. -o-transition-duration:.4s;
  358. -ms-transition-duration:.4s;
  359. }
  360.  
  361. .jump_page:hover{
  362. font-size:7px;
  363. }
  364. .tags {
  365. text-align:left;
  366. width:50px;
  367. text-transform:none;
  368. font-size:8px;
  369. position:absolute;
  370. margin-top:0px;
  371. {block:If400pxPosts}margin-left:415px;{/block:If400pxPosts}
  372. {block:If500pxPosts}margin-left:515px;{/block:If500pxPosts}
  373. {block:IfHoverTags}
  374. opacity:0;
  375. {/block:IfHoverTags}
  376. -webkit-transition-duration:.7s;
  377. -moz-transition-duration:.7s;
  378. -o-transition-duration:.7s;
  379. -ms-transition-duration:.7s;
  380. }
  381.  
  382. .tags a {
  383. {block:IfSideTags}
  384. display:block;
  385. {/block:IfSideTags}
  386. font-weight:normal;
  387. letter-spacing:2px;
  388. font-size:9px;
  389. font-family:Helvetica;
  390. }
  391.  
  392.  
  393. .tags a:hover {
  394. color:{color:accent};
  395. }
  396.  
  397. #post:hover #info {
  398. opacity:1;
  399. }
  400.  
  401. {block:IfHoverTags}
  402. #post:hover .tags {
  403. opacity:1;
  404. }
  405. {/block:IfHoverTags}
  406.  
  407.  
  408. #postnotes {
  409. display:block;
  410. color:{color:text};
  411. width:450px;
  412. }
  413.  
  414. #postnotes ol {
  415. line-height:110%;
  416. color:{color:text};
  417. list-style-type: none;
  418.  
  419. }
  420.  
  421. #postnotes li {
  422. padding:5px;
  423. letter-spacing:2px;
  424. display:block;
  425. margin-top:5px;
  426. -webkit-transition-duration:.4s;
  427. -moz-transition-duration:.4s;
  428. -o-transition-duration:.4s;
  429. -ms-transition-duration:.4s;
  430. }
  431.  
  432. #postnotes li:hover {
  433. background-color:{color:accent};
  434. color:{color:background};
  435. }
  436.  
  437. #postnotes li:hover a {
  438. color:{color:background};
  439. }
  440.  
  441. #postnotes img {
  442. padding-right:5px;
  443. border-radius:100%;
  444. }
  445.  
  446. .convo li {list-style: none;}
  447. .convo .label {
  448. text-transform: uppercase;
  449. font-weight:bold;
  450. }
  451.  
  452.  
  453. .dinky {
  454. float:left;
  455. }
  456.  
  457.  
  458. #albumart img{
  459. width:150px;
  460. height:150px;
  461. padding:0px;
  462. border-width:0px;
  463. }
  464.  
  465.  
  466. .player {
  467. width:30px;
  468. overflow:hidden;
  469. height:30px;
  470. padding:0px;
  471. padding-left:5px;
  472. padding-top:3px;
  473. position:absolute;
  474. left:50%;
  475. top:50%;
  476. margin-top:-20px;
  477. margin-left:-20px;
  478. -webkit-transition-duration:500ms;
  479. -moz-transition-duration:500ms;
  480. -o-transition-duration:500ms;
  481. -ms-transition-duration:500ms;
  482.  
  483. }
  484.  
  485. .daplaya:hover {
  486. -webkit-transform:scale(.4);
  487.  
  488. }
  489.  
  490. .daplaya:hover .player {
  491. -webkit-transform:scale(3);
  492. }
  493.  
  494. .daplaya {
  495. background-color:{color:accent};
  496. width:120px;
  497. height:120px;
  498. position:absolute;
  499. margin-top:-135px;
  500. margin-left:15px;
  501. -webkit-transition-duration:500ms;
  502. -moz-transition-duration:500ms;
  503. -o-transition-duration:500ms;
  504. -ms-transition-duration:500ms;
  505. }
  506.  
  507. .donkey {
  508. float:left top;
  509. margin-left:150px;
  510. background-color:{color:accent};
  511. padding:20px;
  512. height:110px;
  513. text-align:center;
  514. color:{color:background};
  515. }
  516.  
  517. .track {
  518. font-size:15px;
  519. text-shadow:0px 0px 1px #fff;
  520. letter-spacing:4px;
  521. padding:10px;
  522. font-weight:300;
  523. text-transform:uppercase;
  524. font-family:Helvetica;
  525. color:{color:background};
  526. }
  527.  
  528.  
  529. .artist {
  530. letter-spacing:1px;
  531. font-style:italic;
  532. font-weight:bold;
  533.  
  534. }
  535.  
  536. .playcount {
  537. font-size:9px;
  538. text-transform:uppercase;
  539. letter-spacing:3px;
  540. }
  541.  
  542.  
  543. #audiolo {
  544. {block:If400pxPosts}
  545. width:400px;
  546. {/block:If400pxPosts}
  547. {block:If500pxPosts}
  548. width:500px;
  549. {/block:If500pxPosts}
  550. }
  551.  
  552. .album {
  553. font-weight:normal;
  554. }
  555.  
  556. .qtation {
  557. color:{color:text};
  558. font-family:Helvetica;
  559. text-align:center;
  560. font-size:11px;
  561. letter-spacing:2px;
  562. font-weight:lighter;
  563. }
  564.  
  565. .src {
  566. padding:5px;
  567. color:{color:background};
  568. margin-top:10px;
  569. background-color:{color:accent};
  570. }
  571.  
  572.  
  573. </style>
  574.  
  575. </head>
  576. <body>
  577.  
  578.  
  579. <div id="sidebar">
  580. <div id="links">
  581. <a href="{text:Link 1 url}" title="{text:Link 1 title}">i.</a>
  582. <a href="{text:Link 2 url}" title="{text:Link 2 title}">ii.</a>
  583. <a href="{text:Link 3 url}" title="{text:Link 3 title}">iii.</a>
  584. <a href="{text:Link 4 url}" title="{text:Link 4 title}">iv.</a>
  585. <a href="{text:Link 5 url}" title="{text:Link 5 title}">v.</a>
  586. <a href="{text:Link 6 url}" title="{text:Link 6 title}">vi.</a>
  587.  
  588. </div>
  589. <div id="desc">{Description}</div><div id="pagi">
  590. {block:Pagination}
  591. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  592.  
  593. {block:JumpPagination length="5"}
  594. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  595. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  596. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  597. {/block:Pagination}
  598. </div></div>
  599. </div>
  600.  
  601.  
  602.  
  603.  
  604. </div>
  605.  
  606.  
  607. <div id="postcontainer">
  608. {block:Posts}
  609. <div id="post">
  610.  
  611. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  612.  
  613.  
  614.  
  615. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  616.  
  617.  
  618.  
  619. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500px"></center>
  620.  
  621.  
  622. {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}
  623.  
  624.  
  625.  
  626. {/block:Photo}
  627.  
  628.  
  629. {block:Photoset}
  630. <div class="photoset">{Photoset-500}</div>
  631.  
  632. {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:Photoset}
  633.  
  634.  
  635. {block:Video}{Video-500}
  636.  
  637. {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:Video}
  638.  
  639.  
  640. {block:Audio}<div id="audiolo">
  641. <div class="dinky">
  642. {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  643.  
  644. <div class="daplaya"><div class="player">{AudioPlayerBlack}</div></div></div>
  645. <div class="donkey">
  646. <div class="track"> {block:TrackName}
  647. {TrackName}
  648. {/block:TrackName} </div>
  649.  
  650.  
  651. <div class="artist">
  652. {block:Artist}
  653. Artist: {Artist}
  654. {/block:Artist} </div>
  655.  
  656. <div class="album">
  657. {block:Album}
  658. Album: {Album}
  659. {/block:Album}
  660. </div>
  661.  
  662. <div class="download">{block:ExternalAudio}<a href="{ExternalAudioURL}">download this song</a>{/block:ExternalAudio}</div>
  663.  
  664. <div class="playcount">
  665.  
  666. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  667.  
  668.  
  669. </div>
  670.  
  671.  
  672.  
  673. {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}</div>{/block:Audio}
  674.  
  675.  
  676. {block:Quote}<div class="qtation"><span style="font-family:times;font-size:15px;font-weight:900;">“</span>{Quote}<span style="font-family:times;font-size:15px;font-weight:900;">”</span></div>{/block:Quote}
  677.  
  678.  
  679. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  680.  
  681. {block:Answer}<div class="question">
  682. <div class="ask_block"><span class="asker">{Asker}</span>: {Question}</div>
  683. <div class="answer">{Answer}</div>
  684. </div>{/block:Answer}
  685.  
  686.  
  687. {block:Chat}
  688. {block:Title}<h2>{Title}</h2>{/block:Title}
  689. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  690. {Line}</li>{/block:Lines}</ul>
  691. {/block:Chat}
  692.  
  693. <div id="info">
  694. <!---POST INFO--->
  695. <a href="{Permalink}" title="{timeago}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  696. <br></div>
  697.  
  698. {/block:Posts}
  699. </div><div id="postnotes">{block:PostNotes}{PostNotes-16}{/block:PostNotes}</div>
  700.  
  701. <div id="credit"><a href="http://stverogrs.tumblr.com/">THEME</a></div>
  702.  
  703.  
  704. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement