API tools faq
paste
Advertisement
zainmalik

THEME X: "YESTODAY" BY LEESJENO

zainmalik
Apr 2nd, 2018
4,117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.54 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. (c) leesjeno
  8.  
  9. basecode by neonbikethemes
  10.  
  11. -->
  12.  
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16. <meta charset="utf-8">
  17. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  18. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. <meta name="image:background" content="" />
  23. <meta name="image:wrapper" content="" />
  24. <meta name="image:tab 1 header" content="" />
  25. <meta name="image:tab 1 icon" content="" />
  26. <meta name="image:tab 3 header" content="" />
  27.  
  28. <meta name="if:day mode" content="0"/>
  29. <meta name="if:version 2" content="0"/>
  30. <meta name="if:400px posts" content="0"/>
  31. <meta name="if:show title" content="1"/>
  32. <meta name="if:show faq 1" content="1"/>
  33. <meta name="if:show faq 2" content="1"/>
  34. <meta name="if:show faq 3" content="1"/>
  35.  
  36. <meta name="color:background" content="#ffffff" />
  37. <meta name="color:accent 1" content="#1e2a64" />
  38. <meta name="color:accent 2" content="#ffffff" />
  39. <meta name="color:title" content="#ffffff" />
  40.  
  41. <meta name="text:title" content="today" />
  42. <meta name="text:title size" content="80" />
  43. <meta name="text:online users script" content="1&nbsp;" />
  44. <meta name="text:hit counter script" content="???" />
  45. <meta name="text:label 1" content="taeyong" />
  46. <meta name="text:label 2" content="mark" />
  47. <meta name="text:label 3" content="doyoung" />
  48. <meta name="text:label 4" content="lucas" />
  49. <meta name="text:question 1" content="back inside my 156 bus?" />
  50. <meta name="text:answer 1" content="lorem ipsum dolor sit amet, consectetuer adipiscing elit. aenean commodo ligula eget dolor." />
  51. <meta name="text:question 2" content="kinda feel like thinking back?" />
  52. <meta name="text:answer 2" content="lorem ipsum dolor sit amet, consectetuer adipiscing elit. aenean commodo ligula eget dolor." />
  53. <meta name="text:question 3" content="i think i'm still the same?" />
  54. <meta name="text:answer 3" content="lorem ipsum dolor sit amet, consectetuer adipiscing elit. aenean commodo ligula eget dolor." />
  55. <meta name="text:link 1 label" content="link 1" />
  56. <meta name="text:link 1" content="/" />
  57. <meta name="text:link 2 label" content="link 2" />
  58. <meta name="text:link 2" content="/" />
  59. <meta name="text:link 3 label" content="link 3" />
  60. <meta name="text:link 3" content="/" />
  61. <meta name="text:link 4 label" content="link 4" />
  62. <meta name="text:link 4" content="/" />
  63. <meta name="text:link 5 label" content="link 5" />
  64. <meta name="text:link 5" content="/" />
  65. <meta name="text:link 6 label" content="link 6" />
  66. <meta name="text:link 6" content="/" />
  67. <meta name="text:tab 3 title" content="quick links" />
  68. <meta name="text:tab 3 subtitle" content="subtitle here" />
  69. <meta name="text:tab 3 text" content="lorem ipsum dolor sit amet, consectetuer adipiscing elit. aenean commodo ligula eget dolor. aenean massa. cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. nulla consequat massa quis enim. donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. in enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. nullam dictum felis eu pede mollis pretium. integer tincidunt." />
  70.  
  71.  
  72.  
  73.  
  74.  
  75. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  76.  
  77. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  78.  
  79. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  80.  
  81. <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
  82.  
  83. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  84.  
  85. <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
  86.  
  87. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  88. <script>
  89. (function($){
  90. $(document).ready(function(){
  91. $("a[title]").style_my_tooltips({
  92. tip_follows_cursor:true,
  93. tip_delay_time:90,
  94. tip_fade_speed:600,
  95. attribute:"title"
  96. });
  97. });
  98. })(jQuery);
  99. </script>
  100.  
  101. <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Droid+Sans+Mono" />
  102.  
  103. <style type="text/css">
  104.  
  105. /* ---------------------------- GENERAL ----------------------------- */
  106.  
  107. /* -------- FONTS ------- */
  108.  
  109. @font-face {
  110. font-family:"league";
  111. src: url(https://static.tumblr.com/iwykqv5/pCpp5nz9k/leaguespartan-bold.ttf);
  112. }
  113.  
  114. /* -------- SELECTION TOOL ------- */
  115.  
  116. ::-moz-selection {
  117. background: white;
  118. color: {color:background};
  119. }
  120.  
  121. ::selection {
  122. background: white;
  123. color: {color:background};
  124. }
  125.  
  126. /* -------- SCROLLBAR ------- */
  127.  
  128. ::-webkit-scrollbar {
  129. width: 0px;
  130. }
  131.  
  132. /* Track */
  133. ::-webkit-scrollbar-track {
  134. background:transparent;
  135. }
  136.  
  137. /* Handle */
  138. ::-webkit-scrollbar-thumb {
  139. background:transparent;
  140. }
  141. ::-webkit-scrollbar-thumb:window-inactive {
  142. background: transparent;
  143. }
  144.  
  145. /* ------- TOOLTIPS ------ */
  146.  
  147. #s-m-t-tooltip {
  148. max-width:300px;
  149. margin:10px 0px 0px 10px;
  150. background-color:{color:accent 1};
  151. font-family:"droid sans mono";
  152. padding-top:1px;
  153. padding-bottom:1px;
  154. padding-left:4px;
  155. padding-right:4px;
  156. border-radius:1px;
  157. font-size:8px;
  158. font-weight:bold;
  159. text-transform:lowercase;
  160. color:black;
  161. z-index:999999999999999999999999999999999999;
  162. }
  163.  
  164. /* -------- BASICS ------- */
  165.  
  166. body {
  167. background: {color:background} url({image:background});
  168. {block:ifnotdaymode}
  169. color: white;
  170. {/block:ifnotdaymode}
  171. {block:ifdaymode}
  172. color:#47433e;
  173. {/block:ifdaymode}
  174. font-family:'droid sans mono';
  175. font-size:9px;
  176. margin: 0;
  177. padding: 0;
  178. word-wrap: break-word;
  179. line-height:150%;
  180. }
  181.  
  182. a {
  183. color:{color:accent 1};
  184. text-decoration:none;
  185. }
  186.  
  187. a:hover {
  188. text-decoration:underline;
  189. }
  190.  
  191. blockquote {
  192. {block:ifnotdaymode}
  193. border-left: 1px solid white;
  194. {/block:ifnotdaymode}
  195. {block:ifdaymode}
  196. border-left: 1px solid #c9c8c8;
  197. {/block:ifdaymode}
  198. margin: 10px;
  199. padding-left:15px;
  200. padding-top:3px;
  201. padding-bottom:3px;
  202. padding-right:0px;
  203. }
  204.  
  205. small, sup, sub {
  206. font-size:9px;
  207. }
  208.  
  209. hr {
  210. width:150px;
  211. height:1px;
  212. border:none;
  213. background:white;
  214. }
  215.  
  216. iframe, img, embed, object, video {
  217. max-width: 100%;
  218. }
  219.  
  220. p{
  221. margin-bottom:10px;
  222. }
  223.  
  224. img {
  225. height: auto;
  226. width:auto;
  227. max-width:100%;
  228. }
  229.  
  230. h1 {
  231. font-family:"league";
  232. font-size:18px;
  233. letter-spacing:1px;
  234. color:{color:accent 1};
  235. }
  236.  
  237. h2 {
  238. font-size:10px;
  239. letter-spacing:1px;
  240. text-transform:uppercase;
  241. font-family:"droid sans mono";
  242. }
  243.  
  244. h3 {
  245. font-style:italic;
  246. font-size:9px;
  247. }
  248.  
  249. pre {
  250. background: rgba(255,255,255,.1);
  251. padding-left:10px;
  252. padding-right:10px;
  253. padding-top:5px;
  254. padding-bottom:5px;
  255. margin-left:-10px;
  256. {block:ifnot400pxposts}
  257. width:350px;
  258. {/block:ifnot400pxposts}
  259. {block:if400pxposts}
  260. width:400px;
  261. {/block:if400pxposts}
  262. letter-spacing:.5px;
  263. }
  264.  
  265. b, strong {
  266. color:{color:accent 1};
  267. font-weight:bold;
  268. }
  269.  
  270. ul{
  271. list-style-type:square;
  272. }
  273.  
  274. a {
  275. color:{color:title}
  276. }
  277.  
  278. #bigcon{
  279. border-radius:4px;
  280. {block:ifnot400pxposts}
  281. width:740px;
  282. {/block:ifnot400pxposts}
  283. {block:if400pxposts}
  284. width:790px;
  285. {/block:if400pxposts}
  286. height:500px;
  287. {block:ifnotversion2}
  288. background:url({image:wrapper});
  289. {/block:ifnotversion2}
  290. {block:ifversion2}
  291. {block:ifnotdaymode}
  292. background: rgba(0,0,0,0.5);
  293. {/block:ifnotdaymode}
  294. {block:ifdaymode}
  295. background: rgba(225,225,225,0.4);
  296. {/block:ifdaymode}
  297. {/block:ifversion2}
  298. position:fixed;
  299. left:0;
  300. right:0;
  301. top:0;
  302. bottom:0;
  303. margin:auto;
  304. }
  305.  
  306. #postcontainer {
  307. position:fixed;
  308. margin-left:358px;
  309. margin-top:0px;
  310. {block:ifnot400pxposts}
  311. width:400px;
  312. {/block:ifnot400pxposts}
  313. {block:if400pxposts}
  314. width:450px;
  315. {/block:if400pxposts}
  316. height:500px;
  317. overflow-y:scroll;
  318. overflow-x:hidden;
  319. text-align:center;
  320. margin-bottom:150px;
  321. }
  322.  
  323. /* ----------------------------- SIDEBAR ---------------------------*/
  324.  
  325. #sidebar{
  326. width:350px;
  327. height:500px;
  328. background:url({image:outer sidebar});
  329. }
  330.  
  331. .bigtitle {
  332. position:fixed;
  333. font-size:{text:title size}px;
  334. margin-top:95px;
  335. margin-left:15px;
  336. z-index:999;
  337. text-decoration:none;
  338. font-family:"league";
  339. -moz-text-fill-color:transparent;
  340. -webkit-text-fill-color:transparent;
  341. -moz-text-stroke-color:{color:title};
  342. -webkit-text-stroke-color:{color:title};
  343. -moz-text-stroke-width: 1.3px;
  344. -webkit-text-stroke-width: 1.3px;
  345. text-decoration:none;
  346. }
  347.  
  348. .bigtitle a {
  349. text-decoration:none;
  350. color:{color:title};
  351. }
  352.  
  353. /*----- pagination -----*/
  354.  
  355. .pagination {
  356. position:fixed;
  357. margin-top:77px;
  358. margin-left:198px;
  359. width:100px;
  360. text-align:right;
  361. }
  362.  
  363. .pagination a {
  364. color:{color:title};
  365. text-decoration:underline;
  366. }
  367.  
  368. .pagination a:visited {
  369. color:{color:title};
  370. }
  371.  
  372. /* ------------------------------ TABS ------------------------------ */
  373.  
  374. .wrapper {
  375. position:fixed;
  376. margin:98px auto;
  377. width:20px;
  378. }
  379. .tabs li {
  380. margin-left:270px;
  381. display:block;
  382. list-style-type: none;
  383. margin-bottom:2px;
  384. }
  385.  
  386. .tabs a {
  387. opacity:.7;
  388. color:white;
  389. font-size:9px;
  390. }
  391.  
  392. .tabs a:hover{
  393. opacity:1;
  394. }
  395.  
  396. .tabs a.active{
  397. opacity:1;
  398. }
  399.  
  400. .tabgroup {
  401. width:240px;
  402. height:280px;
  403. margin-top:-52px;
  404. margin-left:60px;
  405. position:fixed;
  406. overflow-y:scroll;
  407. overflow-x:hidden;
  408. border-radius:3px;
  409. {block:ifnotdaymode}
  410. background: rgba(0,0,0,0.75);
  411. {/block:ifnotdaymode}
  412. {block:ifdaymode}
  413. background: rgba(255,255,255,0.85);
  414. {/block:ifdaymode}
  415. }
  416.  
  417.  
  418. .tabgroup #ask_form {
  419. height:300px;
  420. width:220px;
  421. }
  422.  
  423. .clearfix:after {
  424. content:"";
  425. display:table;
  426. clear:both;
  427. }
  428.  
  429. /* --------------- TAB 1 ------------------- */
  430.  
  431. .border {
  432. opacity:.75;
  433. position:fixed;
  434. margin-top:42px;
  435. margin-left:12px;
  436. height:38px;
  437. width:76px;
  438. border-radius: 76px 76px 0 0;
  439. {block:ifnotdaymode}
  440. background:black;
  441. {/block:ifnotdaymode}
  442. {block:ifdaymode}
  443. background: white;
  444. {/block:ifdaymode}
  445. }
  446.  
  447. .subtitle {
  448. font-size:29px;
  449. font-family:"league";
  450. -webkit-font-smoothing: antialiased;
  451. -moz-osx-font-smoothing: grayscale;
  452. -moz-text-fill-color:transparent;
  453. -webkit-text-fill-color:transparent;
  454. -moz-text-stroke-color:{color:accent 1};
  455. -webkit-text-stroke-color:{color:accent 1};
  456. -moz-text-stroke-width: 1px;
  457. -webkit-text-stroke-width: 1px;
  458. }
  459.  
  460. .subtitle a {
  461. text-decoration:none;
  462. }
  463.  
  464. .desc {
  465. position:fixed;
  466. width:122px;
  467. height:145px;
  468. margin-left:102px;
  469. margin-top:115px;
  470. overflow-y:scroll;
  471. overflow-x:hidden;
  472. text-align:justify;
  473. line-height:140%;
  474. {block:ifnotdaymode}
  475. color:white;
  476. {/block:ifnotdaymode}
  477. {block:ifdaymode}
  478. color:#47433e;
  479. {/block:ifdaymode}
  480. font-family:"droid sans mono";
  481. font-size:8px;
  482. font-weight:bold;
  483. }
  484.  
  485. .desc em,i {
  486. color:{color:accent 2};
  487. }
  488.  
  489. .desctitle {
  490. position:fixed;
  491. }
  492.  
  493. .desctitle b {
  494. z-index:99999;
  495. text-decoration:none;
  496. display:inline-block;
  497. width:auto;
  498. margin-right:5px;
  499. margin-bottom:5px;
  500. letter-spacing:.5px;
  501. padding-bottom:3px;
  502. padding-top:2px;
  503. padding-right:5px;
  504. padding-left:5px;
  505. font-weight:bold;
  506. border-radius:1.5px;
  507. {block:ifnotdaymode}
  508. color:black;
  509. {/block:ifnotdaymode}
  510. {block:ifdaymode}
  511. color:#292a2b;
  512. {/block:ifdaymode}
  513. background-color:{color:accent 1};
  514. }
  515.  
  516. .desctitle a {
  517. z-index:99999;
  518. text-decoration:none;
  519. display:inline-block;
  520. width:auto;
  521. margin-right:5px;
  522. margin-bottom:5px;
  523. letter-spacing:.5px;
  524. padding-bottom:3px;
  525. padding-top:2px;
  526. padding-right:5px;
  527. padding-left:5px;
  528. font-weight:bold;
  529. border-radius:1.5px;
  530. {block:ifnotdaymode}
  531. color:black;
  532. {/block:ifnotdaymode}
  533. {block:ifdaymode}
  534. color:#292a2b;
  535. {/block:ifdaymode}
  536. background-color:{color:accent 1};
  537. }
  538.  
  539. .desctitle a:hover {
  540. opacity:.5;
  541. }
  542.  
  543. /* --------------- TAB 2 ------------------- */
  544.  
  545. .faq {
  546. width:220px;
  547. margin-left:15px;
  548. }
  549.  
  550. .faq b {
  551. display:inline-block;
  552. letter-spacing:.5px;
  553. padding-bottom:3px;
  554. padding-top:2px;
  555. padding-right:5px;
  556. padding-left:5px;
  557. font-weight:bold;
  558. border-radius:1.5px;
  559. {block:ifnotdaymode}
  560. color:black;
  561. {/block:ifnotdaymode}
  562. {block:ifdaymode}
  563. color:#292a2b;
  564. {/block:ifdaymode}
  565. background:{color:accent 1};
  566. }
  567.  
  568. .faqa {
  569. text-align:justify;
  570. {block:ifnotdaymode}
  571. color:white;
  572. {/block:ifnotdaymode}
  573. {block:ifdaymode}
  574. color:#47433e;
  575. {/block:ifdaymode}
  576. font-size:8px;
  577. font-weight:bold;
  578. padding-left:10px;
  579. border-left:1px solid {color:accent 1};
  580. }
  581.  
  582. /* --------------- TAB 3 ------------------- */
  583.  
  584. .sidetitle {
  585. -webkit-transform-origin: 50% 51%;
  586. position:fixed;
  587. transform: rotate(90deg);
  588. overflow:hidden;
  589. text-align:left;
  590. margin-left:160px;
  591. margin-top:80px;
  592. z-index:9999;
  593. width:117px;
  594. height:13px;
  595. letter-spacing:.5px;
  596. font-weight:bold;
  597. border-radius:1.5px;
  598. color:{color:accent 1};
  599. }
  600.  
  601. /* --------------------------- POSTS --------------------- */
  602.  
  603. .posts {
  604. z-index:9999;
  605. background: #000;
  606. {block:ifnotdaymode}
  607. background: rgba(0,0,0,0.8);
  608. {/block:ifnotdaymode}
  609. {block:ifdaymode}
  610. background: rgba(255,255,255,0.85);
  611. {/block:ifdaymode}
  612. padding-top: 10px;
  613. padding-left:10px;
  614. padding-right:10px;
  615. {block:ifnot400pxposts}
  616. width:350px;
  617. {/block:ifnot400pxposts}
  618. {block:if400pxposts}
  619. width:400px;
  620. {/block:if400pxposts}
  621. text-align:left;
  622. margin-bottom:40px;
  623. border-radius:3px;
  624. overflow:hidden;
  625. }
  626.  
  627. .posts #ask_form {
  628. height:258px;
  629. }
  630.  
  631. .media {
  632. {block:ifnot400pxposts}
  633. width:370px;
  634. {/block:ifnot400pxposts}
  635. {block:if400pxposts}
  636. width:420px;
  637. {/block:if400pxposts}
  638. margin-left:-10px;
  639. }
  640.  
  641. .media img, iframe {
  642. vertical-align:bottom;
  643. }
  644.  
  645. .video iframe {
  646. {block:ifnot400pxposts}
  647. width:370px;
  648. {/block:ifnot400pxposts}
  649. {block:if400pxposts}
  650. width:420px;
  651. {/block:if400pxposts}
  652. margin-top:-1px;
  653. }
  654.  
  655. .chats {
  656. padding-top:10px;
  657. }
  658.  
  659. /* ---------------------------- POST INFO -----------------------------*/
  660.  
  661. .postinfo {
  662. font-family:"droid sans mono";
  663. padding:6px;
  664. {block:ifnot400pxposts}
  665. width:358px;
  666. {/block:ifnot400pxposts}
  667. {block:if400pxposts}
  668. width:408px;
  669. {/block:if400pxposts}
  670. margin-left:-10px;
  671. }
  672.  
  673. .perma {
  674. font-weight:bold;
  675. }
  676.  
  677. .perma a {
  678. display:inline;
  679. {block:ifnotdaymode}
  680. color:white;
  681. {/block:ifnotdaymode}
  682. {block:ifdaymode}
  683. color:#47433e;
  684. {/block:ifdaymode}
  685. margin-right:-4px;
  686. }
  687.  
  688. .perma a:hover {
  689. text-decoration:none;
  690. }
  691.  
  692. .perma img {
  693. margin-top:3px;
  694. margin-left:2px;
  695. }
  696.  
  697. .time {
  698. {block:ifnot400pxposts}
  699. width:350px;
  700. {/block:ifnot400pxposts}
  701. {block:if400pxposts}
  702. width:400px;
  703. {/block:if400pxposts}
  704. position:absolute;
  705. margin-top:-22px;
  706. margin-left:36px;
  707. }
  708.  
  709. .tags {
  710. {block:ifnot400pxposts}
  711. width:350px;
  712. {/block:ifnot400pxposts}
  713. {block:if400pxposts}
  714. width:400px;
  715. {/block:if400pxposts}
  716. word-wrap: break-word;
  717. padding-bottom:2px;
  718. line-height:180%;
  719. }
  720.  
  721. .tags a {
  722. letter-spacing:.5px;
  723. padding-bottom:1px;
  724. padding-top:1px;
  725. padding-right:3px;
  726. padding-left:3px;
  727. font-weight:bold;
  728. border-radius:1.5px;
  729. {block:ifnotdaymode}
  730. color:black;
  731. {/block:ifnotdaymode}
  732. {block:ifdaymode}
  733. color:#292a2b;
  734. {/block:ifdaymode}
  735. background-color:{color:accent 1};
  736. display:inline;
  737. margin-right:5px;
  738. font-size:8px;
  739. }
  740.  
  741. .tags a:hover {
  742. text-decoration:none;
  743. opacity:.5;
  744. }
  745.  
  746. .caption {
  747. padding-bottom:2px;
  748. }
  749.  
  750. /* ---------------------------- POST NOTES ------------------------- */
  751.  
  752. ol.notes {
  753. display:block;
  754. text-align:left;
  755. list-style-type:none;
  756. margin-left:-40px;
  757.  
  758. }
  759.  
  760. ol.notes li.note{
  761. margin-bottom:5px;
  762. }
  763.  
  764. .pagenotes {
  765. text-align:left;
  766. {block:ifnotdaymode}
  767. border-top:1px solid rgba(255,255,255,0.13);
  768. {/block:ifnotdaymode}
  769. {block:ifdaymode}
  770. border-top:1px solid rgba(0,0,0,0.05);
  771. {/block:ifdaymode}
  772. padding-left:10px;
  773. {block:ifnot400pxposts}
  774. width:370px;
  775. {/block:ifnot400pxposts}
  776. {block:if400pxposts}
  777. width:420px;
  778. {/block:if400pxposts}
  779. margin-left:-10px;
  780. z-index:99999;
  781. }
  782.  
  783. .pagenotes img{
  784. margin-bottom:-5px;
  785. border-radius:50%;
  786. margin-right:5px;
  787. }
  788.  
  789.  
  790. /* -------------------------- POST TYPES -------------------------- */
  791.  
  792. /* CHAT */
  793.  
  794. ul.chat{
  795. list-style:none;
  796. margin-left:-40px;
  797. }
  798.  
  799. .chat span {
  800. float: left;
  801. }
  802.  
  803. /* QUOTES */
  804.  
  805. .quote{
  806. font-size:11px;
  807. margin-top:10px;
  808. }
  809.  
  810. .quotesource{
  811. text-align:right;
  812. margin-bottom:10px;
  813. }
  814.  
  815. /* QUESTIONS */
  816.  
  817. .question {
  818. {block:ifnotdaymode}
  819. background: rgba(255,255,255,.1);
  820. {/block:ifnotdaymode}
  821. {block:ifdaymode}
  822. background: rgba(0,0,0,.05);
  823. {/block:ifdaymode};
  824. padding-top:4px;
  825. padding-right:10px;
  826. padding-left:10px;
  827. padding-bottom:10px;
  828. margin-left:-10px;
  829. {block:ifnot400pxposts}
  830. width:350px;
  831. {/block:ifnot400pxposts}
  832. {block:if400pxposts}
  833. width:400px;
  834. {/block:if400pxposts}
  835. }
  836.  
  837. /* --------------------------- CREDIT -------------------------- */
  838.  
  839. .credit {
  840. bottom:10px;
  841. right:10px;
  842. position:fixed;
  843. }
  844.  
  845. .credit a {
  846. z-index:99999;
  847. text-decoration:none;
  848. display:inline-block;
  849. width:auto;
  850. margin-right:5px;
  851. margin-bottom:5px;
  852. letter-spacing:.5px;
  853. padding-bottom:3px;
  854. padding-top:2px;
  855. padding-right:5px;
  856. padding-left:5px;
  857. font-weight:bold;
  858. border-radius:1.5px;
  859. {block:ifnotdaymode}
  860. color:black;
  861. {/block:ifnotdaymode}
  862. {block:ifdaymode}
  863. color:#292a2b;
  864. {/block:ifdaymode}
  865. background:{color:accent 1};
  866. }
  867.  
  868. .credit a:hover {
  869. color:{color:accent 1};
  870. background:black;
  871. }
  872.  
  873. /* --------------------------- Custom CSS -------------------------- */
  874. {CustomCSS}
  875. </style>
  876. </head>
  877. <body>
  878.  
  879. <div id="bigcon">
  880.  
  881. <!--sidebar-->
  882.  
  883. <div id="sidebar">
  884.  
  885. {block:Pagination}
  886. <div class="pagination">
  887. {block:PreviousPage}
  888. <a href="{PreviousPage}">/backward</a>
  889. {/block:PreviousPage}
  890.  
  891. {block:NextPage}
  892. <br><a href="{NextPage}">/forward</a>
  893. {/block:NextPage}
  894. </div>
  895. {/block:Pagination}
  896.  
  897. {block:ifshowtitle}
  898. <div class="bigtitle"><a href="/">{text:title}</a></div>
  899. {/block:ifshowtitle}
  900.  
  901. <div class="pagination"></div>
  902.  
  903.  
  904. <!-- --------------------------- TABS -------------------------- -->
  905.  
  906. <div class="wrapper">
  907. <ul class="tabs clearfix" data-tabgroup="first-tab-group">
  908. <li><a href="#tab1" class="active"><i style="color:white" class="fas fa-circle"></i></a></li>
  909. <li><a href="#tab2" title="faq/ask"><i style="color:white" class="fas fa-circle"></i></a></li>
  910. <li><a href="#tab3" title="navigate"><i style="color:white" class="fas fa-circle"></i></a></li>
  911. </ul>
  912. <section id="first-tab-group" class="tabgroup">
  913.  
  914.  
  915. <!-- ------------------------ TAB 1 -------------------------- -->
  916.  
  917.  
  918. <div id="tab1">
  919. <img src="{image:tab 1 header}" style="position:fixed;width:250px;height:80px;">
  920. <a href="/"><img src="{image:tab 1 icon}" style="height:66px;width:66px;position:fixed;margin-top:46px;margin-left:17px;border-radius:50%;z-index:99999"></a>
  921. <div class="border"></div>
  922.  
  923. <div class="subtitle" style="position:fixed;margin-left:100px;margin-top:85px;">{text:online users script}/ {text:hit counter script}
  924.  
  925. </div>
  926.  
  927. <div class="desctitle" style="margin-left:19px;margin-top:129px;">
  928. <b>{text:label 1}</b><br>
  929. <b>{text:label 2}</b><br>
  930. <b>{text:label 3}</b><br>
  931. <b>{text:label 4}</b>
  932.  
  933. </div>
  934.  
  935. <div class="desc" style="width:122px;height:145px;margin-left:102px;margin-top:115px;">{Description}</div>
  936. </div>
  937.  
  938.  
  939. <!-- ------------------------ TAB 2 -------------------------- -->
  940.  
  941.  
  942. <div id="tab2">
  943.  
  944. {block:ifshowfaq1}
  945. <div class="faq" style="margin-top:15px;text-align:right;margin-left:5px;"><b>{text:question 1}</b></div>
  946. <div class="faqa" style="margin-left:15px;margin-top:7px;width:200px;">{text:answer 1}</div>
  947. {/block:ifshowfaq1}
  948.  
  949. {block:ifshowfaq2}
  950.  
  951. <!--- NEED TO ADD MORE FAQS? COPY FROM HERE --->
  952. <div class="faq" style="margin-top:7px;text-align:right;margin-left:5px;"><b>{text:question 2}</b></div>
  953. <div class="faqa" style="margin-left:15px;margin-top:7px;width:200px;">{text:answer 2}</div>
  954. <!--- TO HERE --->
  955.  
  956. {/block:ifshowfaq2}
  957.  
  958. {block:ifshowfaq3}
  959. <div class="faq" style="margin-top:7px;text-align:right;margin-left:5px;"><b>{text:question 3}</b></div>
  960. <div class="faqa" style="margin-left:15px;margin-top:7px;width:200px;">{text:answer 3}</div>
  961. {/block:ifshowfaq3}
  962.  
  963. <!--- PASTE UNDER THIS LINE! REPLACE { text:question 2 } WITH YOUR QUESTION & REPLACE { text:answer 2 } WITH YOUR ANSWER. --->
  964.  
  965. <iframe frameborder="0" style="opacity:.85;margin-left:10px;margin-top:15px;" scrolling="yes" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  966. <br> </br>
  967.  
  968. </div>
  969.  
  970.  
  971. <!-- ------------------------ TAB 3 -------------------------- -->
  972.  
  973.  
  974. <div id="tab3">
  975.  
  976. <img src="{image:tab 3 header}" style="width:250px;height:100px;">
  977.  
  978. <div class="desctitle" style="position:fixed;width:230px;margin-top:-70px;margin-left:10px;">
  979. <a href="{text:link 1}">{text:link 1 label}</a>
  980. <a href="{text:link 2}">{text:link 2 label}</a>
  981. <a href="{text:link 3}">{text:link 3 label}</a>
  982. <a href="{text:link 4}">{text:link 4 label}</a>
  983. <a href="{text:link 5}">{text:link 5 label}</a>
  984. <a href="{text:link 6}">{text:link 6 label}</a>
  985. </div>
  986.  
  987. <div class="subtitle" style="margin-top:-5px;z-index:9999;text-align:right;padding-right:10px;">{text:tab 3 title}</div>
  988.  
  989. <div class="desc" style="width:180px;height:133px;margin-left:20px;margin-top:22px;">{text:tab 3 text}</div>
  990.  
  991. <div class="sidetitle"><u>{text:tab 3 subtitle}</u></div>
  992.  
  993. </div>
  994.  
  995.  
  996.  
  997.  
  998. </section>
  999. </div>
  1000. <!-- ------------------------ POSTS -------------------------- -->
  1001.  
  1002.  
  1003. <div id="postcontainer">
  1004.  
  1005. {block:Posts}
  1006.  
  1007. <br>
  1008. <div class="posts">
  1009.  
  1010. <!--POST INFORMATION-->
  1011. <div class="postinfo" style="{block:ifnotdaymode}
  1012. border-bottom:1px solid rgba(255,255,255,0.13);
  1013. {/block:ifnotdaymode}
  1014. {block:ifdaymode}
  1015. border-bottom:1px solid rgba(0,0,0,0.05);
  1016. {/block:ifdaymode};margin-top:-10px;">
  1017.  
  1018. <div class="perma">
  1019.  
  1020.  
  1021. {block:RebloggedFrom}
  1022. <a href="{ReblogRootURL}"><img style="border-radius:50%" src="{ReblogRootPortraitURL-24}"></a>
  1023. {/block:RebloggedFrom}
  1024.  
  1025. {block:NotReblog}
  1026. <a href="{permalink}"><img style="border-radius:50%;" src="{PortraitURL-24}"></a>
  1027. {/block:NotReblog}
  1028.  
  1029. <div class="time">
  1030.  
  1031. {block:RebloggedFrom}
  1032. <a href="{ReblogRootURL}" style="letter-spacing:.5px;padding-bottom:3px;padding-top:1px;padding-right:4px;padding-left:4px;font-weight:bold;border-radius:1.5px;{block:ifnotdaymode}
  1033. color:black;
  1034. {/block:ifnotdaymode}
  1035. {block:ifdaymode}
  1036. color:#292a2b;
  1037. {/block:ifdaymode};background-color:{color:accent 1};">{ReblogRootName}</a>
  1038. {/block:RebloggedFrom}
  1039.  
  1040. {block:NotReblog}
  1041. <a href="{permalink}" style="letter-spacing:.5px;padding-bottom:3px;padding-top:1px;padding-right:4px;padding-left:4px;font-weight:bold;border-radius:1.5px;{block:ifnotdaymode}
  1042. color:black;
  1043. {/block:ifnotdaymode}
  1044. {block:ifdaymode}
  1045. color:#292a2b;
  1046. {/block:ifdaymode};background-color:{color:accent 1};">{Name}</a>
  1047. {/block:NotReblog}
  1048.  
  1049. {block:IndexPage}
  1050. &nbsp; {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} &nbsp;
  1051. {block:NoteCount}<a style="color:{color:accent 1};" href="{Permalink}">{NoteCount}N</a>{/block:NoteCount}</a>
  1052. </div>
  1053. {/block:IndexPage}
  1054.  
  1055.  
  1056. {block:PermalinkPage}
  1057. &nbsp; {block:Date}<a href="{Permalink}">via</a>{/block:Date} &nbsp;
  1058. {block:NoteCount}<a style="color:{color:accent 1};" href="{Permalink}">{NoteCount}N</a>{/block:NoteCount}</a>
  1059. </div>
  1060. {/block:PermalinkPage}
  1061.  
  1062. </div>
  1063.  
  1064. </div>
  1065.  
  1066. <!--TEXT POST-->
  1067. {block:Text}
  1068. {block:Title}
  1069. <h1>{Title}</h1>
  1070. {/block:Title}
  1071. {Body}
  1072. {/block:Text}
  1073.  
  1074.  
  1075. <!--PHOTO POST-->
  1076. {block:Photo}
  1077. <div class="media" style="{block:ifnot400pxposts}
  1078. width:370px;
  1079. {/block:ifnot400pxposts}
  1080. {block:if400pxposts}
  1081. width:420px;
  1082. {/block:if400pxposts}">
  1083. {block:IndexPage}
  1084. {LinkOpenTag}
  1085. <img src="{block:ifnot400pxposts}
  1086. {PhotoURL-400}
  1087. {/block:ifnot400pxposts}
  1088. {block:if400pxposts}
  1089. {PhotoURL-500}
  1090. {/block:if400pxposts}" alt="{PhotoAlt}" />
  1091. {LinkCloseTag}
  1092. {/block:IndexPage}
  1093. {block:PermalinkPage}
  1094. {LinkOpenTag}
  1095. <img src="{block:ifnot400pxposts}
  1096. {PhotoURL-400}
  1097. {/block:ifnot400pxposts}
  1098. {block:if400pxposts}
  1099. {PhotoURL-500}
  1100. {/block:if400pxposts}" alt="{PhotoAlt}" />
  1101. {LinkCloseTag}{/block:PermalinkPage}
  1102. </div>
  1103.  
  1104. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1105.  
  1106. {/block:Photo}
  1107.  
  1108.  
  1109. <!--PHOTOSET POST-->
  1110. {block:Photoset}
  1111. <div class="media">
  1112. {block:IndexPage}{block:ifnot400pxposts}
  1113. {Photoset-400}
  1114. {/block:ifnot400pxposts}
  1115. {block:if400pxposts}
  1116. {Photoset-500}
  1117. {/block:if400pxposts}{/block:IndexPage}
  1118. {block:PermalinkPage}{block:ifnot400pxposts}
  1119. {Photoset-400}
  1120. {/block:ifnot400pxposts}
  1121. {block:if400pxposts}
  1122. {Photoset-500}
  1123. {/block:if400pxposts}{/block:PermalinkPage}
  1124. </div>
  1125.  
  1126. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1127.  
  1128. {/block:Photoset}
  1129.  
  1130.  
  1131. <!--QUOTE POST-->
  1132. {block:Quote}
  1133. <div class="quote">{Quote}</div>
  1134. {block:Source}<br>
  1135. <div class="quotesource">— {Source}</div>
  1136. {/block:Source}
  1137. {/block:Quote}
  1138.  
  1139.  
  1140. <!--LINK POST-->
  1141. {block:Link}
  1142. <h1 class="title"><a style="text-decoration:underline;" href="{URL}">{Name}</a></h1>
  1143. {block:Description}{Description}{/block:Description}
  1144. {/block:Link}
  1145.  
  1146.  
  1147. <!--CHAT POST-->
  1148. {block:Chat}
  1149. {block:Title}
  1150. <div class="title">{Title}</div>
  1151. {/block:Title}
  1152.  
  1153. <div class="chats">
  1154. {block:Lines}
  1155. <div style="text-transform:lowercase;" class="{Alt} user_{UserNumber}">
  1156. {block:Label}
  1157. <span style="color:{color:accent 1};text-transform:lowercase;text-decoration:underline;">{Label}</span>{/block:Label}
  1158. &nbsp;{Line}
  1159. </div>
  1160. {/block:Lines}
  1161. <br></div>
  1162. {/block:Chat}
  1163.  
  1164.  
  1165. <!--AUDIO POST-->
  1166. {block:Audio}
  1167. <div style="padding-top:10px;padding-bottom:15px;">
  1168. {block:AlbumArt}<img style="border-radius:61px;position:absolute;width:61px;height:61px;" src="{AlbumArtURL}">{/block:AlbumArt}
  1169. {block:AudioPlayer}<div style="overflow:hidden;background:white;border-right:7px solid white;border-left:3px solid white;border-bottom:5px solid white;border-top:5px solid white;margin-top:12px;margin-left:12px;border-radius:50px;opacity:.3;position:absolute;width:27px;height:27px;">{AudioPlayerWhite}</div>
  1170. <div style="margin-top:15px;height:32px;margin-left:75px;text-transform:lowercase;{block:ifnotdaymode}
  1171. color:white;
  1172. {/block:ifnotdaymode}
  1173. {block:ifdaymode}
  1174. color:#292a2b;
  1175. {/block:ifdaymode};">{/block:AudioPlayer}
  1176. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  1177. {block:Artist}<br><div style="margin-top:3px;">by {Artist}</div>{/block:Artist}
  1178. </div>
  1179. </div>
  1180. <br>
  1181.  
  1182. {block:Caption}<div class="caption" style="margin-top:-10px;">{Caption}</div>{/block:Caption}
  1183.  
  1184. {/block:Audio}
  1185.  
  1186.  
  1187. <!--VIDEO POST-->
  1188. {block:Video}
  1189. <div class="media">
  1190. <div class="video">{Video-500}</div></div>
  1191.  
  1192. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1193.  
  1194. {/block:Video}
  1195.  
  1196.  
  1197. <!--ANSWER POST-->
  1198. {block:Answer}
  1199. <div class="question"><span style="text-decoration:underline;letter-spacing:.5px;text-transform:lowercase;color:{color:accent 1};">{Asker}</span><div style="margin-top:5px;">{Question}</div></div>
  1200. <p><div style="padding-bottom:7px;">{Answer}</div>
  1201. {/block:Answer}
  1202.  
  1203. <!--TAGS-->
  1204. {block:HasTags}
  1205. <div class="postinfo" style="margin-top:-1px;padding-right:8px;padding-left:8px;padding-top:5px;padding-bottom:5px;{block:ifnotdaymode}
  1206. border-top:1px solid rgba(255,255,255,0.13);
  1207. {/block:ifnotdaymode}
  1208. {block:ifdaymode}
  1209. border-top:1px solid rgba(0,0,0,0.05);
  1210. {/block:ifdaymode}">
  1211. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  1212. </div>
  1213. {/block:HasTags}
  1214.  
  1215. <!--POST NOTES-->
  1216. {block:PostNotes}
  1217. <div class="pagenotes">{PostNotes-16} </div>
  1218. {/block:PostNotes}
  1219.  
  1220. </div>
  1221.  
  1222. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1223. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{block:NoSourceLogo}{/block:NoSourceLogo}{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1224.  
  1225. {/block:Posts}
  1226.  
  1227.  
  1228. <!--end of posts-->
  1229.  
  1230. </div>
  1231.  
  1232. </div>
  1233.  
  1234. <script language="javascript">
  1235. $('.tabgroup > div').hide();
  1236. $('.tabgroup > div:first-of-type').show();
  1237. $('.tabs a').click(function(e){
  1238. e.preventDefault();
  1239. var $this = $(this),
  1240. tabgroup = '#'+$this.parents('.tabs').data('tabgroup'),
  1241. others = $this.closest('li').siblings().children('a'),
  1242. target = $this.attr('href');
  1243. others.removeClass('active');
  1244. $this.addClass('active');
  1245. $(tabgroup).children('div').hide();
  1246. $(target).show();
  1247.  
  1248. })
  1249. </script>
  1250.  
  1251. <div class="credit"><a href="https://leesjeno.tumblr.com"><i class="far fa-heart"></i> leesjeno</a></div>
  1252.  
  1253. </body>
  1254. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!