API tools faq
paste
Advertisement
shanny-shan

VT5: pompeii

shanny-shan
Mar 16th, 2014
1,812
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.40 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!-- THEME BY VESPERTHEMES AKA TOBIASEATAN AKA SHAN!!!!!!! -->
  3. <!-- ALL STANDARD RULES APPLY PLEASE RESPECT MY THEMES YO -->
  4.  
  5. <!DOCTYPE html>
  6. <head>
  7.  
  8.  
  9. <title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Raleway+Dots' rel='stylesheet' type='text/css'>
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <!--Default Variables-->
  18.  
  19. <meta name="text:title" content="" />
  20. <meta name="text:title2" content="" />
  21. <meta name="text:sidebar width" content="400px" />
  22. <meta name="text:title" content="" />
  23. <meta name="text:title width" content="" />
  24. <meta name="text:title margin" content="20" />
  25. <meta name="if:showtags" content="" />
  26.  
  27. <meta name="color:Background" content="#ffffff"/>
  28. <meta name="color:Text" content="#aaaaaa"/>
  29. <meta name="color:Links" content="#000000"/>
  30. <meta name="color:title" content="#000"/>
  31. <meta name="color:lines" content="#ccc" />
  32. <meta name="color:accent" content="" />
  33.  
  34. <meta name="text:Link 1 URL" content="" />
  35. <meta name="text:Link 1" content="" />
  36. <meta name="text:link 1 title" content="" />
  37. <meta name="text:Link 2 URL" content="" />
  38. <meta name="text:Link 2" content="" />
  39. <meta name="text:link 2 title" content="" />
  40. <meta name="text:Link 3 URL" content="" />
  41. <meta name="text:Link 3" content="" />
  42. <meta name="text:link 3 title" content="" />
  43. <meta name="text:Link 4 URL" content="" />
  44. <meta name="text:Link 4" content="" />
  45. <meta name="text:link 4 title" content="" />
  46.  
  47.  
  48.  
  49. <!-- jquery for tooltips-->
  50.  
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53.  
  54. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  55.  
  56. <script>
  57.  
  58. (function($){
  59.  
  60. $(document).ready(function(){
  61.  
  62. $("a[title]").style_my_tooltips({
  63.  
  64. tip_follows_cursor:true,
  65.  
  66. tip_delay_time:30,
  67.  
  68. tip_fade_speed:300,
  69.  
  70. attribute:"title"
  71.  
  72. });
  73.  
  74. });
  75.  
  76. })(jQuery);
  77.  
  78. </script>
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85. <!--CSS customization here. -->
  86.  
  87. <style type="text/css">
  88.  
  89. #s-m-t-tooltip{
  90. position:absolute;
  91. margin-top: 15px;
  92. z-index:9999;
  93. background:{color:background};
  94. padding: 5px;
  95. text-transform:lowercase;
  96. }
  97.  
  98.  
  99.  
  100. /*basics*/
  101. blockquote {padding:5px 0 5px 30px;
  102. border-left:1px solid {color:text};
  103. margin-left:30px;
  104. }
  105.  
  106. body {
  107. background:{color:background};
  108. color:{color:text};
  109. font-family: 'Raleway';
  110. font-size:11px;
  111. text-align:justify;
  112. margin-right:auto;
  113. margin-left:auto;
  114. line-height:16px;}
  115.  
  116. a{
  117. color:{color:links};
  118. text-decoration:none;
  119. -moz-transition-duration:0.5s;
  120. -webkit-transition-duration:0.5s;
  121. -o-transition-duration:0.5s;
  122. }
  123.  
  124. a:hover{
  125. color: transparent;
  126. text-shadow: 0 0 2px rgba( 0, 0, 0, 0.5);
  127. -moz-transition-duration:0.5s;
  128. -webkit-transition-duration:0.5s;
  129. -o-transition-duration:0.5s;
  130. }
  131.  
  132. img{opacity:1;
  133. border:none;
  134. text-decoration:none}
  135.  
  136.  
  137. small {
  138. font-size:9px;}
  139.  
  140. big {
  141. font-size:12px;}
  142.  
  143.  
  144. #title {font-size:12px;
  145. line-height:18px;
  146. font-weight:bold;
  147. margin-bottom:10px;
  148. text-transform:uppercase;
  149. text-align:left;
  150. }
  151.  
  152.  
  153.  
  154. /*sidebar*/
  155. #sidebar {text-align:left;
  156. position:absolute;
  157. margin-left:130px;
  158. margin-top:250px;
  159. width:125px;
  160. margin-bottom:100px;
  161. }
  162.  
  163.  
  164.  
  165. #blogt {font-size:35px;
  166. text-align:center;
  167. width:{text:title width};
  168. letter-spacing: 5px;
  169. font-family: 'Raleway Dots';
  170. text-transform:uppercase;
  171. padding:5px;
  172. margin-left:-{text:title margin}px;
  173. color:{color:title};
  174. -moz-transition-duration:0.5s;
  175. -webkit-transition-duration:0.5s;
  176. -o-transition-duration:0.5s;
  177. }
  178.  
  179. #blogt a{
  180. padding:5px;
  181. color: #000;
  182. }
  183.  
  184. #blogt a:hover{
  185. text-decoration:none;
  186. font-size:35px;
  187. text-align:center;
  188. width:200px;
  189. letter-spacing: 5px;
  190. font-family: 'Raleway Dots';
  191. text-transform:uppercase;
  192. padding:5px;
  193.  
  194. -moz-transition-duration:0.5s;
  195. -webkit-transition-duration:0.5s;
  196. -o-transition-duration:0.5s;
  197. }
  198.  
  199. #blogt2{
  200. font-size:35px;
  201. text-align:center;
  202. width:{text:title width};
  203. letter-spacing: 5px;
  204. font-family: 'Raleway Dots';
  205. margin-left: -{text:title margin}px;
  206. text-transform:uppercase;
  207. padding:5px;
  208. opacity:0;
  209. color:{color:title};
  210. -moz-transition-duration:0.5s;
  211. -webkit-transition-duration:0.5s;
  212. -o-transition-duration:0.5s;
  213.  
  214. }
  215.  
  216. #blogt2 a{
  217. color:{color:title};
  218. }
  219.  
  220. #blogt2 a:hover{
  221. text-decoration:none;
  222. -moz-transition-duration:0.5s;
  223. -webkit-transition-duration:0.5s;
  224. -o-transition-duration:0.5s;
  225. }
  226.  
  227. #line{
  228. content:"";
  229. border-bottom:1px solid {color:lines};
  230. width:150px;
  231. margin-bottom: 20px;
  232. margin-left: 40px;
  233. }
  234.  
  235. #line2{
  236. content:"";
  237. border-bottom:1px solid {color:lines};
  238. width:150px;
  239. margin-top:20px;
  240. margin-left: 40px;
  241. }
  242.  
  243. #sidebar:hover #blogt{
  244. margin-top:-50px;
  245. opacity:0;
  246. -moz-transition-duration:0.8s;
  247. -webkit-transition-duration:0.8s;
  248. -o-transition-duration:0.8s;
  249. }
  250.  
  251. #sidebar:hover #line{
  252. opacity:0;
  253. -moz-transition-duration:0.8s;
  254. -webkit-transition-duration:0.8s;
  255. -o-transition-duration:0.8s;
  256. }
  257.  
  258. #sidebar:hover #line2{
  259. opacity:0;
  260. -moz-transition-duration:0.8s;
  261. -webkit-transition-duration:0.8s;
  262. -o-transition-duration:0.8s;
  263. }
  264.  
  265. #sidebar:hover #blogt2{
  266. margin-top:-50px;
  267. opacity:1;
  268. -moz-transition-duration:0.8s;
  269. -webkit-transition-duration:0.8s;
  270. -o-transition-duration:0.8s;
  271. }
  272.  
  273. #sidebar:hover #links{
  274. opacity:1;
  275. -moz-transition-duration:0.8s;
  276. -webkit-transition-duration:0.8s;
  277. -o-transition-duration:0.8s;
  278. }
  279.  
  280. #sidebar:hover #description{
  281. opacity:1;
  282. -moz-transition-duration:0.8s;
  283. -webkit-transition-duration:0.8s;
  284. -o-transition-duration:0.8s;
  285. }
  286.  
  287. #links {
  288. line-height:16px;
  289. text-transform:lowercase;
  290. border-top: 1px solid {color:lines};
  291. border-bottom: 1px solid {color:lines};
  292. margin-top: 10px;
  293. width: {text:sidebar width};
  294. padding-top: 6px;
  295. padding-bottom: 2px;
  296. opacity:0;
  297. color:{color:links};
  298. -moz-transition-duration:0.8s;
  299. -webkit-transition-duration:0.8s;
  300. -o-transition-duration:0.8s;
  301. }
  302.  
  303.  
  304. #links a {
  305. margin-right:5px;
  306. display:inline-block;
  307. margin-bottom:5px;
  308. padding: 5px;
  309. }
  310.  
  311. #links a:hover {
  312. text-decoration:none;
  313. background-color:{color:accent};
  314. text-shadow:none;
  315. color:#fff;
  316.  
  317. }
  318.  
  319. #description {
  320. margin:20px 0;
  321. width: {text:sidebar width};
  322. opacity:0;
  323. -moz-transition-duration:0.8s;
  324. -webkit-transition-duration:0.8s;
  325. -o-transition-duration:0.8s;
  326. }
  327.  
  328.  
  329. /*pagination*/
  330. #pagination {
  331. margin:50px 0;
  332. text-transform:lowercase;
  333. font-weight:bold;
  334. }
  335. #pagination a {
  336. padding:0 15px;
  337. }
  338.  
  339. /*container*/
  340. #con {
  341. left:50%;
  342. margin-left:-250px;
  343. position:absolute;
  344. }
  345.  
  346.  
  347.  
  348. /*posts*/
  349.  
  350. #entries {
  351. margin-top:500px;
  352. width:500px;
  353. margin-right:auto;
  354. margin-left:auto;
  355. }
  356.  
  357.  
  358. #posts {
  359. width:500px;
  360. {block:IndexPage}
  361. margin-bottom:75px;
  362. {/block:IndexPage}
  363. {block:PermalinkPage}
  364. margin-bottom:50px;
  365. {/block:PermalinkPage}
  366.  
  367. }
  368. #posts img {
  369. max-width:500px;
  370. }
  371.  
  372. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  373. .caption {width:100%;
  374. margin-top:10px;
  375.  
  376. }
  377.  
  378. /*quote*/
  379.  
  380. #titlequote{text-align:left;
  381. font-size:14px;
  382. line-height:18px;
  383. font-weight:bold;
  384. }
  385. #source {
  386. margin-top:15px;
  387. margin-left:15px;}
  388.  
  389. /*audio*/
  390.  
  391. .player {
  392. width:25px;
  393. height:25px;
  394. overflow:hidden;
  395. position:absolute;
  396. background:white;}
  397.  
  398. .audioinfo {
  399. margin-left:50px;
  400. }
  401.  
  402.  
  403. /*asks*/
  404. .q {margin-bottom:10px;
  405. padding: 10px;
  406. background-color:{color:accent};
  407. border-bottom:1px dotted {color:lines};
  408. }
  409.  
  410. .a {
  411. margin-top:10px;
  412. }
  413.  
  414.  
  415. /*chat*/
  416.  
  417. .chat ol {
  418. padding:0;
  419. list-style:none;
  420. }
  421. .line {padding:5px 0;}
  422.  
  423. .label {font-weight:bold;
  424. }
  425.  
  426.  
  427.  
  428.  
  429.  
  430. /*permalink and notes*/
  431.  
  432. #permalink {
  433. margin-top:15px;
  434. font-size:9px;
  435. text-transform:uppercase;
  436. border-top:1px solid {color:lines};
  437. }
  438. #permalink a {margin-right:10px;
  439. }
  440.  
  441. {block:ifshowtags}
  442.  
  443. .tags {
  444. word-break:break-all;
  445. font-size:9px;
  446. border-bottom:1px solid {color:lines};
  447. padding:5px;
  448. }
  449.  
  450. {/block:ifshowtags}
  451.  
  452. .pagenotes {
  453. {block:IndexPage}
  454. display: none!important;
  455. {/block:IndexPage}
  456. width:400px;
  457. text-align:left;
  458.  
  459. }
  460. .pagenotes img {
  461. display:none!important;}
  462. .pagenotes li {
  463. list-style-type:lower-roman;
  464. padding:5px 0px;
  465. text-align:left;
  466. margin:0 0 0 -40px;
  467. }
  468.  
  469. #pizza {
  470. position:fixed;
  471. font-size:10px;
  472. font-family: helvetica;
  473. line-height:150%;
  474. letter-spacing:2px;
  475. right:-120px;
  476. bottom:10px;
  477. text-transform:uppercase;
  478. text-align:center;
  479. color:#000;
  480. -webkit-transition:all 0.6s;
  481. -moz-transition:all 0.6s;
  482. -ms-transition:all 0.6s;
  483. -o-transition:all 0.6s;
  484. transition:all 0.6s;
  485. }
  486.  
  487. #pizza a {
  488. background-color: #fff;
  489. padding:5px;
  490. color:{color:bg};
  491. font-style:none;
  492. }
  493.  
  494. #pizza a:hover{
  495. color: #000;
  496. background-color: #fff;
  497. border:2px solid #000;
  498. font-style:none;
  499. margin-right:120px;
  500. -webkit-transition:all 0.6s;
  501. -moz-transition:all 0.6s;
  502. -ms-transition:all 0.6s;
  503. -o-transition:all 0.6s;
  504. transition:all 0.6s;
  505. }
  506.  
  507.  
  508. {CustomCSS}
  509.  
  510.  
  511. </style>
  512.  
  513.  
  514.  
  515. </head>
  516.  
  517. <body>
  518.  
  519. <div id="con">
  520.  
  521. <div id="sidebar">
  522. <div id="line"></div>
  523.  
  524. <center><div id="blogt">
  525. {text:title}
  526. </div></center>
  527. <div id="line2"></div>
  528.  
  529. <div id="blogt2"><a href="/">{text:title2}</a></div>
  530.  
  531.  
  532. <div id="links">
  533. <center>
  534. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1 title}">{text:link 1}</a>{/block:iflink1}
  535. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2 title}">{text:link 2}</a>{/block:iflink2}
  536. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3 title}">{text:link 3}</a>{/block:iflink3}
  537. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4 title}">{text:link 4}</a>{/block:iflink4}
  538. </center>
  539. </div>
  540.  
  541. <div id="description">{Description}</div>
  542.  
  543. </div>
  544.  
  545.  
  546.  
  547.  
  548. <div id="entries">
  549.  
  550. {block:Posts}
  551. <div id="posts">
  552.  
  553.  
  554. {block:Quote}
  555.  
  556.  
  557. <div id="titlequote">“{Quote}”</div>
  558. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  559. {/block:Quote}
  560.  
  561.  
  562.  
  563. {block:Text}
  564.  
  565. {block:Title}
  566. <div id="title">{Title}</div>{/block:Title}
  567. {Body}
  568. {/block:Text}
  569.  
  570. {block:Link}
  571. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  572. {/block:Link}
  573.  
  574. {block:Chat}
  575. {block:Title}
  576. <h1>{Title}</h1>
  577. {/block:Title}
  578. <div class="chat">
  579. <ol>{block:Lines}
  580. <li class="line {Alt}">
  581. {block:Label}
  582. <span class="label">
  583. {Label}</span>
  584. {/block:Label}{Line}</li>
  585. {/block:Lines}
  586. </ol></div>
  587. {/block:Chat}
  588.  
  589. {block:Photo}
  590. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  591. {/block:Photo}
  592.  
  593. {block:Photoset}
  594. {Photoset-500}
  595. {/block:Photoset}
  596.  
  597. {block:Video}
  598. {Video-500}
  599. {/block:Video}
  600.  
  601. {block:Audio}
  602. <div class="player">{AudioPlayerWhite}</div>
  603. <div class="audioinfo">
  604. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  605. </div>
  606. {/block:Audio}
  607.  
  608. {block:Answer}
  609. <div class="q">
  610. {Asker} said:
  611. {Question}</div>
  612. <div class="a">{Answer}</div>
  613. {/block:Answer}
  614.  
  615. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  616.  
  617. {block:Date}
  618. <div id="permalink">
  619. {block:ifshowtags}
  620. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  621. {/block:ifshowtags}
  622. </div>
  623. <a href="{Permalink}" >{dayofweek} {dayofmonth} {dayofmonthsuffix} {month} </a>{block:NoteCount} <a href="{Permalink}">+ {NoteCount}</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}
  624. {/block:Date}
  625.  
  626.  
  627.  
  628. </div>
  629.  
  630.  
  631. {block:PostNotes}
  632. <div class="pagenotes">
  633. {PostNotes}
  634. </div>
  635. {/block:PostNotes}
  636.  
  637.  
  638. {/block:Posts}
  639.  
  640. <div id="pagination">
  641. {block:Pagination}
  642. {block:PreviousPage}
  643. <a href="{PreviousPage}">&larr; previous </a>
  644. {/block:PreviousPage}
  645.  
  646.  
  647. {block:NextPage}
  648. <a href="{NextPage}">next &rarr;</a>
  649. {/block:NextPage}
  650. {/block:Pagination}
  651. </div>
  652.  
  653.  
  654.  
  655. </div>
  656.  
  657. </div>
  658.  
  659.  
  660. {block:ContentSource}
  661. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  662. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  663. {/block:SourceLogo}
  664. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  665. {/block:ContentSource}
  666.  
  667. <div id="pizza"><a href="http://vesperthemes.tumblr.com">✯ VESPER THEMES</a></div>
  668.  
  669. </body></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!