Advertisement
jiyoones

captainmarvels i wait sb theme

Jan 18th, 2019
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.80 KB | None | 0 0
  1. <!--
  2. staburck - peggyscarter
  3. visit /credits for full credits
  4. -->
  5.  
  6. <!DOCTYPE html>
  7. <head>
  8.  
  9. <title>nothing can bring you down.</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|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="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script><script type="text/javascript" src="https://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"/><link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400i" rel="stylesheet"><script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  50.  
  51.  
  52. <meta name="color:accent one" content="#ffe3f7">
  53. <meta name="color:accent two" content="#72f2c2">
  54.  
  55.  
  56. <!--CSS customization here. -->
  57.  
  58. <style type="text/css">
  59.  
  60.  
  61.  
  62. #box {
  63. width: 50px;
  64. height: 25px;
  65. position: fixed;
  66. margin-top: 470px; /*use to position the box*/
  67. margin-left: 10px; /*use to position the box*/
  68. overflow: hidden;
  69. z-index: 100%;
  70. }
  71.  
  72. #player {
  73. width: 50px;
  74. margin-left: -20px;
  75. overflow: hidden;
  76. position: absolute;
  77. opacity: 0;
  78. -webkit-transition: all 0.7s ease-in-out;
  79. -moz-transition: all 0.7s ease-in-out;
  80. -o-transition: all 0.7s ease-in-out;
  81. -ms-transition: all 0.7s ease-in-out;
  82. transition: all 0.7s ease-in-out;
  83. }
  84.  
  85. #pix {
  86. margin-left: 10px;
  87. margin-top:5px;
  88. position:fixed;
  89. -webkit-transition: all 0.7s ease-in-out;
  90. -moz-transition: all 0.7s ease-in-out;
  91. -o-transition: all 0.7s ease-in-out;
  92. -ms-transition: all 0.7s ease-in-out;
  93. transition: all 0.7s ease-in-out;
  94. }
  95.  
  96. #box:hover #pix {
  97. opacity:0;
  98. -webkit-transition: all 0.7s ease-in-out;
  99. -moz-transition: all 0.7s ease-in-out;
  100. -o-transition: all 0.7s ease-in-out;
  101. -ms-transition: all 0.7s ease-in-out;
  102. transition: all 0.7s ease-in-out;
  103. }
  104.  
  105. #box:hover #player {
  106. opacity:1;
  107. -webkit-transition: all 0.7s ease-in-out;
  108. -moz-transition: all 0.7s ease-in-out;
  109. -o-transition: all 0.7s ease-in-out;
  110. -ms-transition: all 0.7s ease-in-out;
  111. transition: all 0.7s ease-in-out;
  112. width:55px;
  113. height:25px;
  114.  
  115.  
  116. }
  117.  
  118.  
  119.  
  120. /*tumblr controls and lightbox*/
  121.  
  122. .tmblr-full img {
  123. max-width: 100%;
  124. }
  125.  
  126. .vignette, #vignette {
  127. opacity:0;
  128. }
  129.  
  130. .lightbox-image, #tumblr_lightbox img {
  131. box-shadow:none !important;
  132. border-radius:0 !important;
  133. max-width:none;
  134. }
  135.  
  136. .tmblr-lightbox, #tumblr_lightbox {
  137. background-color:rgba(255,255,255,.99) !important;
  138. }
  139.  
  140. #tumblr_lightbox img {
  141. padding:5px;
  142. -moz-box-sizing:border-box;
  143. box-sizing:border-box;
  144. }
  145.  
  146. .lightbox-image {
  147. padding:0px;
  148. background-color:rgba(255,255,255,1) !important;
  149. }
  150.  
  151. iframe.tmblr-iframe {
  152. z-index:99999999999999!important;
  153. top:0!important;
  154. right:0!important;
  155. opacity:0.4;
  156. /* delete invert(1) from here */
  157. filter:invert(1) contrast(150%);
  158. -webkit-filter:invert(1) contrast(150%);
  159. -o-filter:invert(1) contrast(150%);
  160. -moz-filter:invert(1) contrast(150%);
  161. -ms-filter:invert(1) contrast(150%);
  162. /* to here if your blog has a dark background */
  163. transform:scale(0.65);
  164. transform-origin:100% 0;
  165. -webkit-transform:scale(0.65);
  166. -webkit-transform-origin:100% 0;
  167. -o-transform:scale(0.65);
  168. -o-transform-origin:100% 0;
  169. -moz-transform:scale(0.65);
  170. -moz-transform-origin:100% 0;
  171. -ms-transform:scale(0.65);
  172. -ms-transform-origin:100% 0;}
  173.  
  174. /*tooltip*/
  175.  
  176. .ui-tooltip {
  177. position:absolute;
  178. z-index:9999;
  179. padding-top:10px;
  180. }
  181.  
  182. .ui-tooltip-content {
  183. background:transparent;
  184. padding:4px 8px;
  185.  
  186. color:transparent;
  187. text-transform:lowercase;
  188. border:0px solid {color:borders};
  189. }
  190.  
  191.  
  192. /*scrollbar*/
  193.  
  194. /* ::-webkit-scrollbar{
  195. height:11px;
  196. width:11px;
  197. background:inherit;
  198. }
  199.  
  200. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  201.  
  202. ::-webkit-scrollbar-track {background:{color:borders};}
  203.  
  204. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};} */
  205.  
  206. /*main structure*/
  207.  
  208. body {
  209. background:{color:background};
  210. color:{color:text};
  211. letter-spacing:1px;
  212. font-size:10px ;
  213. font-family: Lato, arial, sans-serif;
  214. word-wrap:break-word;
  215. text-align:justify;
  216. line-height:1.8em; letter-spacing:0.75px;
  217. margin:0;
  218. }
  219.  
  220. a {
  221. color:{color:link};
  222.  
  223. transition:all .3s linear;
  224. -webkit-transition:all .3s linear;
  225. -o-transition:all .3s linear;
  226. -moz-transition:all .3s linear;
  227. cursor:help;
  228.  
  229. }
  230.  
  231. a, a img {cursor:help;}
  232.  
  233. a:hover {
  234. color:{color:link hover}!important;
  235. text-decoration:none;
  236. cursor:help;
  237.  
  238. }
  239.  
  240. img {
  241. opacity:1;
  242. border:0;
  243. text-decoration:none;
  244. max-width:100%;
  245. height:auto;
  246. display:block;
  247. }
  248.  
  249. blockquote {
  250. padding:0;
  251. margin:.5em 0;
  252. border-left:0px solid {color:borders};
  253. }
  254.  
  255. pre {
  256. padding:0;
  257. margin:0;
  258. line-height:inherit!important;
  259. background:transparent;
  260. font-family:Lato, arial, sans-serif;
  261. font-size:inherit!important;
  262. white-space:pre-wrap;
  263. white-space:-moz-pre-wrap;
  264. white-space:-pre-wrap;
  265. white-space:-o-pre-wrap;
  266. word-wrap:break-word;
  267. }
  268.  
  269. p {margin:1em 0;}
  270.  
  271. p:first-of-type {margin-top:0;}
  272.  
  273. p:last-of-type {margin-bottom:0;}
  274.  
  275. b, strong, b a, strong a {
  276. font-weight:bold!important;
  277. color:{color:title};
  278. }
  279.  
  280. small, big, sub, pre {
  281. font-size:1em!important;
  282. line-height:1.4em!important;
  283. vertical-align:baseline!important;
  284. }
  285.  
  286. h1, h2, h3, h4 {
  287. margin:1.5em 0;
  288. font-size:1.5em;
  289. padding:0;
  290. letter-spacing:3px;
  291. color:{color:title};
  292. font-weight:bold;
  293. }
  294.  
  295. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  296.  
  297. hr {
  298. border:none;
  299. box-shadow:0;
  300. margin:2em auto;
  301. width:85px;
  302. border-top:1px solid {color:borders};
  303. }
  304.  
  305. /*sidebar*/
  306.  
  307. sidebar {
  308. position:fixed;
  309. width:180px;
  310. top:100px;
  311. left:180px;
  312. }
  313.  
  314. sidebar img {
  315. display:block;
  316. width:200px;
  317.  
  318. margin-bottom:20px;
  319. border-radius:0;
  320. }
  321.  
  322. #blogtitle {
  323. font-style:normal;
  324. font-size:12px;
  325. font-weight:none;
  326. font-family:lato, sans-serif;
  327. text-transform:uppercase;
  328. letter-spacing:3px;
  329. padding-left:.25em;
  330. margin-bottom:3px;
  331. }
  332.  
  333. #blogtitle a {
  334. box-shadow: 0 -6px #fff inset;
  335. color:#000;
  336. text-decoration:none;
  337. }
  338.  
  339.  
  340. #description {
  341. margin-top:15px;
  342. text-align:justify;
  343. }
  344.  
  345. #description a {
  346. box-shadow: 0 -6px #b6eef5 inset;
  347. color:#000;
  348. text-decoration:none;
  349. }
  350.  
  351.  
  352. nav {
  353. text-align:center;
  354. display:block;
  355. margin-top:10px;
  356. letter-spacing:1px;
  357. text-decoration:none;
  358.  
  359. }
  360.  
  361. nav a {
  362. margin:0px 10px 3px 0px;
  363. display:inline-block;
  364.  
  365. font-size:10px;
  366. letter-spacing:1px;
  367. font-weight:none;
  368.  
  369. color:{color:nav};
  370.  
  371. }
  372.  
  373.  
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380.  
  381. /*pagination*/
  382.  
  383. footer {
  384. text-align:left;
  385. color:{color:link};
  386. margin-bottom:80px;
  387. font-size:10px;
  388. }
  389.  
  390. footer span {
  391. text-align:right;
  392. float:right;
  393. display:inline-block;
  394.  
  395. }
  396.  
  397. .current_page {
  398. color:{color:title};
  399. }
  400.  
  401. footer a {
  402. display:inline-block;
  403. border:0;
  404. margin:0 5px;
  405. text-decoration:none;
  406. }
  407.  
  408. #infscr-loading {display:none!important;}
  409.  
  410. /*posts*/
  411.  
  412. section {
  413. width:500px;
  414. margin-top:120px;
  415. margin-left:500px;
  416. }
  417.  
  418. .posts {
  419. width:500px;
  420. margin-bottom:100px;
  421. {block:permalinkpage}
  422. margin-bottom:30px;
  423. {/block:permalinkpage}
  424. }
  425.  
  426. /*titles*/
  427.  
  428. .title {
  429. color:{color:title};
  430. font-size:1.25em;
  431. line-height:1.75em;
  432. }
  433.  
  434. .title a {color:{color:title};}
  435.  
  436. .title a:hover {color:{color:link};}
  437.  
  438. .ted {margin-top:10px;}
  439.  
  440. /*captions*/
  441.  
  442. .caption {
  443. padding-top:0.5em;
  444. }
  445.  
  446. .caption img:not(.icon) {
  447. padding:10px;
  448. }
  449.  
  450. .leg a.tumblr_blog {
  451. vertical-align:middle;
  452. display:block;
  453. margin-bottom:1em;
  454. text-transform:lowercase;
  455. font-size: 10px;
  456.  
  457.  
  458. font-family: Lato, arial, sans-serif;
  459. letter-spacing: 0.5px;
  460. line-height:20px;
  461. }
  462.  
  463. .leg .icon{
  464. border-radius:20px;
  465. width:24px;
  466. height:24px;
  467. margin-right:5px;
  468. display:inline-block;
  469. float:left;
  470. }
  471.  
  472. .leg p {
  473. margin: 0 0;
  474. }
  475.  
  476. .tex li, .tex blockquote {text-align:left;}
  477.  
  478. /*quote*/
  479.  
  480. .source {margin-top:5px;}
  481.  
  482. /*audio*/
  483.  
  484. .player {
  485. width:25px;
  486. height:24px;
  487. position:absolute;
  488. left:10px;
  489. top:calc(50% - 15px);
  490. display:block;
  491. overflow:hidden;
  492. }
  493.  
  494. .hold {
  495. text-align:left;
  496. background:{color:background};
  497. border:1px solid {color:borders};
  498. position:relative;
  499. display:block;
  500. min-height:24px;
  501. padding:15px;
  502. }
  503.  
  504. .audio_info {
  505. vertical-align:middle;
  506. line-height:12px;
  507. margin-left:35px;
  508. max-width:calc(100% - 35px);
  509. }
  510.  
  511. .audio_info span {
  512. white-space:nowrap;
  513. overflow:hidden;
  514. text-overflow:ellipsis;
  515. display:block;
  516. }
  517.  
  518. .hold .track {color:{color:title};}
  519.  
  520. /*asks*/
  521.  
  522. .q {
  523. text-align:left;
  524. padding:15px;
  525. border:1px solid {color:borders};
  526. }
  527.  
  528. .as {text-transform:lowercase;}
  529.  
  530. .as a {color:{color:text};}
  531.  
  532. .as a:hover {color:{color:link hover};}
  533.  
  534. .a {
  535. margin-bottom:0px;
  536. }
  537.  
  538. /*chat*/
  539.  
  540. .chat {
  541. text-align:left;
  542. margin:0;
  543. padding:0;
  544. list-style:none;
  545. }
  546.  
  547. .l {
  548. padding:15px 0;
  549. border-bottom:1px solid {color:borders};
  550. }
  551.  
  552. .label {
  553. font-weight:bold;
  554. color:{color:title};
  555. display:inline-block;
  556. }
  557.  
  558. .l:first-of-type {padding-top:0;}
  559.  
  560. .l:last-of-type {
  561. padding-bottom:0;
  562. border:0;
  563. }
  564.  
  565. /*permalink and notes*/
  566.  
  567. .permalink {
  568. margin-top:15px;
  569. text-align:center;
  570. }
  571.  
  572. .permalink a {
  573. color:{color:text};
  574.  
  575. font-weight:700;
  576. font-size:9px ; font-family: Lato, arial, sans-serif;
  577. letter-spacing:1px;
  578. text-transform:uppercase;
  579. text-decoration:none;
  580. margin-right:2em;
  581. }
  582.  
  583. .time-ago {
  584. text-transform: uppercase;
  585. display:inline;
  586. }
  587.  
  588. .tags {
  589. margin-top:.5em;
  590. text-align:center;
  591. }
  592.  
  593. .tags a {
  594. color:{color:text};
  595. font-size:10px ;
  596. font-family: Lato, arial, sans-serif;
  597. font-weight:none;
  598. line-height:20px;
  599. display:inline;
  600. margin:0 2.5px;
  601. text-transform:none;
  602. font-style:italic;
  603. text-decoration:none;
  604. }
  605.  
  606. .from {
  607. margin-top:.7em;
  608. text-align:center;
  609. }
  610.  
  611. .pagenotes {
  612. padding-top:2em;
  613. }
  614.  
  615. ol.notes {
  616. list-style-type:none;
  617. padding:0px;
  618. margin:0px;
  619. }
  620.  
  621. ol.notes li.note {
  622. display:block;
  623. padding:0;
  624. margin:5px 0;
  625. }
  626.  
  627. 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*/
  628.  
  629. a.more_notes_link {
  630. display:block;
  631. text-align:center;
  632. color:{color:title};
  633. }
  634.  
  635. .credit {
  636. position:fixed;
  637. right:10px;
  638. bottom:15px;
  639. font-size:8px;
  640. text-decoration: none !important;
  641.  
  642. }
  643.  
  644. {CustomCSS}
  645.  
  646. /*smooth loading*/
  647.  
  648. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  649. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  650. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  651. .fade-in {
  652. opacity:0;
  653. -webkit-animation:fadeIn ease-in 1;
  654. -moz-animation:fadeIn ease-in 1;
  655. animation:fadeIn ease-in 1;
  656. -webkit-animation-fill-mode:forwards;
  657. -moz-animation-fill-mode:forwards;
  658. animation-fill-mode:forwards;
  659. -webkit-animation-duration:1s;
  660. -moz-animation-duration:1s;
  661. animation-duration:1s;}
  662. .fade-in.one {
  663. -webkit-animation-delay:0s;
  664. -moz-animation-delay:0s;
  665. animation-delay:0s;}
  666. .fade-in.two {
  667. -webkit-animation-delay:0.8s;
  668. -moz-animation-delay:0.8s;
  669. animation-delay:0.8s;}
  670.  
  671.  
  672.  
  673. iframe.tmblr-iframe {
  674. z-index:99999999999999!important;
  675. top:-2px!important;
  676. right:0!important;
  677. opacity:0;
  678. padding-right:38px;
  679. /* delete invert(1) from here */
  680. filter:invert(1) contrast(150%);
  681. -webkit-filter:invert(1) contrast(150%);
  682. -o-filter:invert(1) contrast(150%);
  683. -moz-filter:invert(1) contrast(150%);
  684. -ms-filter:invert(1) contrast(150%);
  685. /* to here if your blog has a dark background */
  686. transform:scale(0.65);
  687. transform-origin:100% 0;
  688. -webkit-transform:scale(0.65);
  689. -webkit-transform-origin:100% 0;
  690. -o-transform:scale(0.65);
  691. -o-transform-origin:100% 0;
  692. -moz-transform:scale(0.65);
  693. -moz-transform-origin:100% 0;
  694. -ms-transform:scale(0.65);
  695. -ms-transform-origin:100% 0;}
  696.  
  697. iframe.tmblr-iframe:hover {
  698. opacity:0.6!important;}
  699.  
  700. .hcontrols {
  701. position:fixed;
  702. top:0;
  703. right:0;
  704. z-index:999999999;}
  705.  
  706. .hcontrols svg {
  707. width:14px;
  708. height:14px;
  709. padding:9px;}
  710.  
  711. .hcontrols svg path {
  712. fill:#888888;/* change this to change the color of the icon */}
  713.  
  714. .subtitle /* cr: pohroro */ {
  715. background: {color:accent one};
  716. background: -moz-linear-gradient(left, {color:accent one} 0%, {color:accent two} 100%);
  717. background: -webkit-linear-gradient(left, {color:accent one} 0%, {color:accent two} 100%);
  718. background: linear-gradient(to right, {color:accent one} 0%, {color:accent two} 100%);
  719. filter: progid:dximagetransform.microsoft.gradient( startcolorstr='{color:accent one}', endcolorstr='{color:accent two}',gradienttype=1 );
  720. color: #fff;
  721. padding: 4px 7px 4px;
  722. line-height: 2px;
  723. border-radius: 2px;
  724. text-transform: uppercase;
  725. display: inline;
  726. text-align:center;
  727. letter-spacing:2px;
  728. font-size:7.5px ;
  729. font-family: calibri, sans-serif;
  730. }
  731.  
  732. </style>
  733.  
  734. </head>
  735.  
  736. <body>
  737.  
  738. <div id="box">
  739. <div id="pix"><img src="https://static.tumblr.com/wdc9mus/4Odp07q1s/music.gif"></div>
  740. <div id="player">
  741.  
  742. <embed src="https://www.sheepproductions.com/billy/billy.swf?
  743. autoplay=false&f0=https://dl.dropbox.com/s/asict2832r8mibu/moonrise.mp3?dl=0
  744. &t0=01&f1=https://dl.dropbox.com/s/bq98s8v8n6pq4mp/beautiful%20feeling.mp3?dl=0
  745. &t1=02&f2=https://dl.dropbox.com/s/2iya4zesj0h36do/Blood.mp3?dl=0
  746. &t2=03&f3=https://dl.dropbox.com/s/t05j9gqefdpvx2y/I%20Need%20Somebody.mp3?dl=0
  747. &t3=04&f4=https://dl.dropbox.com/s/9l1xwqr8ir94oh9/Breaking%20Down.mp3?dl=0
  748.  
  749. &t4=05&f5=https://dl.dropbox.com/s/g6544z4j0fxirvj/Colors%20%28Final%20Ver.%29.mp3?dl=0
  750. &t5=06&f6=https://dl.dropbox.com/s/uloyo39mjxufxh4/Stop%20the%20Rain%202.mp3?dl=0
  751. &t6=07&f7=https://dl.dropbox.com/s/237f9t17u3hewc3/i%20would.mp3?dl=0
  752. &t7=08&f8=https://dl.dropbox.com/s/wist2ukyp2tr1ub/goodbye%20winter.mp3?dl=0
  753. &t8=09&f9=https://dl.dropbox.com/s/9b1ztiaq9edbts0/sing%20me.mp3?dl=0
  754. &t9=10&f10=https://dl.dropbox.com/s/gbj74did4acaeq6/Better%20Better.mp3?dl=0
  755. &t10=11&f11=https://dl.dropbox.com/s/pilubtjeqvls03t/I%27ll%20try.mp3?dl=0
  756. &t11=12&f12=https://dl.dropbox.com/s/6kfyyrba2leievl/DAY6%20-%20Live%20Your%20Life.mp3?dl=0
  757.  
  758. &t12=13&total=13"
  759. quality="high" wmode="transparent"
  760. width="200" height="10" name="billy" align="middle"
  761. type="application/x-shockwave-flash" />
  762.  
  763.  
  764. </div>
  765. </div>
  766.  
  767.  
  768.  
  769.  
  770. <sidebar>
  771. <a href="/"><img src="https://static.tumblr.com/wdc9mus/Hu2plth55/sbiwait2.gif"/></a>
  772.  
  773.  
  774.  
  775.  
  776. <div id="blogtitle"><a href="/"><center>live your life</center></a></div>
  777. <div class="subtitle"><i>nothing can bring you down</i></div>
  778. <div id="description"><center>☆ jiyoon. <a href="/tagged/gifs">gifs</a>. 믿듣데. ★ <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5224532";
  779. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  780. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  781. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  782. </script><br><i>until the day you forget me, i will <br>be <a href="/playlist">everlasting</a>. </i> </center></div>
  783. <hr>
  784. <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>
  785. </sidebar>
  786.  
  787. <section id="entries" class="fade-in one">{block:posts}
  788. <article class="posts">
  789.  
  790. {block:Quote}
  791. <div class="title quote">{quote}</div>
  792. {block:Source}<div class="source">{source}</div>{/block:Source}
  793. {/block:Quote}
  794.  
  795. {block:Text}
  796. {block:Title}<div class="title">{title}</div>{/block:Title}
  797. <div class="caption">{Body}</div>
  798. {/block:Text}
  799.  
  800. {block:Link}<div class="title"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  801.  
  802. {block:Chat}
  803. {block:Title}<div id="title">{title}</div>{/block:Title}
  804. <ol class="chat {block:Title}ted{/block:Title}">
  805. {block:lines}
  806. <li class="l {Alt}">
  807. {block:label}<span class="label">{label}</span>{/block:label} {line}
  808. </li>
  809. {/block:lines}
  810. </ol>
  811. {/block:Chat}
  812.  
  813. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  814.  
  815. {block:Photoset}
  816. <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>
  817. {/block:Photoset}
  818.  
  819. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  820.  
  821. {block:Audio}
  822. {block:audioplayer}
  823. <div class="hold">
  824. <div class="player">{audioplayerwhite}</div>
  825. <div class="audio_info">
  826. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  827. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  828. </div>
  829. </div>
  830. {/block:audioplayer}
  831. {/block:Audio}
  832.  
  833. {block:caption}<div class="caption">{Caption}</div>{/block:caption}
  834.  
  835. {block:Answer}
  836. <div class="q">
  837. <div class="as"> {asker} sent &mdash; {Question}</div></div>
  838. <div class="a"><div class="caption">{Answer}</div></div>
  839. {/block:Answer}
  840.  
  841.  
  842. {block:Date}
  843. <hr>
  844. <div class="permalink"><a href="{Permalink}" style="" >{ShortMonth} {DayOfMonth}</a> {block:NoteCount}<a href="{permalink}" class="notecount">{TimeAgo}</a>{/block:NoteCount} <a href="{ReblogURL}" target="_blank">reblog</a></div>
  845. {block:permalinkpage}{block:RebloggedFrom}
  846. <div class="from">
  847. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  848. {block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  849. </div>
  850. {/block:RebloggedFrom}{/block:permalinkpage}
  851. {block:hastags}
  852. <div class="tags">{block:Tags}#<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>
  853. {/block:hasTags}
  854. {/block:Date}
  855.  
  856. </article>
  857.  
  858. {block:PostNotes}
  859. <article class="posts pagenotes">
  860. {PostNotes}
  861. </article>
  862. {/block:PostNotes}
  863.  
  864. {/block:Posts}
  865.  
  866. {block:Pagination}
  867. <footer id="pagination">
  868. <span>
  869. {block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage} {/block:nextpage}{/block:PreviousPage}
  870. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage} </span>
  871. {block:JumpPagination length="5"}
  872. {block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  873. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  874. {/block:JumpPagination}
  875. </footer>
  876. {/block:Pagination}
  877.  
  878. </section>
  879.  
  880. {block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}
  881.  
  882. <script>
  883. $(document).ready(function() {
  884. $(".time-ago").timeAgo({
  885. time: "short", // can be "letter" "short" or "word"
  886. spaces: true, // adds spaces between words and numbers
  887. words: false, // turns numbers to words
  888. prefix: "", // adds a prefix to the outputted string. could be "~" or "about"
  889. suffix: "ago", // adds a suffix to the outputted string. could be "ago"
  890. });
  891. });
  892.  
  893. var $container = $('.posts');
  894. $container.find('.notecount').each(function(){
  895. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  896. if (n > 999) {
  897. n = Math.floor(n / 100) / 10;
  898. $(this).text(n + 'k notes');
  899. }
  900. });
  901. $(document).ready(function(){
  902. $('body').tooltip({track:false});
  903. $('iframe.tumblr_audio_player').load( function() {
  904. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  905. });
  906. });
  907. $('.posts').unnest({
  908. yourCaption: ".caption",
  909. wrapName: ".leg",
  910. newCaptionUsername: true,
  911. originalPostCaptionUsername: false,
  912. tumblrAvatars: true,
  913. tumblrAvatarClass: ".icon",
  914. usernameColon: false
  915. });
  916. $(document).ready(function(){
  917. $('.photo-slideshow').pxuPhotoset({
  918. lightbox: true,
  919. rounded: false,
  920. gutter: '4px',
  921. borderRadius: '0px',
  922. photoset: '.photo-slideshow',
  923. photoWrap: '.photo-data',
  924. photo: '.pxu-photo'
  925. });
  926. });
  927. </script>
  928.  
  929. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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>
  930.  
  931. {block:ContentSource}
  932. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  933. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  934. {/block:SourceLogo}
  935. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  936. {/block:ContentSource}
  937.  
  938. <div class="credit"><a href="https://captainmarvels.tumblr.com/"><span class="sf sf-heart"></span></a></div>
  939.  
  940. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement