API tools faq
paste
bsethemes

the stars are calling

bsethemes
Jul 13th, 2015
282
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6.  
  7. _______ __ __ .____ __ __ .____ ____ _ _
  8. ' / | | / | | / / \ `. /
  9. | |___| |__. |\ /| |__. |,_-< `./
  10. | | | | | \/ | | | ` ,'
  11. / / / /----/ / / /----/ `----' _-'
  12.  
  13.  
  14.  
  15.  
  16. ____ _____ .____ _______ __ __ .____ __ __ .____ _____
  17. / \ ( / ' / | | / | | / (
  18. |,_-< `--. |__. | |___| |__. |\ /| |__. `--.
  19. | ` | | | | | | | \/ | | |
  20. `----' \___.' /----/ / / / /----/ / / /----/ \___.'
  21.  
  22.  
  23.  
  24. -don't change or remove credit
  25. -don't take bits of the code
  26. -don't claim theme as yours
  27. -for any questions, feedback or theme requests please don't hesitate to contanct me!!!
  28.  
  29. -->
  30. <head>
  31. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage} {block:TagPage} - {Tag}{/block:TagPage}</title>
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}">
  34. {/block:Description}
  35.  
  36. <link rel="shortcut icon" href="{Favicon}">
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38.  
  39. <meta name="image:background" content=""/>
  40.  
  41. <meta name="color:background" content=""/>
  42. <meta name="color:text" content=""/>
  43. <meta name="color:title" content=""/>
  44. <meta name="color:topbar links" content=""/>
  45. <meta name="color:links" content=""/>
  46. <meta name="color:border" content=""/>
  47. <meta name="color:tooltip" content=""/>
  48. <meta name="color:tooltip background" content=""/>
  49. <meta name="color:scrollbar" content=""/>
  50. <meta name="color:scrollbar background" content=""/>
  51. <meta name="color:selection" content=""/>
  52.  
  53. <meta name="text:url 1" content="/"/>
  54. <meta name="text:link 1" content="link 1"/>
  55. <meta name="text:url 2" content="/"/>
  56. <meta name="text:link 2" content="link2"/>
  57. <meta name="text:url 3" content="/"/>
  58. <meta name="text:link 3" content="link 3"/>
  59. <meta name="text:url 4" content="/"/>
  60. <meta name="text:link 4" content="link 4"/>
  61. <meta name="text:opacity" content="0.3"/>
  62.  
  63. <meta name="if:infinite scroll" content="0"/>
  64. <meta name="if:dark version" content="0"/>
  65. <meta name="if:tiny cursor" content="0"/>
  66. <meta name="if:caption" content="0"/>
  67. <meta name="if:tags" content="0"/>
  68.  
  69. <script type="text/javascript">
  70. WebFontConfig = {
  71. google: { families: [ 'Quicksand:400,700:latin' ] }
  72. };
  73. (function() {
  74. var wf = document.createElement('script');
  75. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  76. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  77. wf.type = 'text/javascript';
  78. wf.async = 'true';
  79. var s = document.getElementsByTagName('script')[0];
  80. s.parentNode.insertBefore(wf, s);
  81. })(); </script>
  82.  
  83. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  84. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  85. <script>
  86. (function($){
  87. $(document).ready(function(){
  88. $("a[title]").style_my_tooltips({
  89. tip_follows_cursor:true,
  90. tip_delay_time:90,
  91. tip_fade_speed:100,
  92. attribute:"title"
  93. });
  94. });
  95. })(jQuery);
  96. </script>
  97.  
  98.  
  99. {block:ifinfinitescroll}
  100. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  101. {/block:ifinfinitescroll}
  102.  
  103.  
  104. <style type="text/css">
  105.  
  106. body {
  107. font-family: 'Quicksand', sans-serif;
  108. color:{color:text};
  109. font-size:14px;
  110. padding:0px;
  111. margin:0px;
  112. {block:iftinycursor}
  113. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  114. {/block:iftinycursor}
  115. background-color: {color:background};
  116. background-image:url('{image:background}');
  117. background-attachment:fixed;
  118. background-size:cover;
  119. background-position:center;
  120. }
  121.  
  122. a {
  123. color:{color:links};
  124. -webkit-transition-duration: 0.5s;
  125. -moz-transition-duration: 0.5s;
  126. -o-transition-duration: 0.5s;
  127. transition-duration: 0.5s;
  128. }
  129.  
  130. a:hover {
  131. {block:iftinycursor}
  132. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;;
  133. {/block:iftinycursor}
  134. color:{color:hover};
  135. text-decoration:none;
  136. -webkit-transition-duration: 0.5s;
  137. -moz-transition-duration: 0.5s;
  138. -o-transition-duration: 0.5s;
  139. transition-duration: 0.5s;
  140. }
  141.  
  142. a:active {
  143. color:{color:active};
  144. font-weight:bold;
  145. -webkit-transition-duration: 0.5s;
  146. -moz-transition-duration: 0.5s;
  147. -o-transition-duration: 0.5s;
  148. transition-duration: 0.5s;
  149. }
  150.  
  151. #s-m-t-tooltip {
  152. max-width:200px;
  153. margin:25px 20px 25px 20px;
  154. background-color:{color:tooltip background};
  155. color:{color:tooltip};
  156. font-family:Helvetica;
  157. border-bottom:1px solid black;
  158. border-right:1px solid black;
  159. border-top:1px solid white;
  160. border-left:1px solid white;
  161. font-size:10px;
  162. line-height:13px;
  163. padding:3px 5px 4px 5px;
  164. box-shadow:rgba(0,0,0,0.07) 4px 4px;
  165. -webkit-transition: all 0.2s ease-out;
  166. -moz-transition: all 0.2s ease-out;
  167. transition: all 0.2s ease-out;
  168. z-index:999999999999999999999999999999999999;
  169. }
  170.  
  171. ::-webkit-scrollbar-thumb {
  172. height:auto;
  173. background-color:{color:scrollbar};
  174. }
  175.  
  176. ::-webkit-scrollbar {
  177. height:4px;
  178. width:4px;
  179. background-color:{color:scrollbar background};
  180. border:1px solid {color:scrollbar};
  181. }
  182.  
  183. ::-moz-selection {
  184. background: transparent;
  185. color:{color:selection};
  186. }
  187.  
  188. ::selection {
  189. background: transparent;
  190. color:{color:selection};
  191. }
  192.  
  193. #top {
  194. width:120%;
  195. height:80px;
  196. position:fixed;
  197. padding:0px;
  198. z-index:-1;
  199. {block:ifdarkversion}
  200. background-color:rgba(0,0,0,{text:opacity});
  201. {/block:ifdarkversion}
  202. {block:ifnotdarkversion}
  203. background-color:rgba(255,255,255,{text:opacity});
  204. {/block:ifnotdarkversion}
  205. border-bottom:1px solid {color:border};
  206. }
  207.  
  208. #left {
  209. height:120%;
  210. position:fixed;
  211. width:210px;
  212. padding:0px;
  213. top:0px;
  214. z-index:-9;
  215. {block:ifdarkversion}
  216. background-color:rgba(0,0,0,{text:opacity});
  217. {/block:ifdarkversion}
  218. {block:ifnotdarkversion}
  219. background-color:rgba(255,255,255,{text:opacity});
  220. {/block:ifnotdarkversion}
  221. border-right:1px solid {color:border};
  222. }
  223.  
  224. #title {
  225. font-size:20px;
  226. width:200px;
  227. height:60px;
  228. text-align:center;
  229. padding-top:20px;
  230. position:absolute;
  231. font-style:italic;
  232. font-family:consolas;
  233. cursor:help;
  234. z-index:1;
  235. }
  236.  
  237. #title a {
  238. text-decoration:none;
  239. color:{color:title};
  240. }
  241.  
  242. #top:hover #links {
  243. opacity:1;
  244. -webkit-transition-duration: 1.5s;
  245. -moz-transition-duration: 1.5s;
  246. -o-transition-duration: 1.5s;
  247. transition-duration: 1.5s;
  248. }
  249.  
  250. #left:hover #description {
  251. opacity:1;
  252. -webkit-transition-duration: 1.5s;
  253. -moz-transition-duration: 1.5s;
  254. -o-transition-duration: 1.5s;
  255. transition-duration: 1.5s;
  256. }
  257.  
  258. #description {
  259. text-align:justify;
  260. letter-spacing:2px;
  261. line-height:70%;
  262. margin-top:350px;
  263. font-size:15px;
  264. padding:10px;
  265. opacity:0;
  266. -webkit-transition-duration: 1s;
  267. -moz-transition-duration: 1s;
  268. -o-transition-duration: 1s;
  269. transition-duration: 1s;
  270. }
  271.  
  272. #links {
  273. font-size:15px;
  274. font-weight:normal;
  275. font-style:normal;
  276. position:fixed;
  277. padding:5px;
  278. opacity:0;
  279. text-align:center;
  280. -webkit-transition-duration: 1.5s;
  281. -moz-transition-duration: 1.5s;
  282. -o-transition-duration: 1.5s;
  283. transition-duration: 1.5s;
  284. }
  285.  
  286. #links ul {
  287. margin-top:20px;
  288. margin-left:350px;
  289. list-style-type:none;
  290. }
  291.  
  292. #links li {
  293. display:inline;
  294. text-transform:uppercase;
  295. letter-spacing:3px;
  296. padding-right:20px;
  297. padding-left:20px;
  298. border-right:1px solid {color:border};
  299. }
  300.  
  301. #links li:last-child {
  302. border:0px;
  303. }
  304.  
  305. #links a {
  306. color:{color:topbar links};
  307. font-weight:bold;
  308. text-decoration:none;
  309. text-shadow: 3px 3px 0px rgba(150, 150, 150, 0.3);
  310. -webkit-transition-duration: 0.5s;
  311. -moz-transition-duration: 0.5s;
  312. -o-transition-duration: 0.5s;
  313. transition-duration: 0.5s;
  314. }
  315.  
  316. #links a:hover {
  317. text-shadow: 0px 0px 0px;
  318. -webkit-transition-duration: 0.5s;
  319. -moz-transition-duration: 0.5s;
  320. -o-transition-duration: 0.5s;
  321. transition-duration: 0.5s;
  322. }
  323.  
  324. .navigation {
  325. margin-bottom:20px;
  326. position:absolute;
  327. left:275px;
  328. padding:5px;
  329. word-spacing:20px;
  330. letter-spacing:2px;
  331. font-family:consolas;
  332. text-align:center;
  333. text-decoration:underline;
  334. }
  335.  
  336. .navigation a {
  337. font-style:italic;
  338. }
  339.  
  340. #entries {
  341. padding:15px;
  342. position:absolute;
  343. margin-top:70px;
  344. z-index:-9999;
  345. padding-left:100px;
  346. width:500px;
  347. left:500px;
  348. }
  349.  
  350. #post {
  351. margin-right:100px;
  352. width:400px;
  353. padding:10px;
  354. }
  355.  
  356. .title {
  357. font-size:17px;
  358. font-family:consolas;
  359. letter-spacing:2px;
  360. text-decoration:underline;
  361. }
  362.  
  363. #caption img {
  364. max-width:200px;
  365. }
  366.  
  367. #tags {
  368. text-align:left;
  369. letter-spacing:-1px;
  370. line-height:100%;
  371. }
  372.  
  373. blockquote {
  374. padding-left:10px;
  375. border-left:1px solid {color:border};
  376. }
  377.  
  378. #quote {
  379. font-family:consolas;
  380. letter-spacing:2px;
  381. }
  382.  
  383. .chat ul {
  384. list-style:none;
  385. }
  386.  
  387. .audio {
  388. width:400px;
  389. height:100px;
  390. }
  391.  
  392. .cover {
  393. width:100px;
  394. height:100px;
  395. float:left;
  396. position:absolute;
  397. background:url('http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg');
  398. background-size:100px 100px;
  399. }
  400.  
  401. .cover img {
  402. width:100px;
  403. height:100px;
  404. }
  405.  
  406. .player {
  407. width:30px;
  408. height:30px;
  409. overflow:hidden;
  410. position:absolute;
  411. margin:36px;
  412. }
  413.  
  414. .background {
  415. width:100px;
  416. height:100px;
  417. background:#E4E4E4;
  418. position:absolute;
  419. float:left;
  420. opacity:0.3;
  421. transition:0.3s all ease-in-out;
  422. -moz-transition:0.3s all ease-in-out;
  423. -o-transition:0.3s all ease-in-out;
  424. -webkit-transition:0.3s all ease-in-out;
  425. }
  426.  
  427. .background:hover {
  428. opacity:0.7;
  429. }
  430.  
  431. .audioinfo {
  432. margin-left:105px;
  433. height:100px;
  434. overflow:auto;
  435. }
  436.  
  437. ul.trackinfo {
  438. margin:0px 0px 0px 10px;
  439. padding:0px;
  440. list-style-type:none;
  441. font-size:80%;
  442. text-transform:uppercase;
  443. letter-spacing:1px;
  444. color:{color:Text};
  445. }
  446.  
  447. ul.trackinfo li {
  448. list-style-type:none;
  449. padding:5px 7px;
  450. border-bottom:1px solid {color:border};
  451. }
  452.  
  453. ul.trackinfo li:last-child {
  454. border:0px;
  455. }
  456.  
  457. #link {
  458. {block:ifdarkversion}
  459. background:rgba(0,0,0,{text:opacity});
  460. {/block:ifdarkversion}
  461. {block:ifnotdarkversion}
  462. background:rgba(255,255,255,{text:opacity});
  463. {/block:ifnotdarkversion}
  464. font-family:consolas;
  465. padding:10px;
  466. padding-left:30px;
  467. font-size:17px;
  468. letter-spacing:3px;
  469. border:1px solid {color:border};
  470.  
  471. }
  472.  
  473. #perma {
  474. {block:ifdarkversion}
  475. background:rgba(0,0,0,{text:opacity});
  476. {/block:ifdarkversion}
  477. {block:ifnotdarkversion}
  478. background:rgba(255,255,255,{text:opacity});
  479. {/block:ifnotdarkversion}
  480. padding:8px;
  481. margin-top:5px;
  482. text-align:center;
  483. border:1px solid {color:border};
  484. opacity:0;
  485. -webkit-transition-duration: 1s;
  486. -moz-transition-duration: 1s;
  487. -o-transition-duration: 1s;
  488. transition-duration: 1s;
  489. }
  490.  
  491. #perma a {
  492. text-decoration:none;
  493. font-style:italic;
  494. }
  495.  
  496. #post:hover #perma {
  497. opacity:1;
  498. -webkit-transition-duration: 1s;
  499. -moz-transition-duration: 1s;
  500. -o-transition-duration: 1s;
  501. transition-duration: 1s;
  502. }
  503.  
  504. #notes {
  505. max-height:300px;
  506. overflow:auto;
  507. }
  508.  
  509. #notes img {
  510. border-radius:50%;
  511. }
  512.  
  513. #buttons {
  514. margin-left:360px;
  515. margin-top:10px;
  516. {block:ifdarkversion}
  517. background:#cccccc;
  518. {/block:ifdarkversion}
  519. {block:ifnotdarkversion}
  520. background:white;
  521. {/block:ifnotdarkversion}
  522. position:absolute;
  523. padding:6px;
  524. opacity:0;
  525. z-index:999999999;
  526. -webkit-transition-duration: 1s;
  527. -moz-transition-duration: 1s;
  528. -o-transition-duration: 1s;
  529. transition-duration: 1s;
  530. }
  531.  
  532. #post:hover #buttons {
  533. opacity:1;
  534. -webkit-transition-duration: 1s;
  535. -moz-transition-duration: 1s;
  536. -o-transition-duration: 1s;
  537. transition-duration: 1s;
  538. }
  539.  
  540. #credit {
  541. position:fixed;
  542. right:10px;
  543. background:{color:border};
  544. padding:5px;
  545. padding-top:6px;
  546. padding-bottom:3px;
  547. border-radius:5px;
  548. bottom:10px;
  549. -webkit-transition-duration: 1s;
  550. -moz-transition-duration: 1s;
  551. -o-transition-duration: 1s;
  552. transition-duration: 1s;
  553. }
  554.  
  555. #credit:hover {
  556. padding:10px;
  557. padding-bottom:8px;
  558. padding-top:11px;
  559. -webkit-transition-duration: 1s;
  560. -moz-transition-duration: 1s;
  561. -o-transition-duration: 1s;
  562. transition-duration: 1s;
  563. }
  564.  
  565. </style>
  566. </head>
  567. <body>
  568.  
  569. <div id="top">
  570. <div id="title"><a href="/">{title}</a></div>
  571.  
  572.  
  573. <div id="links">
  574. <ul>
  575. <li><a href="/">home</a>
  576. <li><a href="/ask">ask</a>
  577. <li><a href="{text:url 1}">{text:link 1}</a>
  578. <li><a href="{text:url 2}">{text:link 2}</a>
  579. <li><a href="{text:url 3}">{text:link 3}</a>
  580. <li><a href="{text:url 4}">{text:link 4}</a>
  581. </ul>
  582. </div></div>
  583. <div id="left">
  584. <div id="description">{Description}</div>
  585. </div>
  586.  
  587.  
  588.  
  589. <div id="entries">
  590. <div class = "autopagerize_page_element" >
  591. {block:Posts}
  592. <div id="post">
  593.  
  594. <div id="buttons">{LikeButton color="black"}{ReblogButton color="black"}</div>
  595. <!--TEXT-->
  596.  
  597. {block:Text}
  598. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  599.  
  600. <!--PHOTO-->
  601.  
  602. {block:Photo}
  603. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a>
  604. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}{/block:ifcaption}{/block:Photo}
  605.  
  606. <!--PANORAMA-->
  607.  
  608. {block:Panorama}
  609. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/> {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}{/block:Panorama}
  610.  
  611. <!--PHOTOSET-->
  612.  
  613. {block:Photoset}{Photoset-400} {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}{/block:Photoset}
  614.  
  615. <!--QUOTE-->
  616.  
  617. {block:Quote}
  618.  
  619. <div id="quote"><q>{Quote}</q></div>{block:Source}{Source}{/block:Source}{/block:Quote}
  620.  
  621. <!--LINK-->
  622.  
  623. {block:Link}<div id="link"><a href="{URL}" target="{Target}">&#8594;{Name}</a> </div>{block:Description}{Description}{/block:Description}{/block:Link}
  624.  
  625. <!--CHAT-->
  626.  
  627. {block:Chat}
  628. <ul>
  629. {block:Lines}<li class="{Alt}" style="border-bottom:1px solid #c0c0c0"><p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line} </p></li>{/block:Lines}
  630. </ul>
  631. {/block:Chat}
  632.  
  633. <!--AUDIO-->
  634.  
  635. {block:Audio}
  636. <div class="audio">
  637. <div class="cover">{block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  638. <div class="background"><div class="player">
  639. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  640. </div></div>
  641. <div class="audioinfo">
  642. <ul class="trackinfo">
  643. {block:TrackName}<li>Track: {TrackName}</li>{/block:TrackName}
  644. {block:Artist}<li>Artist: {Artist}</li>{/block:Artist}
  645. {block:Album}<li>Album: {Album}</li>{/block:Album}
  646. {block:PlayCount}<li>{PlayCountWithLabel}</li>{/block:PlayCount}
  647. </ul>
  648. </div>
  649. </div>
  650.  
  651. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}{/block:Audio}
  652.  
  653. {block:Video}{Video-400} {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}{/block:Video}
  654.  
  655. {block:Answer}<div class="title">{Asker} Said: </div>{Question}
  656. {Answer}{/block:Answer}
  657.  
  658. {block:Submission}<div class="title"><a href="{SubmitterURL}">{Submitter}</a> Submitted: </div>{/block:Submission}
  659.  
  660.  
  661.  
  662. <div id="perma">
  663.  
  664. {block:Date}<a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} {12Hour}:{Minutes}{AmPm}">{TimeAgo}</a>{/block:Date} &nbsp; &nbsp;
  665.  
  666. {block:NoteCount}<a href="{Permalink}">Notes: {NoteCount}</a>{/block:NoteCount} &nbsp; &nbsp;
  667.  
  668. {block:RebloggedFrom} <a href="{ReblogParentURL}"title="{ReblogParentName}"> Via </a> {/block:RebloggedFrom}
  669. {block:ContentSource}/
  670. <a href="{SourceURL}" title="{SourceTitle}">Source</a>
  671. {/block:ContentSource}
  672.  
  673.  
  674.  
  675. <div id="tags">
  676. {block:iftags}
  677. {block:HasTags}{block:Tags}
  678. ↳ <a href="{TagURL}">{Tag}</a>
  679. {/block:Tags}{/block:HasTags}
  680. {/block:iftags}
  681. </div>
  682.  
  683. </div>
  684. <div id="notes">{block:PostNotes}{PostNotes-16}{/block:PostNotes}</div>
  685. </div>
  686.  
  687.  
  688.  
  689. {/block:Posts}
  690. </div>
  691.  
  692. {block:ifnotinfinitescroll}
  693. <div class="navigation">
  694. {block:Pagination}
  695. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">&#8592;Newer</a></p>{/block:PreviousPage}
  696. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next"> Older&#8594;</a>{/block:NextPage}
  697. {/block:Pagination}</div>
  698. {/block:ifnotinfinitescroll}
  699. </div>
  700.  
  701.  
  702. <div id="credit">
  703. <a href="http://bsethemes.tumblr.com/">
  704. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAASUlEQVQ4T2NkYGBg+P///wUGBgZ9EJsEcIGRkdGQEWrAfxI0wpUyggC1DCDHCxcZGRkNwC6gBFDHgNFYoCQOGBhGYwGRmcjOCwAE6jYR7nzKSAAAAABJRU5ErkJggg=="/>
  705. </a></div>
  706.  
  707. </body>
  708. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!