jaesimplethemes

Beyond The Scene

Mar 5th, 2018
386
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.96 KB | None | 0 0
  1. <!--
  2.  
  3. CODE BY SIMPLETHEMES
  4. DO NOT REMOVE CREDIT
  5. RESPECT THE RULES
  6.  
  7. search for 'schedule' to add events
  8. scroll past the members box to edit your stats or search for 'stats'
  9.  
  10. -->
  11.  
  12. <!DOCTYPE html>
  13. <html>
  14. <head>
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{favicon}">
  19. <meta name="viewport" content="width=device-width">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  22. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/n7gvaew/8gop026qc/normalize.css">
  23. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600|Montserrat:500,500i" rel="stylesheet">
  24. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  25. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  26.  
  27. <meta name="color:background" content="#fafafa"/>
  28. <meta name="color:text" content="#333333"/>
  29. <meta name="color:accent" content="#61a3d7"/>
  30. <meta name="color:title" content="#333333"/>
  31. <meta name="color:subtitle" content="#333333"/>
  32. <meta name="color:accent2" content="#ffb672"/>
  33. <meta name="color:arrow" content="#ffffff"/>
  34. <meta name="color:borders" content="#eeeeee"/>
  35.  
  36. <meta name="image:topbar" content=""/>
  37.  
  38. <meta name="text:title" content=""/>
  39. <meta name="text:subtitle" content=""/>
  40. <meta name="text:disclaimer" content=""/>
  41. <meta name="text:about" content=""/>
  42.  
  43. <meta name="text:Link 1 URL" content="/" />
  44. <meta name="text:Link 1" content="link 1" />
  45. <meta name="text:Link 2 URL" content="/" />
  46. <meta name="text:Link 2" content="link 2" />
  47. <meta name="text:Link 3 URL" content="/" />
  48. <meta name="text:Link 3" content="link 3" />
  49. <meta name="text:Link 4 URL" content="/" />
  50. <meta name="text:Link 4" content="link 4" />
  51. <meta name="text:Link 5 URL" content="/" />
  52. <meta name="text:Link 5" content="link 5" />
  53. <meta name="text:Link 6 URL" content="/" />
  54. <meta name="text:Link 6" content="link 6" />
  55. <meta name="text:Link 7 URL" content="/" />
  56. <meta name="text:Link 7" content="link 7" />
  57. <meta name="text:Link 8 URL" content="/" />
  58. <meta name="text:Link 8" content="link 8" />
  59. <meta name="text:Link 9 URL" content="/" />
  60. <meta name="text:Link 9" content="link 9" />
  61. <meta name="text:Link 10 URL" content="/" />
  62. <meta name="text:Link 10" content="link 10" />
  63.  
  64. <style type="text/css">
  65.  
  66. .tmblr-iframe {margin:.7rem;opacity:.6;-ms-transform: scale(0.8, 0.8); /* IE 9 */-webkit-transform: scale(0.8, 0.8); /* Safari */transform: scale(0.8, 0.8);-webkit-transform-origin:top right;-moz-transform-origin:top right;transform-origin:top right;}
  67. .tmblr-iframe:hover {opacity:.8;}
  68.  
  69. ::-webkit-scrollbar-thumb:vertical {
  70. background-color: {color:accent};
  71. border-right:4px solid {color:background};
  72. border-top:5px solid {color:background};
  73. border-bottom:5px solid {color:background};}
  74. ::-webkit-scrollbar {
  75. background-color: #ccc;
  76. width:5px;height:0;
  77. border-right:4px solid {color:background};
  78. border-top:5px solid {color:background};
  79. border-bottom:5px solid {color:background};}
  80.  
  81. pre {font-family:consolas;
  82. white-space: pre-wrap; /* css-3 */
  83. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  84. white-space: -pre-wrap; /* Opera 4- */
  85. white-space: -o-pre-wrap; /* Opera 7 */
  86. word-wrap: break-word;} /* Internet Explorer 5.5+ */
  87.  
  88. body, figure{margin:0;padding:0}
  89. html{font: 13px 'Open Sans', sans-serif;}
  90. body {font-size:1rem;color:{color:text};height:100%;background-color:#fafafa;}
  91. a {text-decoration: none;color:{color:accent};word-break:break-word;}
  92. a:hover {color:{color:accent};cursor:help;}
  93. blockquote {margin:0;padding:0;}
  94. img {max-width:100%;height: auto;display: block;margin: 0}
  95. hr {border:0;border-top:1px solid #aaa;margin:0;}
  96. b {font-weight:600;}
  97. i {font-style:italic;}
  98. i, b {color:{color:links};}
  99.  
  100. #ilovesur{
  101. position:relative;
  102. }
  103. #container {
  104. width:90%;
  105. max-width:76rem;
  106. margin:auto;
  107. padding-top:5rem;
  108. position:relative;}
  109.  
  110. .item-wrapper{
  111. display:none;
  112. }
  113. .page-1{
  114. display:block;
  115. }
  116.  
  117. /* header */
  118.  
  119. #header{
  120. /*display:none!important;*/
  121. box-sizing:border-box;
  122. width:100vw;
  123. max-width:100vw;
  124. overflow:hidden;
  125. height:100vh;
  126. position:relative;
  127. display:flex;
  128. flex-direction:column;
  129. align-items:center;
  130. justify-content:center;
  131. background-image:url("{image:topbar}");
  132. background-position:center;
  133. background-repeat:no-repeat;
  134. background-size:cover;}
  135.  
  136. #hcenter {
  137. z-index:9;
  138. padding:1rem;
  139. background:rgba(255,255,255,.55);
  140. }
  141. #btitle {margin:0;font-size:2.2rem;font-weight:300;color:{color:title};}
  142. #stitle {font-size:1rem;
  143. text-align:right;
  144. font-style:italic;
  145. color:{color:subtitle};
  146. margin:0;font-weight:400;
  147. margin-top:.1rem;}
  148.  
  149. .ic {width:4rem;opacity:1;}
  150. .ttop:hover .ic, .ic:hover {position:relative;
  151. animation-name: ic;
  152. animation-duration: .5s;
  153. animation-iteration-count: infinite;
  154. animation-direction: alternate;
  155. animation-timing-function: linear;
  156. -webkit-animation-name: ic;
  157. -webkit-animation-timing-function: linear;
  158. -webkit-animation-duration: .5s;
  159. -webkit-animation-iteration-count: infinite;
  160. -webkit-animation-direction: alternate;}
  161. @-webkit-keyframes ic {0%{top:0px}50%{top:3px}100%{top:6px;}}
  162. @keyframes ic {0%{top:0px}50%{top:3px}100%{top:6px;}}
  163.  
  164.  
  165. /* sidebar */
  166.  
  167. #sidebar {
  168. width:30%;
  169. float:left;
  170. position:sticky;
  171. }
  172.  
  173. #sidebar2 {
  174. width:100px;
  175. height:100px;
  176. display:none;
  177. }
  178.  
  179. /* boxes */
  180.  
  181.  
  182. .box {
  183. padding:15px;
  184. margin-bottom:15px;
  185. background-color:#fff;
  186. border:1px solid {color:borders};
  187. }
  188. /*.box:first-of-type {margin-top:0rem;}*/
  189. /*.box:last-of-type {margin-bottom:0rem;}*/
  190. h2.bh2 {
  191. font-weight:100;margin:0 -15px 1rem -15px;font-size:1.5rem;color:{color:accent2};font-family:Montserrat;border-bottom:1px solid {color:borders};padding-bottom:1rem;padding-left:1rem;}
  192. .bh2 img{
  193. float:right;
  194. padding-right:15px;
  195. }
  196. .bhr {width:70%;margin:2rem 0;border-style:dotted;}
  197.  
  198. /* upcoming */
  199.  
  200. #upcoming {padding:0;margin:0;}
  201. #upcoming>li {margin-bottom:.5rem;list-style:none;}
  202. #upcoming>li:before {content:"—";
  203. padding-right:5px;}
  204.  
  205. /* resources */
  206.  
  207. #resources {padding:0;margin:0;}
  208. #resources>li {margin-bottom:.5rem;list-style:none;}
  209. #resources>li:before {content:"—";
  210. padding-right:5px;}
  211.  
  212. /* updates */
  213.  
  214. #updates {list-style-type:none;padding:0;margin:0;}
  215. #updates li{margin-bottom:.5rem;}
  216. #updates .date {vertical-align:middle;
  217. padding:.2rem;background:{color:accent};display:inline-block;margin-right:.2rem;
  218. }
  219.  
  220. .member{
  221. margin-top:5px;
  222. margin-bottom:5px;
  223. }
  224.  
  225. .memberic{
  226. display:inline-block;
  227. margin-right:10px;
  228. padding:5px;
  229. border:1px solid {color:borders};
  230. }
  231. .membernm{
  232. display:inline-block;
  233. vertical-align:top;
  234. margin-top:10px;
  235. }
  236.  
  237. /* stats */
  238.  
  239. #stats {padding:0;margin:0;}
  240. #stats>li {margin-bottom:.5rem;list-style:none;}
  241. #stats>li:before {content:"—";
  242. padding-right:5px;}
  243.  
  244. /* ask */
  245.  
  246. #if {-ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9);-webkit-transform-origin:top center;-moz-transform-origin:top center;transform-origin:top center;}
  247.  
  248. /* main */
  249.  
  250. main {
  251. width:530px;
  252. float:right;
  253. position:relative;
  254. }
  255.  
  256. .posts {
  257. margin:0 0 9rem;
  258. border:1px solid {color:borders};
  259. background-color:#fff;
  260. padding:15px;
  261. }
  262.  
  263. .posts:last-of-type {margin-bottom:2rem;}
  264. .photo {display: block;margin: 0}
  265.  
  266. .posttitle{
  267. font-weight:100;
  268. }
  269.  
  270. .postlink{
  271. font-weight:100;
  272. text-transform:lowercase;
  273. font-size:1.5em;
  274. margin-bottom:15px;
  275. }
  276.  
  277. .posts li{
  278. list-style:none;
  279. padding:0;
  280. margin:0;
  281. }
  282.  
  283. .posts li:before{
  284. content:"—";
  285. padding-right:5px;
  286. }
  287.  
  288. .posts img{
  289. padding-bottom:15px;
  290. max-width:100%;
  291. height:auto;
  292. }
  293.  
  294. /* posts */
  295.  
  296. .audio{
  297. margin-bottom:15px;
  298. }
  299.  
  300. .vid{
  301. margin-bottom:15px;
  302. }
  303.  
  304. .ps{
  305. margin-bottom:15px;
  306. }
  307.  
  308.  
  309. /* asks */
  310. .asker {
  311. text-transform:lowercase;
  312. }
  313. .asker img{
  314. width:20px;
  315. height:20px;
  316. padding:5px;
  317. border:solid 1px {color:borders};
  318. float:left;
  319. margin:10px;
  320. vertical-align:top;
  321. }
  322. .answer {
  323. margin-top:25px;
  324. }
  325.  
  326. /* chat */
  327.  
  328. .chat{
  329. padding:15px;
  330. }
  331.  
  332. .label_odd {color:#000;font-weight:600;}
  333. .label_even{font-weight:600;}
  334.  
  335. /* quotes */
  336. .quote {
  337. padding:15px;
  338. }
  339. .qsrc {
  340. padding-bottom:15px;
  341. }
  342.  
  343. /* captions */
  344.  
  345. .cimg {display:none;}
  346.  
  347. .posts date {display:block;
  348. width:100%;
  349. border-bottom:1px solid {color:borders};
  350. margin-bottom:15px;
  351. margin-right:-15px;
  352. margin-left:-15px;
  353. padding:0px 15px 15px 15px;
  354. }
  355. .user {
  356. margin-right:-15px;
  357. margin-left:-15px;
  358. padding:0 15px 15px 15px;
  359. }
  360.  
  361. .pnotes {
  362. display:inline-block;
  363. font-size:.8rem;
  364. /*background:#aaa;*/
  365.  
  366. }
  367. .day {
  368. text-transform:lowercase;
  369. display:inline-block;
  370. /*background:#aaa*/
  371. }
  372.  
  373. .rl {
  374. border-top:1px solid {color:borders};
  375. margin-right:-15px;
  376. margin-left:-15px;
  377. padding:15px 15px 0 15px;
  378. }
  379. .rbg {
  380. }
  381.  
  382. svg {width:10px;height:auto;opacity:.5;display:block;overflow:visible;}
  383. .controls {display:inline-block;margin:.2rem .2rem 0 .5rem;float:right;}
  384. .controls .like .liked + svg {opacity:1;}
  385. .controls .like .liked + svg path {fill:#ec5a5a;}
  386. .controls .like .like_button {position:relative;}
  387. .controls .like .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0;}
  388.  
  389. .tags {
  390. text-align:center;
  391. margin-top:15px;
  392. }
  393.  
  394. .via {
  395. }
  396.  
  397. .notes {
  398. font-size:1rem;
  399. line-height:2rem;
  400. margin:6rem auto;
  401. box-sizing:border-box;}
  402. .notes ol{max-height:30rem;overflow:auto;padding:.2px;}
  403. .notes a{font-weight:600;}
  404. .notes img{display:none;}
  405. .notes li, .notes ol {margin:0;padding:0;list-style-type:none;}
  406.  
  407. /*.jump_page,.jump_page2 {*/
  408. /* display:block;*/
  409. /* margin:5rem 0 4rem;}*/
  410.  
  411. /*.jump_page {float:left;}*/
  412. /*.jump_page2 {float:right;}*/
  413.  
  414. .ttop {
  415. display:none;
  416. position:fixed;
  417. bottom:2rem;
  418. right:3rem;
  419. z-index:99999;
  420. font-size:.9rem;
  421. font-weight:300;
  422. letter-spacing:.07rem;
  423. {color:accent};
  424. }
  425.  
  426. #bottombar{
  427. border-top:1px solid {color:borders};
  428. bottom:0;left:0;right:0;
  429. width:100%;
  430. padding:3rem;
  431. position:absolute;
  432. background-color:#fff;
  433. font-size:1em;
  434. }
  435.  
  436. div#bottombar div {
  437. height: auto;
  438. vertical-align: middle;
  439. }
  440.  
  441. .cred{
  442. display:inline-block;
  443. }
  444.  
  445. .disc{
  446. display:inline-block;
  447. max-width:20rem;
  448. margin-left:15px;
  449. }
  450.  
  451. .pagi{
  452. display:inline-block;
  453. padding-left:3rem;
  454. font-size:1.2em;
  455. }
  456.  
  457. .rebagle{
  458. float:right;
  459. margin-top:-15px;
  460. }
  461.  
  462. .requiro{
  463. background-color:#fff;
  464. border:0px solid #000;}
  465. .requiro input[type=text]{
  466. background-color:#fff;
  467. border:0px solid #000;
  468. color:#738276;
  469. letter-spacing:1px;}
  470. input::-webkit-input-placeholder{
  471. color:#738276;
  472. letter-spacing:1px;}
  473. input::-moz-placeholder{
  474. color:#738276;
  475. letter-spacing:1px;}
  476. input:-moz-placeholder{
  477. color:#738276;
  478. letter-spacing:1px;}
  479. input:-ms-input-placeholder{
  480. color:#738276;
  481. letter-spacing:1px;}
  482.  
  483. {CustomCSS}
  484.  
  485. </style>
  486. </head>
  487. <body>
  488. <div id="ilovesur">
  489.  
  490. <!-- header -->
  491.  
  492. {block:HomePage}
  493. <div class="item-wrapper page-{CurrentPage}">
  494.  
  495. <header id="header">
  496.  
  497. <div id="hcenter">
  498. <h1 id="btitle">{Text:title}</h1>
  499. <h2 id="stitle">—{Text:subtitle}</h2>
  500. </div>
  501.  
  502. <a href="#psts" class="alk" style="display:block;position:absolute;bottom:20px;color:{color:arrow};"><i data-feather="chevron-down" class="ic"></i></a>
  503. </header>
  504. </div>
  505. {/block:HomePage}
  506. <div style="height:2rem" id="psts"></div>
  507.  
  508. <!-- container -->
  509.  
  510. <section id="container">
  511.  
  512.  
  513. <!-- nav -->
  514.  
  515. <!--<nav id="nav"><ul>-->
  516. <!-- <li><a href="/">index</a></li>-->
  517. <!-- <li><a href="/">profile</a></li>-->
  518. <!-- <li><a href="/">map</a></li>-->
  519. <!-- <li><a href="/">themes</a></li>-->
  520.  
  521.  
  522. <!-- sidebar -->
  523. <section id="sidebar">
  524.  
  525. <article class="box">
  526. <h2 class="bh2">About <img src="{PortraitURL-24}"></h2>
  527. {Text:about}
  528. </article>
  529.  
  530. <article class="box">
  531. <h2 class="bh2">Navigation</h2>
  532. <div id="upcoming">
  533. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a></br>{/block:ifLink1}
  534. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a></br>{/block:ifLink2}
  535. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a></br>{/block:ifLink3}
  536. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a></br>{/block:ifLink4}
  537. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a></br>{/block:ifLink5}
  538. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a></br>{/block:ifLink6}
  539. {block:ifLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a></br>{/block:ifLink7}
  540. {block:ifLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a></br>{/block:ifLink8}
  541. {block:ifLink9}<a href="{text:Link 8 URL}">{text:Link 9}</a></br>{/block:ifLink9}
  542. {block:ifLink10}<a href="{text:Link 10 URL}">{text:Link 10}</a>{/block:ifLink10}
  543. </div>
  544. </article>
  545.  
  546. <!--<hr class="bhr">-->
  547.  
  548. <article class="box">
  549. <h2 class="bh2">Schedule</h2>
  550. <ol id="updates">
  551.  
  552. <li>
  553. <date class="date"><!--INSERT DATE HERE-->02/03</date>
  554. <!--INSERT EVENT HERE-->Hope World
  555. </li>
  556.  
  557. <li>
  558. <date class="date">05/03</date>
  559. NHK [Rの法則] (J-Hope& Jimin)
  560. </li>
  561.  
  562. <li>
  563. <date class="date">09/03</date>
  564. Suga's birthday
  565. </li>
  566.  
  567. </ol>
  568. </article>
  569.  
  570. <article class="box">
  571. <h2 class="bh2">Members</h2>
  572. <div id="members">
  573. {block:GroupMembers}
  574. {block:GroupMember}
  575. <div class="member">
  576. <img class="memberic" src="{GroupMemberPortraitURL-24}"/>
  577. <div class="membernm">{GroupMemberName}</div>
  578. </div>
  579. {/block:GroupMember}
  580. {/block:GroupMembers}
  581. </div>
  582. </article>
  583.  
  584. <article class="box">
  585. <h2 class="bh2">Stats</h2>
  586. <ul id="stats">
  587. <li><b>About:</b> BTS</li>
  588. <li><b>Established:</b> March 2018</li>
  589. <li><b>Askbox status:</b> open</li>
  590. <li><b>Online:</b><!--INSERT YOUR SCRIPT HERE--></li>
  591. <li><b>Visits:</b><!--INSERT YOUR SCRIPT HERE--></li>
  592. </ul>
  593. </article>
  594.  
  595. </section> <!--sidebar-->
  596.  
  597. <main>
  598.  
  599. {block:Posts}
  600. <article class="posts" id="{PostID}">
  601.  
  602.  
  603.  
  604. {block:Date}<date>
  605. <a class="day" href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayOfMonthWithSuffix}</a>
  606.  
  607. <div style="clear:both"></div>
  608.  
  609. {block:RebloggedFrom}<a href="{ReblogRootURL}" class="rebagle">Post by {ReblogRootName}</a>{/block:RebloggedFrom}
  610.  
  611. </date>{/block:Date}
  612.  
  613. {block:Text}
  614. {block:Title}<h2 class="posttitle">{Title}</h2>{/block:Title}
  615. {block:Body}
  616. {block:NotReblog}{Body}{/block:NotReblog}
  617. {block:RebloggedFrom}{block:Reblogs}
  618. {block:HasAvatar}
  619. {block:HasPermalink}<a href="{Permalink}" target="_blank"><img class="cimg" src="{PortraitURL-64}"></a>{/block:HasPermalink}
  620. {block:HasNoPermalink}<img class="cimg" src="{PortraitURL-64}">{/block:HasNoPermalink}
  621. {/block:HasAvatar}
  622. {block:HasPermalink}<a target="_blank" class="user" href="{Permalink}">{Username}</a>{/block:HasPermalink}
  623. {block:HasNoPermalink}<span class="user">{Username}</span>{/block:HasNoPermalink}
  624. {Body}
  625. {/block:Reblogs}{/block:RebloggedFrom}
  626. {/block:Body}
  627. {/block:Text}
  628.  
  629. {block:Answer}
  630. <div class="asker"><img src="{AskerPortraitURL-96}" alt="">{Asker} asked:
  631. {Question}</div>
  632. {block:Answerer}
  633. <div class="answer"><br>{Answerer} answered:<br>
  634. {Answer}</div>
  635. {/block:Answerer}
  636. {block:NotReblog}
  637. <div>{Replies}</div>
  638. {/block:NotReblog}
  639. {block:RebloggedFrom}
  640. {block:Reblogs}
  641. {block:HasAvatar}
  642. {block:HasPermalink}<a href="{Permalink}" target="_blank"><img class="cimg" src="{PortraitURL-64}"></a>{/block:HasPermalink}
  643. {block:HasNoPermalink}<img class="cimg" src="{PortraitURL-64}">{/block:HasNoPermalink}
  644. {/block:HasAvatar}
  645. {block:HasPermalink}<a target="_blank" class="user" href="{Permalink}">{Username}</a>{/block:HasPermalink}
  646. {block:HasNoPermalink}<span class="user">{Username}</span>{/block:HasNoPermalink}
  647. <div>{Body}</div>
  648. {/block:Reblogs}
  649. {/block:RebloggedFrom}
  650. {/block:Answer}
  651.  
  652.  
  653. {block:Quote}
  654. <div class="quote">{Quote}</div>
  655. {block:Source}<div class="qsrc">{Source}</div>{/block:Source}
  656. {/block:Quote}
  657.  
  658. {block:Link}
  659. <div class="postlink">
  660. <a href="{URL}">{Name} ≫</a>
  661. </div>
  662. {block:Description}
  663. {block:NotReblog}{Description}{/block:NotReblog}
  664. {block:RebloggedFrom}{block:Reblogs}
  665. {block:HasAvatar}
  666. {block:HasPermalink}<a href="{Permalink}" target="_blank"><img class="cimg" src="{PortraitURL-64}"></a>{/block:HasPermalink}
  667. {block:HasNoPermalink}<img class="cimg" src="{PortraitURL-64}">{/block:HasNoPermalink}
  668. {/block:HasAvatar}
  669. {block:HasPermalink}<a target="_blank" class="user" href="{Permalink}">{Username}</a>{/block:HasPermalink}
  670. {block:HasNoPermalink}<span class="user">{Username}</span>{/block:HasNoPermalink}
  671. {Body}
  672. {/block:Reblogs}{/block:RebloggedFrom}
  673. {/block:Description}
  674. {/block:Link}
  675.  
  676. {block:Chat}
  677. <div class="chat">
  678. {block:Title}<h2 class="posttitle">{Title}</h2>{/block:Title}
  679. {block:Lines}{block:Label}
  680. <span class="label_{alt}">{Label}</span>{/block:Label} {Line}<br>
  681. {/block:Lines}
  682. </div>
  683. {/block:Chat}
  684.  
  685. {block:Photo}
  686. <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">
  687. <img src="{PhotoURL-HighRes}">
  688. </a>
  689. {block:Caption}
  690. {block:NotReblog}{Caption}{/block:NotReblog}
  691. {block:RebloggedFrom}{block:Reblogs}
  692. {block:HasAvatar}
  693. {block:HasPermalink}<a href="{Permalink}" target="_blank"><img class="cimg" src="{PortraitURL-64}"></a>{/block:HasPermalink}
  694. {block:HasNoPermalink}<img class="cimg" src="{PortraitURL-64}">{/block:HasNoPermalink}
  695. {/block:HasAvatar}
  696. {block:HasPermalink}<a target="_blank" class="user" href="{Permalink}">{Username}</a>{/block:HasPermalink}
  697. {block:HasNoPermalink}<span class="user">{Username}</span>{/block:HasNoPermalink}
  698. {Body}
  699. {/block:Reblogs}{/block:RebloggedFrom}
  700. {/block:Caption}
  701. {/block:Photo}
  702.  
  703. {block:Photoset}
  704. <div class="ps">
  705. {Photoset-500}
  706. </div>
  707. {block:Caption}
  708. {block:NotReblog}{Caption}{/block:NotReblog}
  709. {block:RebloggedFrom}{block:Reblogs}
  710. {block:HasAvatar}
  711. {block:HasPermalink}<a href="{Permalink}" target="_blank"><img class="cimg" src="{PortraitURL-64}"></a>{/block:HasPermalink}
  712. {block:HasNoPermalink}<img class="cimg" src="{PortraitURL-64}">{/block:HasNoPermalink}
  713. {/block:HasAvatar}
  714. {block:HasPermalink}<a target="_blank" class="user" href="{Permalink}">{Username}</a>{/block:HasPermalink}
  715. {block:HasNoPermalink}<span class="user">{Username}</span>{/block:HasNoPermalink}
  716. {Body}
  717. {/block:Reblogs}{/block:RebloggedFrom}
  718. {/block:Caption}
  719. {/block:Photoset}
  720.  
  721. {block:Audio}
  722. {block:AudioEmbed}<div style="height:85px;overflow:hidden;" class="audio">{AudioEmbed}</div>{/block:AudioEmbed}
  723. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  724. {/block:Audio}
  725.  
  726. {block:Video}
  727. <div class="vid">
  728. {Video-500}
  729. </div>
  730. {block:Caption}
  731. {block:NotReblog}{Caption}{/block:NotReblog}
  732. {block:RebloggedFrom}{block:Reblogs}
  733. {block:HasAvatar}
  734. {block:HasPermalink}<a href="{Permalink}" target="_blank"><img class="cimg" src="{PortraitURL-64}"></a>{/block:HasPermalink}
  735. {block:HasNoPermalink}<img class="cimg" src="{PortraitURL-64}">{/block:HasNoPermalink}
  736. {/block:HasAvatar}
  737. {block:HasPermalink}<a target="_blank" class="user" href="{Permalink}">{Username}</a>{/block:HasPermalink}
  738. {block:HasNoPermalink}<span class="user">{Username}</span>{/block:HasNoPermalink}
  739. {Body}
  740. {/block:Reblogs}{/block:RebloggedFrom}
  741. {/block:Caption}
  742. {/block:Video}
  743.  
  744. {block:Date}
  745. {block:IndexPage}
  746. <div class="rl">
  747. <span class="rbg"><a href="{ReblogURL}" title="reblog" target="_blank"><i class="fa fa-refresh" aria-hidden="true"></i></a></span>
  748.  
  749. <div class="controls"><a class="like">{LikeButton}<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewbox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg></a></div>
  750. </div>
  751. {/block:IndexPage}
  752. {/block:Date}
  753.  
  754. {block:HasTags}<div class="tags">{block:Tags}
  755. <a href="{TagURL}">#{Tag}</a>
  756. {/block:Tags}</div>{/block:HasTags}
  757.  
  758. {block:PermalinkPage}
  759. {block:RebloggedFrom}<div class="via">
  760. via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  761. src: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  762. </div>{/block:RebloggedFrom}
  763. {/block:PermalinkPage}
  764.  
  765. <!-- {block:ContentSource}{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  766.  
  767.  
  768.  
  769. </article> <!--posts-->
  770.  
  771. {block:PostNotes}
  772. <div class="notes">{PostNotes}</div>
  773. {/block:PostNotes}
  774. {/block:Posts}
  775.  
  776.  
  777. </main>
  778.  
  779. <div style="clear:both;height:20rem"></div>
  780.  
  781. </section> <!--container-->
  782.  
  783. <a href="#psts" class="alk ttop"><i data-feather="chevron-up" class="ic" style="width:2rem;margin:auto"></i>to top</a>
  784.  
  785. {block:IndexPage}
  786. <div id="bottombar">
  787. <div class="cred">
  788. Codes by <a href="https://simplethemes.tumblr.com">Simplethemes</a><br>
  789. <form class="requiro" action="/search" method="get"><input type="text" name="q" placeholder="Search this blog..." value=""/></form>
  790. </div>
  791. <div class="disc">
  792. DISCLAIMER<br>
  793. {text:disclaimer}
  794. </div>
  795. {block:Pagination}<div class="pagi">
  796. {block:PreviousPage}
  797. <a href="{PreviousPage}">Previous</a>
  798. {/block:PreviousPage}
  799.  
  800. {block:JumpPagination length="5"}
  801. {block:CurrentPage}
  802. <span class="current_page">{PageNumber}</span>
  803. {/block:CurrentPage}
  804.  
  805. {block:JumpPage}
  806. <a class="jump_page" href="{URL}">{PageNumber}</a>
  807. {/block:JumpPage}
  808. {/block:JumpPagination}
  809.  
  810. {block:NextPage}
  811. <a href="{NextPage}">Next</a>
  812. {/block:NextPage}
  813. </div>
  814. {/block:Pagination}
  815. </div>
  816. {/block:IndexPage}
  817. </div>
  818.  
  819. <!-- scripts -->
  820.  
  821. <script src="//dl.dropbox.com/s/1mztc6y7i6ry9ri/gtresizing.js"> </script>
  822. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  823. <script type="text/javascript">
  824. $('.alk').click(function(){
  825. $('html, body').animate({
  826. scrollTop: $( $(this).attr('href') ).offset().top
  827. }, 450);
  828. return false;
  829. });
  830. </script>
  831. <script src="https://unpkg.com/feather-icons/dist/feather.min.js"></script>
  832. <script type="text/javascript">
  833. feather.replace()
  834. </script>
  835. <script type="text/javascript">
  836. $(document).scroll(function() {
  837. var y = $(this).scrollTop();
  838. if (y > 800) {
  839. $('.ttop').fadeIn();
  840. } else {
  841. $('.ttop').fadeOut();
  842. }
  843. });
  844. </script>
  845.  
  846. </body>
  847. </html>
Advertisement
Add Comment
Please, Sign In to add comment