API tools faq
paste
niehauscosima

bluew

niehauscosima
Feb 19th, 2018
2,236
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6. bluew - captainmarvels
  7. base code @ sorrism
  8. visit /credits for full credits
  9. -->
  10.  
  11.  
  12. <title>{title} {block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}"/>
  15. {/block:Description}
  16. <link rel="shortcut icon" href="{Favicon}"/>
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  18. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  19.  
  20. <meta name="color:background" content="#fafafa">
  21. <meta name="color:post background" content="#ffffff">
  22. <meta name="color:scrollbar" content="#555555">
  23. <meta name="color:body" content="#555555">
  24. <meta name="color:borders" content="#eeeeee">
  25. <meta name="color:links" content="#aaaaaa">
  26. <meta name="color:links Hover" content="#888888">
  27. <meta name="color:accent" content="#cee8f0">
  28. <meta name="color:bold" content="#cee8f0">
  29.  
  30. <meta name="image:sidebar image" content="https://78.media.tumblr.com/1c409a3f63fd3a9d14d540a4e606df44/tumblr_p4fjo3Hxlq1wd9douo1_250.png" />
  31.  
  32. <meta name="select:body font" content="maven pro" title="maven pro"/>
  33. <meta name="select:body font" content="roboto" title="roboto"/>
  34. <meta name="select:body font" content="source sans pro" title="source sans pro"/>
  35. <meta name="select:body font" content="karla" title="karla"/>
  36.  
  37. <meta name="select:post width" content="250" title="250px"/>
  38. <meta name="select:post width" content="300" title="300px"/>
  39. <meta name="select:post width" content="350" title="350px"/>
  40. <meta name="select:post width" content="400" title="400px"/>
  41. <meta name="select:post width" content="450" title="450px"/>
  42. <meta name="select:post width" content="500" title="500px"/>
  43. <meta name="select:post width" content="540" title="540px"/>
  44.  
  45. <meta name="if:custom tumblr controls" content="1"/>
  46. <meta name="if:drop down links" content="1"/>
  47. <meta name="if:draggable tags" content="1"/>
  48.  
  49. <meta name="text:margin width" content="90">
  50. <meta name="text:text size" content="11">
  51. <meta name="text:blog title" content="blog title">
  52.  
  53. <meta name="text:link1" content="" />
  54. <meta name="text:link1 Title" content="" />
  55. <meta name="text:link2" content="" />
  56. <meta name="text:link2 Title" content="" />
  57. <meta name="text:link3" content="" />
  58. <meta name="text:link3 Title" content="" />
  59.  
  60. <!-- fonts -->
  61.  
  62. <link href="https://fonts.googleapis.com/css?family=Karla|Roboto:600|Source+Sans+Pro|Maven+Pro" rel="stylesheet">
  63. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  64. <!-- this is vital for my theme credit don't delete this-->
  65. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"> <!-- don't delete-->
  66.  
  67. {block:ifdropdownlinks}
  68. <!-- drop down -->
  69.  
  70. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  71. </script>
  72. <script type="text/javascript">
  73. $(document).ready(function(){
  74. $(".ddlinks").hide();
  75. $(".ddmenu").click(function(){
  76. $(this).next(".ddlinks").slideToggle('slow');
  77. }); }); </script>
  78. {/block:ifdropdownlinks}
  79.  
  80. <!-- smooth scroll -->
  81.  
  82. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  83.  
  84. <!-- video resizing -->
  85.  
  86. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  87. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  88.  
  89. <!-- tooltips -->
  90.  
  91. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  92.  
  93. <script>
  94. (function($){
  95. $(document).ready(function(){
  96. $("a[title]").style_my_tooltips({
  97. tip_follows_cursor:true,
  98. tip_delay_time:20,
  99. tip_fade_speed:300,
  100. attribute:"title"
  101. });
  102. });
  103. })(jQuery);
  104. </script>
  105.  
  106. <style type="text/css">
  107.  
  108. #s-m-t-tooltip {
  109. max-width:300px;
  110. margin:20px 10px 10px 10px;
  111. color:#fff;
  112. padding: 2px 10px;
  113. border-radius:5px;
  114. background-color:{color:accent}; /* how hover text looks like */
  115. text-transform:lowercase;
  116. font-weight:0;
  117. z-index:999999;
  118. font-size:11px;
  119. }
  120.  
  121. /* blog scrollbar */
  122.  
  123. ::-webkit-scrollbar {height: 6px;width: 3px;}
  124. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar}; width: 3px;}
  125. ::-webkit-scrollbar-track{background-color:#ffffff; width: 3px;}
  126.  
  127. /* text selection color */
  128.  
  129. ::selection {
  130. background: #eee;
  131. color: {color:Body};
  132. }
  133.  
  134. ::-moz-selection {
  135. background: #eee;
  136. color: #eee;
  137. }
  138.  
  139. ::-webkit-selection {
  140. background: #eee;
  141. color: #eee;
  142. }
  143.  
  144. body {
  145. background-color: {color:Background};
  146. font-family: {select:body font}, sans-serif;
  147. font-size:{text:text size}px;
  148. color:{color:Body};
  149. text-align:justify;
  150. line-height:20px;
  151. font-smooth:always;
  152. }
  153.  
  154. a {
  155. color: {color:Links};
  156. text-decoration: none;
  157. }
  158.  
  159. a:hover {
  160. color: {color:Links Hover};
  161. }
  162.  
  163. a, a:hover, iframe.tmblr-iframe, iframe.tmblr-iframe:hover, #s-m-t-tooltip {
  164. transition:all 0.2s ease-in-out;
  165. -webkit-transition:all 0.2s ease-in-out;
  166. -o-transition:all 0.2s ease-in-out;
  167. -moz-transition:all 0.2s ease-in-out;
  168. -ms-transition:all 0.2s ease-in-out;
  169.  
  170. }
  171.  
  172. h1 {
  173. font-size:calc({text:text size}px + 5px);
  174. margin-left:10px;
  175. margin-bottom:0px;
  176. padding:10px 0 0 10px;
  177. text-align:left;
  178. color:{color:body};
  179. text-transform:uppercase;
  180. }
  181.  
  182.  
  183. blockquote {
  184. margin-left:10px;
  185. }
  186.  
  187. small {
  188. font-size:10px;
  189. }
  190.  
  191. b {
  192. font-style:bold;
  193. color:{color:bold};
  194. }
  195.  
  196. ol, ul {
  197. padding-left:20px;
  198. list-style-type:none;
  199. }
  200.  
  201. .tmblr-full img {
  202. width:100%;
  203. }
  204.  
  205. .vignette, #vignette {
  206. opacity:0;
  207. }
  208.  
  209. .lightbox-image, #tumblr_lightbox img {
  210. box-shadow:none !important;
  211. border-radius:0 !important;
  212. max-width:none;
  213. }
  214.  
  215. .tmblr-lightbox, #tumblr_lightbox {
  216. background-color:rgba(255,255,255,.8) !important;
  217. }
  218.  
  219. #tumblr_lightbox img {
  220. border:1px solid #eee !important;
  221. padding:5px;
  222. border-radius:5px;
  223. -moz-box-sizing:border-box;
  224. box-sizing:border-box;
  225. }
  226.  
  227. .lightbox-image {
  228. padding:3px;
  229. background-color:rgba(255,255,255,1) !important;
  230. }
  231.  
  232. .sidebar {
  233. background-color: #ffffff;
  234. width:200px;
  235. position: fixed;
  236. top: {text:margin width}px;
  237. left: {text:margin width}px;
  238. border-radius:5px;
  239. border:1px solid {color:borders};
  240. }
  241.  
  242. .sbarimage{
  243. width:100%;
  244. }
  245.  
  246. .description {
  247. padding:5px 10px 10px 10px;
  248. color: {color:Body};
  249. text-align: justify;
  250. line-height:20px;
  251. border-bottom:1px solid {color:borders};
  252. }
  253.  
  254. .allmenu {
  255. text-align:justify;
  256. margin-top:10px;
  257. padding-bottom:5px;
  258. }
  259.  
  260. {block:ifdropdownlinks}
  261. .allmenu a:last-child, .ddmenu {
  262. margin-right:0;
  263. }
  264.  
  265. .ddmenu {
  266. display:inline;
  267. color:{color:links};
  268. }
  269.  
  270. .ddmenu:hover{
  271. cursor:pointer;
  272. }
  273.  
  274. .ddlinks {
  275. display:none;
  276. color:{color:links};
  277. margin-top:5px;
  278. text-align:center;
  279. padding-bottom:5px;
  280. }
  281.  
  282. .ddlinks a {
  283. margin-right:5px;
  284. }
  285.  
  286. .sidebar .sf {
  287. padding-left:5px;
  288. padding-right:5px;
  289. }
  290. {/block:ifdropdownlinks}
  291.  
  292.  
  293.  
  294. .sf-chat-o:before {
  295. font-weight:bold;
  296. font-size:13px;
  297. color:{color:accent};
  298. padding-left:5px;
  299. }
  300.  
  301. {block:ifdropdownlinks}
  302. .sf-menu-o:before {
  303. font-weight:bold;
  304. font-size:13px;
  305. color:{color:accent};
  306. }
  307. {/block:ifdropdownlinks}
  308.  
  309. {block:ifnotdropdownlinks}
  310. .sf-clock-3-o:before {
  311. font-weight:bold;
  312. font-size:13px;
  313. color:{color:accent};
  314. }
  315.  
  316. .sf-leaf-2-o:before {
  317. font-weight:bold;
  318. font-size:13px;
  319. color:{color:accent};
  320. }
  321.  
  322. .sf-pencil-o:before {
  323. font-weight:bold;
  324. font-size:13px;
  325. color:{color:accent};
  326. }
  327.  
  328. .sf-user-o:before {
  329. font-weight:bold;
  330. font-size:13px;
  331. color:{color:accent};
  332. }
  333. {/block:ifnotdropdownlinks}
  334.  
  335. {block:ifdropdownlinks}
  336. .blogt {
  337. max-width: 150px;
  338. float:right;
  339. margin-right:10px;
  340. margin-top:-2px;
  341. }
  342.  
  343. .blogt a {
  344. font-size: 9px;
  345. font-family: {select:boy font};
  346. letter-spacing: 1px;
  347. font-weight:bold;
  348. text-transform: uppercase;
  349. line-height: 20%;
  350. }
  351. {/block:ifdropdownlinks}
  352.  
  353.  
  354. {block:ifnotdropdownlinks}
  355. .sidebar .sf {
  356. padding:10px;
  357. }
  358.  
  359. .blogtwo {
  360. max-width: 100%;
  361. text-align:center;
  362. padding:5px;
  363. border-bottom:1px solid {color:borders};
  364. margin-bottom:5px;
  365. }
  366.  
  367. .blogtwo a {
  368. font-size: 9px;
  369. font-family: {select:boy font};
  370. letter-spacing: 1px;
  371. font-weight:bold;
  372. text-transform: uppercase;
  373. line-height: 20%;
  374. }
  375. {/block:ifnotdropdownlinks}
  376.  
  377. .entries {
  378. position:relative;
  379. width:{select:post width}px;
  380. margin-left:calc(200px + {text:margin width}px*2);
  381. margin-top:{text:margin width}px;
  382. }
  383.  
  384. .posts {
  385. border-radius:5px;
  386. overflow:hidden;
  387. border:1px solid #eee;
  388. width:{select:post width}px;
  389. {block:indexpage}
  390. margin-bottom:{text:margin width}px;
  391. {/block:indexpage}
  392. {block:permalinkpage}
  393. margin-bottom:30px;
  394. {/block:permalinkpage}
  395. background-color:{color:Post Background};
  396. }
  397.  
  398. .posts img {
  399. max-width: 100%;
  400. height:auto;
  401. display:block;
  402. }
  403.  
  404. .posts ol li:before{
  405. content:'›';
  406. position:absolute;
  407. margin-top:-1.5px;
  408. left:25px;
  409. font-size:10px;
  410. }
  411.  
  412. .posts ul li:before {
  413. content:'›';
  414. position:absolute;
  415. margin-top:-1.5px;
  416. left:25px;
  417. font-size:10px;
  418. }
  419.  
  420. .caption {
  421. display:block;
  422. max-width:100%;
  423. overflow:hidden;
  424. padding:5px;
  425. }
  426.  
  427. .tumblr_blog {
  428. display:block;
  429. vertical-align:middle;
  430. line-height:20px;
  431. margin-bottom:5px;
  432. font-weight:bold;
  433. color:{color:accent}!important;
  434.  
  435. }
  436.  
  437. .tumblr_blog:hover{
  438. color:{color:link hover}!important;
  439. }
  440.  
  441. .icon{
  442. width:24px;
  443. height:24px;
  444. margin-right:10px;
  445. display:inline-block;
  446. float:left;
  447. border-radius:50px;
  448. }
  449.  
  450. .pagenotes {
  451. {block:indexPage}
  452. display: none!important;
  453. {/block:indexPage}
  454. width:{select:post width}px;
  455. margin-left:20px;
  456. margin-bottom:60px;
  457. }
  458.  
  459. .pagenotes img {
  460. display:none!important;
  461. }
  462.  
  463. .pagenotes li {
  464. list-style-type:none;
  465. padding:2px 0px;
  466. text-align:left;
  467. margin:0 0 0 -40px;
  468. }
  469.  
  470.  
  471. .indexinfo {
  472. position:relative;
  473. border-bottom:1px solid {color:borders};
  474. padding:10px 0px 10px 10px;
  475. }
  476.  
  477. .indexinfo a{
  478. display:inline-block;
  479. margin:5px 3px 5px 0;
  480. font-size:calc({text:text size}px - 2px);
  481. line-height:100%;
  482. letter-spacing:1px;
  483. text-transform:uppercase;
  484. }
  485.  
  486. .permainfo {
  487. text-transform: lowercase;
  488. position:relative;
  489. border-top:1px solid {color:borders};
  490. padding:10px 0px 10px 10px;
  491. }
  492.  
  493. .permainfo a{
  494. display:inline-block;
  495. margin:0 5px 5px 0;
  496. font-size:10px;
  497. line-height:100%;
  498. text-transform:lowercase;
  499. }
  500.  
  501. .topsource {
  502. margin-right:10px;
  503. float:right;
  504. vertical-align:middle;
  505. }
  506.  
  507. .topsource a {
  508. font-size:calc({text:text size}px - 2px);
  509. }
  510.  
  511. .bottomsource {
  512. margin-right:10px;
  513. float:right;
  514. margin-top:-20px;
  515. }
  516.  
  517. .bottomsource img {
  518. border-radius:50%;
  519. }
  520.  
  521. .time-ago {
  522. text-transform: lowercase;
  523. }
  524.  
  525. .sf-eye-o:before {
  526. position:relative;
  527. font-size:11px;
  528. background:{color:accent};
  529. color:#ffffff;
  530. padding:5px;
  531. text-align:center;
  532. border-radius:50%;
  533. }
  534.  
  535. .sf-reblog:before {
  536. position:relative;
  537. font-size:11px;
  538. background:{color:accent};
  539. color:#ffffff;
  540. padding:5px;
  541. text-align:center;
  542. border-radius:50%;
  543. }
  544.  
  545. .sf-heart-o:before {
  546. position:relative;
  547. font-size:11px;
  548. background:{color:accent};
  549. color:#ffffff;
  550. padding:5px;
  551. text-align:center;
  552. border-radius:50%;
  553. }
  554.  
  555. .tags {
  556. border-top:1px solid {color:borders};
  557. padding:10px 0px 10px 10px;
  558. text-align:left;
  559. font-size:11px;
  560. }
  561.  
  562. .tags a {
  563. color:{color:Links};
  564. margin-right:5px;
  565. }
  566.  
  567. .tags a:hover {
  568. color:{color:Links Hover};
  569. }
  570.  
  571. /* draggable tags */
  572.  
  573. {block:ifdraggabletags}
  574. .post_tags,
  575.  
  576. .post_tags a { color: {color:links} }
  577.  
  578. .post_tags {
  579. border-top:1px solid {color:borders};
  580. padding:10px 0px 10px 10px;
  581. text-align:left;
  582. position: relative;
  583. white-space: nowrap;
  584. overflow: hidden;
  585. }
  586.  
  587. .post_tags.draggable .post_tags_inner {
  588. -webkit-touch-callout: none;
  589. -webkit-user-select: none;
  590. -khtml-user-select: none;
  591. -moz-user-select: none;
  592. -ms-user-select: none;
  593. user-select: none;
  594. }
  595.  
  596. .post_tags_inner {
  597. position: relative;
  598. padding: 0px 20px 0px 0;
  599. }
  600.  
  601. .post_tags a,
  602. .post_tags .post_tag {
  603. color: {color:links};
  604. font-size: 11px;
  605. text-decoration: none;
  606. margin-right: 6px;
  607. text-transform: lowercase !important;
  608. }
  609.  
  610. .post_tags a:before { content: ''; } /* add a # inside '' if you want them before your tags */
  611.  
  612. .post_tags:after {
  613. content: '';
  614. position: absolute;
  615. top: 0;
  616. right: 0;
  617. bottom: 0;
  618. width: 20px;
  619. background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  620. background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #FFF));
  621. background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #FFF 100%);
  622. background: -o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  623. background: -ms-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  624. background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #FFF 100%);
  625. }
  626.  
  627. .post_tags a:hover,
  628.  
  629. .post_tags .post_tag:hover,
  630.  
  631. .post_tags a:focus,
  632.  
  633. .post_tags .post_tag:focus,
  634.  
  635. .post_tags a:active,
  636.  
  637. .post_tags .post_tag:active { color: {color:links}; }
  638. {/block:ifdraggabletags}
  639.  
  640.  
  641. .quotes {
  642. margin-left:10px;
  643. padding:10px 0 0 10px;
  644. font-size:calc({text:text size}px + 2px);
  645. font-style:italic;
  646. }
  647.  
  648. .source {
  649. margin-left:10px;
  650. padding:0 0 10px 10px;
  651. font-size:calc({text:text size}px - 2px);
  652. }
  653.  
  654. .source a.tumblr_blog{
  655. display:inline;
  656. }
  657.  
  658. #ask {
  659. padding: 7px 8px;
  660. border-bottom: 1px solid #f6f6f6;
  661. border-radius:5px;
  662. }
  663.  
  664. .question {
  665. padding-left:10px;
  666. position:relative;
  667. word-break:break-all;
  668. max-width:{select:post width}px;
  669. }
  670.  
  671. .asker {
  672. display:block;
  673. padding-left:10px;
  674. text-transform:lowercase;
  675. vertical-align:middle;
  676. line-height:25px;
  677. font-weight:bold;
  678. color:{color:accent}!important;
  679. }
  680.  
  681. .asker img {
  682. width:24px;
  683. margin-right:10px;
  684. display:inline-block;
  685. float:left;
  686. border-radius:50%;
  687. }
  688.  
  689. .answer {
  690. display:block;
  691. max-width:100%;
  692. overflow:hidden;
  693. padding-left:10px;
  694. }
  695.  
  696. .audio .player iframe{
  697. width: calc(100%); !important;
  698. }
  699. .audio iframe.tumblr_audio_player{
  700. height: 85px !important;
  701. }
  702.  
  703. /* alternative tumblr controls */
  704.  
  705. {block:IfCustomTumblrControls}
  706. iframe.tmblr-iframe {
  707. z-index:99999999999999!important;
  708. top:-2px!important;
  709. right:0!important;
  710. opacity:0;
  711. padding-right:38px;
  712. /* delete invert(1) from here */
  713. filter:invert(1) contrast(150%);
  714. -webkit-filter:invert(1) contrast(150%);
  715. -o-filter:invert(1) contrast(150%);
  716. -moz-filter:invert(1) contrast(150%);
  717. -ms-filter:invert(1) contrast(150%);
  718. /* to here if your blog has a dark background */
  719. transform:scale(0.65);
  720. transform-origin:100% 0;
  721. -webkit-transform:scale(0.65);
  722. -webkit-transform-origin:100% 0;
  723. -o-transform:scale(0.65);
  724. -o-transform-origin:100% 0;
  725. -moz-transform:scale(0.65);
  726. -moz-transform-origin:100% 0;
  727. -ms-transform:scale(0.65);
  728. -ms-transform-origin:100% 0;}
  729.  
  730. iframe.tmblr-iframe:hover {
  731. opacity:0.6!important;}
  732.  
  733. .hcontrols {
  734. position:fixed;
  735. top:0;
  736. right:0;
  737. z-index:999999999;}
  738.  
  739. .hcontrols svg {
  740. width:14px;
  741. height:14px;
  742. padding:9px;}
  743.  
  744. .hcontrols svg path {
  745. fill:#888888;/* change this to change the color of the icon */}
  746. {/block:IfCustomTumblrControls}
  747.  
  748. .pagination{
  749. text-align:center;
  750. text-transform:uppercase;
  751. font-size:9px;
  752. letter-spacing:1px;
  753. width:{select:post width}px;
  754. margin-left:calc(200px + {text:margin width}px*2);
  755. margin-bottom:{text:margin width}px;
  756. }
  757.  
  758. .pagination a{
  759. padding-left:05px;
  760. padding-right:05px;
  761. }
  762.  
  763. #credit{
  764. font-family:consolas;
  765. font-size:10px;
  766. color:black;
  767. font-weight:bold;
  768. position:fixed;
  769. bottom:15px;
  770. right:15px;
  771. }
  772.  
  773. {CustomCSS}
  774.  
  775. /* smooth loading */
  776.  
  777. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  778. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  779. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  780. .fade-in {
  781. opacity:0;
  782. -webkit-animation:fadeIn ease-in 1;
  783. -moz-animation:fadeIn ease-in 1;
  784. animation:fadeIn ease-in 1;
  785. -webkit-animation-fill-mode:forwards;
  786. -moz-animation-fill-mode:forwards;
  787. animation-fill-mode:forwards;
  788. -webkit-animation-duration:1s;
  789. -moz-animation-duration:1s;
  790. animation-duration:1s;}
  791. .fade-in.one {
  792. -webkit-animation-delay:0s;
  793. -moz-animation-delay:0s;
  794. animation-delay:0s;}
  795. .fade-in.two {
  796. -webkit-animation-delay:0.8s;
  797. -moz-animation-delay:0.8s;
  798. animation-delay:0.8s;}
  799.  
  800. </style>
  801.  
  802. </head><body>
  803.  
  804. <div class="sidebar" class="fade-in one">
  805.  
  806. <img class="sbarimage" src="{image:Sidebar Image}" />
  807.  
  808. <div class="description">{Description}</div>
  809.  
  810. {block:ifdropdownlinks}
  811. <div class="allmenu">
  812. <div class="blogt"><a href="/">{text:blog title}</a></div>
  813. <a href="/ask" title="contact"><span class="sf sf-chat-o"></span></a>
  814. <span class="ddmenu">
  815. <a class="sf sf-menu-o" title="more links"></span></a>
  816. <div class="ddlinks">
  817. <a href="/archive">archive</a>
  818. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  819. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  820. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  821. </div>
  822. </div>
  823. {/block:ifdropdownlinks}
  824.  
  825. {block:ifnotdropdownlinks}
  826. <div class="blogtwo"><a href="/">{text:blog title}</a></div>
  827. <center>
  828. <a href="/ask" title="contact"><span class="sf sf-chat-o"></span></a>
  829. <a href="/archive" title="archive"><span class="sf sf-clock-3-o
  830. "></span></a>
  831. {block:ifLink1}<a href="{text:Link1}" title="{text:link1 Title}"><span class="sf sf-leaf-2-o"></span></a>{/block:ifLink1}
  832. {block:ifLink2}<a href="{text:Link2}" title="{text:link2 Title}"><span class="sf sf-pencil-o"></span></a>{/block:ifLink2}
  833. {block:ifLink3}<a href="{text:Link3}" title="{text:link3 Title}"><span class="sf sf-user-o"></span></a>{/block:ifLink3}
  834. </center>
  835. {/block:ifnotdropdownlinks}
  836. </div> <!-- sidebar -->
  837.  
  838.  
  839. <div class="entries" class="fade-in two">
  840.  
  841. {block:Posts}
  842.  
  843. {block:ContentSource}
  844. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  845. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  846. {/block:SourceLogo}
  847. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  848. {/block:ContentSource}
  849.  
  850. <div class="posts"id="{PostID}">
  851.  
  852. {block:indexpage}
  853. {block:Date}<div class="indexinfo"> <a href="{Permalink}" title ="{Month} {DayofMonth}"><span class="sf sf-eye-o"></span></a><a href="{ReblogURL}" target="_blank" title="reblog"><span class="sf sf-reblog"></span></a><a href="#" target="_blank" title="{NoteCountWithLabel}"><span class="sf sf-heart-o"></span></a>{block:RebloggedFrom}<div class="topsource"><a href="{ReblogRootUrl}" title="original poster">{ReblogRootName}</a></div>{/block:RebloggedFrom}</div>{/block:Date}
  854. {/block:indexpage}
  855.  
  856. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="caption">{Body}</div>{/block:Text}
  857.  
  858. {block:Photo}
  859. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>
  860. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  861.  
  862. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  863.  
  864. {block:Photoset}<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><div class="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  865.  
  866. {block:Quote}
  867. <div class="quotes">"{Quote}"</div>
  868. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  869. {/block:Quote}
  870.  
  871. {block:Audio}{block:AudioEmbed}<div class="audio"><div class="player">{AudioEmbed-500}</div></div>{/block:AudioEmbed}
  872. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  873. {/block:Audio}
  874.  
  875. {block:Video}<div class="video">{Video-500}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Video}
  876.  
  877. {block:Chat}
  878. {block:Title}<h1>{Title}</h1>{/block:Title}
  879. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  880. {/block:Chat}
  881.  
  882. {block:Answer}
  883. <div id="ask">
  884. <div class="asker"><b>{Asker}</b></div>
  885. <div class="question">{Question}</div>
  886. </div>
  887. </span><div class="answer">{Answer}</div>
  888. {/block:Answer}
  889.  
  890. {block:indexpage}
  891. {block:HasTags}
  892. {block:ifdraggabletags}<div class="post_tags draggable"><span class="sf sf-tags" style="float:left; font-size:9px;color:{color:Accent};font-weight:bold; margin-right:5px;" ></span> <div class="post_tags_inner"> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div></div>{/block:ifdraggabletags}
  893. {block:ifnotdraggabletags}<div class="tags"><span class="sf sf-tags" style="float:left; font-size:9px;color:{color:Accent};font-weight:bold; margin-right:5px;"></span>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:ifnotdraggabletags}
  894. {/block:HasTags}
  895. {/block:indexpage}
  896.  
  897. {block:permalinkpage}
  898. {block:Date}
  899. <div class="permainfo">posted <a href="{Permalink}"><div class="time-ago">{TimeStamp}</div></a> with {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a><br>
  900. {block:RebloggedFrom}
  901. <div class="bottomsource"><a href="{ReblogParentUrl}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"/></a> <a href="{ReblogRootUrl}" title ="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"/></a></div>{/block:RebloggedFrom}</div>{/block:Date}
  902. {/block:permalinkpage}
  903.  
  904. {block:permalinkpage}
  905. {block:HasTags}
  906. {block:ifdraggabletags}<div class="post_tags draggable"><span class="sf sf-tags" style="float:left; font-size:9px;color:{color:Accent};font-weight:bold; margin-right: 5px;"></span> <div class="post_tags_inner"> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div></div>{/block:ifdraggabletags}
  907. {block:ifnotdraggabletags}<div class="tags"><span class="sf sf-tags" style="float:left; font-size:9px;color:{color:Accent};font-weight:bold; margin-right: 5px;"></span>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:ifnotdraggabletags}
  908. {/block:HasTags}
  909. {/block:permalinkpage}
  910.  
  911. </div> <!-- posts -->
  912.  
  913. {block:PostNotes}
  914. <div class="pagenotes">
  915. {PostNotes}
  916. </div>
  917. {/block:PostNotes}
  918. {/block:Posts}
  919.  
  920. </div> <!-- entries -->
  921.  
  922. {block:Pagination}<div class="pagination">
  923. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  924. {CurrentPage}/{TotalPages}
  925. {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}</div>
  926. {/block:Pagination}
  927.  
  928. <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  929.  
  930. <script>
  931. $('.posts').unnest({
  932. yourCaption: ".caption",
  933. newCaptionUsername: true,
  934. originalPostCaptionUsername: false,
  935. tumblrAvatars: true,
  936. tumblrAvatarClass: ".icon",
  937. usernameColon: false
  938. });
  939.  
  940. $('.posts').unnest({
  941. yourCaption: ".answer",
  942. newCaptionUsername: true,
  943. originalPostCaptionUsername: false,
  944. tumblrAvatars: false,
  945. tumblrAvatarClass: ".icon",
  946. usernameColon: false
  947. });
  948. </script>
  949.  
  950. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  951. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  952. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  953.  
  954. <script>
  955. $(document).ready(function(){
  956. $('.photo-slideshow').pxuPhotoset({
  957. lightbox: true,
  958. rounded: false,
  959. gutter: '4px',
  960. borderRadius: '0px',
  961. photoset: '.photo-slideshow',
  962. photoWrap: '.photo-data',
  963. photo: '.pxu-photo'
  964. });
  965. });
  966. </script>
  967.  
  968. <!-- timeago plugin -->
  969.  
  970. <script type="text/javascript" src="http://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  971. <script type="text/javascript">
  972. $(document).ready(function() {
  973. $(".time-ago").timeAgo({
  974. time: "short", // can be "letter" "short" or "word"
  975. spaces: true, // adds spaces between words and numbers
  976. words: false, // turns numbers to words
  977. prefix: "", // adds a prefix to the outputted string. could be "~" or "about"
  978. suffix: "ago", // adds a suffix to the outputted string. could be "ago"
  979. });
  980. });
  981. </script>
  982.  
  983.  
  984. <!-- draggable tags script -->
  985.  
  986. {block:ifdraggabletags}
  987. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  988.  
  989. <script>
  990. $(document).ready(function(){
  991. $(".post_tags_inner").draggable({
  992. axis : "x",
  993. scroll: false,
  994. stop: function() {
  995. var __left = $(this).css("left").replace(/[^-\d\.]/g, '');
  996. if(__left > 0){
  997. $(this).animate({left: 0}, 400, 'easeOutExpo');
  998. }
  999. var __width = $(this).outerWidth();
  1000. var __parentWidth = $(".post_tags.draggable").outerWidth();
  1001. if(__width > __parentWidth) {
  1002. if(__left < __parentWidth-__width){
  1003. $(this).animate({left: __parentWidth-__width}, 400, 'easeOutExpo');
  1004. }
  1005. } else {
  1006. $(this).animate({left: 0}, 400, 'easeOutExpo');
  1007. }
  1008. }
  1009. });
  1010. });
  1011. </script>
  1012. {/block:ifdraggabletags}
  1013.  
  1014. {Block:IfCustomTumblrControls}
  1015. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  1016. {/Block:IfCustomTumblrControls}
  1017.  
  1018. <div class="credit"><a href="http://captainmarvels.tumblr.com/" title="ananda themes"><span class="sf sf-alien-o"></span></a></div>
  1019.  
  1020. </body>
  1021. </html>
  1022. </body></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!