API tools faq
paste
Advertisement
shanny-shan

VT8: backburner

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