niehauscosima

starbuck

Feb 23rd, 2018
2,739
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.78 KB | None | 0 0
  1. <!--
  2. staburck - captainmarvels
  3. visit /credits for full credits
  4. -->
  5.  
  6. <!DOCTYPE html>
  7. <head>
  8.  
  9. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{favicon}">
  12.  
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <!--Default Variables-->
  17.  
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:Text" content="#000000"/>
  20. <meta name="color:Link" content="#222222"/>
  21. <meta name="color:Link Hover" content="#444444"/>
  22. <meta name="color:Title"content="#000000"/>
  23. <meta name="color:Nav" content="#000000"/>
  24. <meta name="color:Scrollbar" content="#000000" />
  25. <meta name="color:Borders" content="#c7c7c7"/>
  26.  
  27. <meta name="text:Link 1 URL" content="" />
  28. <meta name="text:Link 1" content="" />
  29. <meta name="text:Link 2 URL" content="" />
  30. <meta name="text:Link 2" content="" />
  31. <meta name="text:Link 3 URL" content="" />
  32. <meta name="text:Link 3" content="" />
  33.  
  34. <meta name="text:Home Title" content="index"/>
  35. <meta name="text:Ask Title" content="message"/>
  36. <meta name="text:Archive Title" content="history"/>
  37.  
  38. <meta name="image:Sidebar" content=""/>
  39.  
  40. <!--fonts-->
  41.  
  42. <link href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto:400,700" rel="stylesheet">
  43. <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
  44. <!-- this is vital for my theme credit don't delete this-->
  45. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"> <!-- don't delete-->
  46.  
  47. <!--scripts-->
  48.  
  49. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script><script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script><link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/><script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  50.  
  51. <!--CSS customization here. -->
  52.  
  53. <style type="text/css">
  54.  
  55. /*tumblr controls and lightbox*/
  56.  
  57. .tmblr-full img {
  58. max-width: 100%;
  59. }
  60.  
  61. .vignette, #vignette {
  62. opacity:0;
  63. }
  64.  
  65. .lightbox-image, #tumblr_lightbox img {
  66. box-shadow:none !important;
  67. border-radius:0 !important;
  68. max-width:none;
  69. }
  70.  
  71. .tmblr-lightbox, #tumblr_lightbox {
  72. background-color:rgba(255,255,255,.8) !important;
  73. }
  74.  
  75. #tumblr_lightbox img {
  76. padding:5px;
  77. -moz-box-sizing:border-box;
  78. box-sizing:border-box;
  79. }
  80.  
  81. .lightbox-image {
  82. padding:0px;
  83. background-color:rgba(255,255,255,1) !important;
  84. }
  85.  
  86. iframe.tmblr-iframe {
  87. z-index:99999999999999!important;
  88. top:0!important;
  89. right:0!important;
  90. opacity:0.4;
  91. /* delete invert(1) from here */
  92. filter:invert(1) contrast(150%);
  93. -webkit-filter:invert(1) contrast(150%);
  94. -o-filter:invert(1) contrast(150%);
  95. -moz-filter:invert(1) contrast(150%);
  96. -ms-filter:invert(1) contrast(150%);
  97. /* to here if your blog has a dark background */
  98. transform:scale(0.65);
  99. transform-origin:100% 0;
  100. -webkit-transform:scale(0.65);
  101. -webkit-transform-origin:100% 0;
  102. -o-transform:scale(0.65);
  103. -o-transform-origin:100% 0;
  104. -moz-transform:scale(0.65);
  105. -moz-transform-origin:100% 0;
  106. -ms-transform:scale(0.65);
  107. -ms-transform-origin:100% 0;}
  108.  
  109. /*tooltip*/
  110.  
  111. .ui-tooltip {
  112. position:absolute;
  113. z-index:9999;
  114. padding-top:10px;
  115. }
  116.  
  117. .ui-tooltip-content {
  118. background:{color:text};
  119. padding:4px 8px;
  120. font-weight:bold;
  121. color:{color:background};
  122. text-transform:lowercase;
  123. }
  124.  
  125. /*scrollbar*/
  126.  
  127. ::-webkit-scrollbar{
  128. height:11px;
  129. width:11px;
  130. background:inherit;
  131. }
  132.  
  133. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  134.  
  135. ::-webkit-scrollbar-track {background:{color:borders};}
  136.  
  137. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}
  138.  
  139. /*main structure*/
  140.  
  141. body {
  142. background:{color:background};
  143. color:{color:text};
  144. font:11px 'Roboto';
  145. word-wrap:break-word;
  146. text-align:justify;
  147. margin:0;
  148. }
  149.  
  150. a {
  151. color:{color:link};
  152. text-decoration:none;
  153. transition:all .3s linear;
  154. -webkit-transition:all .3s linear;
  155. -o-transition:all .3s linear;
  156. -moz-transition:all .3s linear;
  157. }
  158.  
  159. a, a img {cursor:pointer;}
  160.  
  161. a:hover {
  162. color:{color:link hover}!important;
  163. text-decoration:none;
  164. }
  165.  
  166. img {
  167. opacity:1;
  168. border:0;
  169. text-decoration:none;
  170. max-width:100%;
  171. height:auto;
  172. display:block;
  173. }
  174.  
  175. blockquote {
  176. padding:0;
  177. margin:.5em 0;
  178. border-left:0px solid {color:borders};
  179. }
  180.  
  181. pre {
  182. padding:0;
  183. margin:0;
  184. line-height:inherit!important;
  185. background:transparent;
  186. font-family:inherit!Important;
  187. font-size:inherit!important;
  188. white-space:pre-wrap;
  189. white-space:-moz-pre-wrap;
  190. white-space:-pre-wrap;
  191. white-space:-o-pre-wrap;
  192. word-wrap:break-word;
  193. }
  194.  
  195. p {margin:1em 0;}
  196.  
  197. p:first-of-type {margin-top:0;}
  198.  
  199. p:last-of-type {margin-bottom:0;}
  200.  
  201. b, strong, b a, strong a {
  202. font-weight:bold!important;
  203. color:{color:title};
  204. }
  205.  
  206. small, big, sub, pre {
  207. font-size:1em!important;
  208. line-height:1.4em!important;
  209. vertical-align:baseline!important;
  210. }
  211.  
  212. h1, h2, h3, h4 {
  213. margin:1.5em 0;
  214. font-size:1.5em;
  215. padding:0;
  216. color:{color:title};
  217. font-weight:bold;
  218. }
  219.  
  220. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  221.  
  222. hr {
  223. border:none;
  224. box-shadow:0;
  225. margin:2em auto;
  226. width:75px;
  227. border-top:1px solid {color:borders};
  228. }
  229.  
  230. /*sidebar*/
  231.  
  232. sidebar {
  233. position:fixed;
  234. width:230px;
  235. top:120px;
  236. left:160px;
  237. }
  238.  
  239. sidebar img {
  240. display:block;
  241. width:230px;
  242. margin-bottom:20px;
  243. }
  244.  
  245. #blogtitle {
  246. border:0;
  247. font-size:13px;
  248. text-transform:uppercase;
  249. font-family: 'Lato', sans-serif;
  250. font-weight:700;
  251. letter-spacing: .25em;
  252. color:{color:title};
  253. }
  254.  
  255. #description {
  256. margin-top:15px;
  257. text-align:justify;
  258. }
  259.  
  260. nav {
  261. text-align:center;
  262. display:block;
  263. margin-top:10px;
  264. }
  265.  
  266. nav a {
  267. margin:0px 10px 3px 0px;
  268. display:inline-block;
  269. border:0;
  270. font-size:11px;
  271. font-style:italic;
  272. font-weight:none;
  273. color:{color:nav};
  274. }
  275.  
  276. /*pagination*/
  277.  
  278. footer {
  279. text-align:left;
  280. color:{color:link};
  281. margin-bottom:80px;
  282. }
  283.  
  284. footer span {
  285. text-align:right;
  286. float:right;
  287. display:inline-block;
  288. font-weight:bold;
  289. }
  290.  
  291. .current_page {
  292. color:{color:title};
  293. }
  294.  
  295. footer a {
  296. display:inline-block;
  297. border:0;
  298. margin:0 5px;
  299. }
  300.  
  301. #infscr-loading {display:none!important;}
  302.  
  303. /*posts*/
  304.  
  305. section {
  306. width:540px;
  307. margin-top:120px;
  308. margin-left:500px;
  309. }
  310.  
  311. .posts {
  312. width:540px;
  313. margin-bottom:100px;
  314. {block:permalinkpage}
  315. margin-bottom:30px;
  316. {/block:permalinkpage}
  317. }
  318.  
  319. /*titles*/
  320.  
  321. .title {
  322. color:{color:title};
  323. font-size:1.25em;
  324. line-height:1.75em;
  325. }
  326.  
  327. .title a {color:{color:title};}
  328.  
  329. .title a:hover {color:{color:link};}
  330.  
  331. .ted {margin-top:10px;}
  332.  
  333. /*captions*/
  334.  
  335. .caption {
  336. padding-top:0.5em;
  337. }
  338.  
  339. .caption img:not(.icon) {
  340. padding:10px;
  341. }
  342.  
  343. .leg a.tumblr_blog {
  344. vertical-align:middle;
  345. display:block;
  346. margin-bottom:1em;
  347. text-transform:uppercase;
  348. font-size: 10px;
  349. font-weight: 700;
  350. font-family: 'Lato', sans-serif;
  351. letter-spacing: 0.5px;
  352. line-height:20px;
  353. }
  354.  
  355. .leg .icon{
  356. border-radius:20px;
  357. width:24px;
  358. height:24px;
  359. margin-right:5px;
  360. display:inline-block;
  361. float:left;
  362. }
  363.  
  364. .leg p {
  365. margin: 0 0;
  366. }
  367.  
  368. .tex li, .tex blockquote {text-align:left;}
  369.  
  370. /*quote*/
  371.  
  372. .source {margin-top:5px;}
  373.  
  374. /*audio*/
  375.  
  376. .player {
  377. width:25px;
  378. height:24px;
  379. position:absolute;
  380. left:10px;
  381. top:calc(50% - 15px);
  382. display:block;
  383. overflow:hidden;
  384. }
  385.  
  386. .hold {
  387. text-align:left;
  388. background:{color:background};
  389. border:1px solid {color:borders};
  390. position:relative;
  391. display:block;
  392. min-height:24px;
  393. padding:15px;
  394. }
  395.  
  396. .audio_info {
  397. vertical-align:middle;
  398. line-height:12px;
  399. margin-left:35px;
  400. max-width:calc(100% - 35px);
  401. }
  402.  
  403. .audio_info span {
  404. white-space:nowrap;
  405. overflow:hidden;
  406. text-overflow:ellipsis;
  407. display:block;
  408. }
  409.  
  410. .hold .track {color:{color:title};}
  411.  
  412. /*asks*/
  413.  
  414. .q {
  415. text-align:left;
  416. padding:15px;
  417. border:1px solid {color:borders};
  418. }
  419.  
  420. .as {text-transform:lowercase;}
  421.  
  422. .as a {color:{color:text};}
  423.  
  424. .as a:hover {color:{color:link hover};}
  425.  
  426. .a {
  427. margin-bottom:0px;
  428. }
  429.  
  430. /*chat*/
  431.  
  432. .chat {
  433. text-align:left;
  434. margin:0;
  435. padding:0;
  436. list-style:none;
  437. }
  438.  
  439. .l {
  440. padding:15px 0;
  441. border-bottom:1px solid {color:borders};
  442. }
  443.  
  444. .label {
  445. font-weight:bold;
  446. color:{color:title};
  447. display:inline-block;
  448. }
  449.  
  450. .l:first-of-type {padding-top:0;}
  451.  
  452. .l:last-of-type {
  453. padding-bottom:0;
  454. border:0;
  455. }
  456.  
  457. /*permalink and notes*/
  458.  
  459. .permalink {
  460. margin-top:15px;
  461. text-align:center;
  462. }
  463.  
  464. .permalink a {
  465. color:{color:text};
  466. font-size:10px;
  467. font-weight:700;
  468. font-family: 'Lato', sans-serif;
  469. letter-spacing:0.5px;
  470. text-transform:uppercase;
  471. text-decoration:none;
  472. margin-right:2em;
  473. }
  474.  
  475. .time-ago {
  476. text-transform: uppercase;
  477. display:inline;
  478. }
  479.  
  480. .tags {
  481. margin-top:.5em;
  482. text-align:center;
  483. }
  484.  
  485. .tags a {
  486. color:{color:text};
  487. font-size:11px;
  488. font-weight:none;
  489. line-height:20px;
  490. display:inline;
  491. margin:0 2.5px;
  492. text-transform:lowercase;
  493. font-style:italic;
  494. text-decoration:none;
  495. }
  496.  
  497. .from {
  498. margin-top:.7em;
  499. text-align:center;
  500. }
  501.  
  502. .pagenotes {
  503. padding-top:2em;
  504. }
  505.  
  506. ol.notes {
  507. list-style-type:none;
  508. padding:0px;
  509. margin:0px;
  510. }
  511.  
  512. ol.notes li.note {
  513. display:block;
  514. padding:0;
  515. margin:5px 0;
  516. }
  517.  
  518. ol.notes li.note img.avatar {display:inline-block; border-radius:50px; margin-right:1em;} /*change display to none if you don't want icons in the notes*/
  519.  
  520. a.more_notes_link {
  521. display:block;
  522. text-align:center;
  523. color:{color:title};
  524. }
  525.  
  526. .credit {
  527. position:fixed;
  528. right:10px;
  529. bottom:15px;
  530. font-weight:bold;
  531. }
  532.  
  533. {CustomCSS}
  534.  
  535. /*smooth loading*/
  536.  
  537. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  538. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  539. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  540. .fade-in {
  541. opacity:0;
  542. -webkit-animation:fadeIn ease-in 1;
  543. -moz-animation:fadeIn ease-in 1;
  544. animation:fadeIn ease-in 1;
  545. -webkit-animation-fill-mode:forwards;
  546. -moz-animation-fill-mode:forwards;
  547. animation-fill-mode:forwards;
  548. -webkit-animation-duration:1s;
  549. -moz-animation-duration:1s;
  550. animation-duration:1s;}
  551. .fade-in.one {
  552. -webkit-animation-delay:0s;
  553. -moz-animation-delay:0s;
  554. animation-delay:0s;}
  555. .fade-in.two {
  556. -webkit-animation-delay:0.8s;
  557. -moz-animation-delay:0.8s;
  558. animation-delay:0.8s;}
  559.  
  560. </style>
  561.  
  562. </head>
  563.  
  564. <body>
  565.  
  566. <sidebar>
  567. {block:ifSidebarImage}<a href="/"><img src="{image:Sidebar}"/></a>{/block:ifSidebarImage}
  568. <div id="blogtitle">{Title}</div>
  569. <div id="description">{Description}</div>
  570. <hr>
  571. <nav>{block:ifHomeTitle}<a href="/">{text:home title}</a>{/block:ifHomeTitle}{block:ifAskTitle}<a href="/ask">{text:ask title}</a>{/block:ifAskTitle}{block:ifArchiveTitle}<a href="/archive">{text:archive title}</a>{/block:ifArchiveTitle}<br>{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}</nav>
  572. </sidebar>
  573.  
  574. <section id="entries" class="fade-in one">{block:posts}
  575. <article class="posts">
  576.  
  577. {block:Quote}
  578. <div class="title quote">{quote}</div>
  579. {block:Source}<div class="source">{source}</div>{/block:Source}
  580. {/block:Quote}
  581.  
  582. {block:Text}
  583. {block:Title}<div class="title">{title}</div>{/block:Title}
  584. <div class="caption">{Body}</div>
  585. {/block:Text}
  586.  
  587. {block:Link}<div class="title"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  588.  
  589. {block:Chat}
  590. {block:Title}<div id="title">{title}</div>{/block:Title}
  591. <ol class="chat {block:Title}ted{/block:Title}">
  592. {block:lines}
  593. <li class="l {Alt}">
  594. {block:label}<span class="label">{label}</span>{/block:label} {line}
  595. </li>
  596. {/block:lines}
  597. </ol>
  598. {/block:Chat}
  599.  
  600. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  601.  
  602. {block:Photoset}
  603. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  604. {/block:Photoset}
  605.  
  606. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  607.  
  608. {block:Audio}
  609. {block:audioplayer}
  610. <div class="hold">
  611. <div class="player">{audioplayerwhite}</div>
  612. <div class="audio_info">
  613. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  614. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  615. </div>
  616. </div>
  617. {/block:audioplayer}
  618. {/block:Audio}
  619.  
  620. {block:caption}<div class="caption">{Caption}</div>{/block:caption}
  621.  
  622. {block:Answer}
  623. <div class="q">
  624. <div class="as"> {asker} sent &mdash; {Question}</div></div>
  625. <div class="a"><div class="caption">{Answer}</div></div>
  626. {/block:Answer}
  627.  
  628.  
  629. {block:Date}
  630. <hr>
  631. <div class="permalink"><a href="{permalink}"><div class="time-ago">{TimeStamp}</div></a> {block:NoteCount}<a href="{permalink}" class="notecount">{NoteCountWithLabel}</a>{/block:NoteCount} <a href="{ReblogURL}" target="_blank" title="reblog">reblog</a></div>
  632. {block:permalinkpage}{block:RebloggedFrom}
  633. <div class="from">
  634. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  635. {block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  636. </div>
  637. {/block:RebloggedFrom}{/block:permalinkpage}
  638. {block:hastags}
  639. <div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>
  640. {/block:hasTags}
  641. {/block:Date}
  642.  
  643. </article>
  644.  
  645. {block:PostNotes}
  646. <article class="posts pagenotes">
  647. {PostNotes}
  648. </article>
  649. {/block:PostNotes}
  650.  
  651. {/block:Posts}
  652.  
  653. {block:Pagination}
  654. <footer id="pagination">
  655. <span>
  656. {block:PreviousPage}<a href="{PreviousPage}">←</a>{block:nextpage} {/block:nextpage}{/block:PreviousPage}
  657. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage} </span>
  658. {block:JumpPagination length="5"}
  659. {block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  660. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  661. {/block:JumpPagination}
  662. </footer>
  663. {/block:Pagination}
  664.  
  665. </section>
  666.  
  667. {block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}
  668.  
  669. <script>
  670. $(document).ready(function() {
  671. $(".time-ago").timeAgo({
  672. time: "short", // can be "letter" "short" or "word"
  673. spaces: true, // adds spaces between words and numbers
  674. words: false, // turns numbers to words
  675. prefix: "", // adds a prefix to the outputted string. could be "~" or "about"
  676. suffix: "ago", // adds a suffix to the outputted string. could be "ago"
  677. });
  678. });
  679.  
  680. var $container = $('.posts');
  681. $container.find('.notecount').each(function(){
  682. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  683. if (n > 999) {
  684. n = Math.floor(n / 100) / 10;
  685. $(this).text(n + 'k notes');
  686. }
  687. });
  688. $(document).ready(function(){
  689. $('body').tooltip({track:false});
  690. $('iframe.tumblr_audio_player').load( function() {
  691. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  692. });
  693. });
  694. $('.posts').unnest({
  695. yourCaption: ".caption",
  696. wrapName: ".leg",
  697. newCaptionUsername: true,
  698. originalPostCaptionUsername: false,
  699. tumblrAvatars: true,
  700. tumblrAvatarClass: ".icon",
  701. usernameColon: false
  702. });
  703. $(document).ready(function(){
  704. $('.photo-slideshow').pxuPhotoset({
  705. lightbox: true,
  706. rounded: false,
  707. gutter: '4px',
  708. borderRadius: '0px',
  709. photoset: '.photo-slideshow',
  710. photoWrap: '.photo-data',
  711. photo: '.pxu-photo'
  712. });
  713. });
  714. </script>
  715.  
  716. {block:ContentSource}
  717. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  718. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  719. {/block:SourceLogo}
  720. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  721. {/block:ContentSource}
  722.  
  723. <div class="credit"><a href="http://captainmarvels.tumblr.com/" title="ananda themes"><span class="sf sf-alien-o"></span></a></div>
  724.  
  725. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment