API tools faq
paste
drunkblushed

forever young (alternate) by drunkblushed

drunkblushed
Jan 4th, 2020 (edited)
2,284
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.38 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ♡ FOREVER YOUNG BY DRUNKBLUSHED ♡
  4.  
  5. — do not combine with other themes.
  6. — do not take copy or take parts of this theme.
  7. — do not remove credits and redistribute as your own.
  8.  
  9.  
  10. -->
  11.  
  12. <html>
  13. <head>
  14.  
  15.  
  16.  
  17.  
  18. <meta name="color:background" content="#e7e7e7"/>
  19. <meta name="color:posts" content="#e7e7e7"/>
  20. <meta name="color:container" content="#f0f0f0"/>
  21. <meta name="color:borders" content="#ffffff"/>
  22. <meta name="color:accent" content="#93ad9d"/>
  23. <meta name="color:bold" content="#93ad9d"/>
  24. <meta name="color:italic" content="#93ad9d"/>
  25. <meta name="color:text" content="#3c3c3c"/>
  26. <meta name="color:sidebar text" content="#3c3c3c"/>
  27. <meta name="color:link" content="#93ad9d"/>
  28. <meta name="color:permalink" content="#3c3c3c"/>
  29. <meta name="color:permalink bg" content="#93ad9d"/>
  30.  
  31. <meta name="image:background" content=""/>
  32. <meta name="image:sidebar" content="https://via.placeholder.com/300x400"/>
  33. <meta name="image:tabimage" content="https://via.placeholder.com/180x410"/>
  34.  
  35. <meta name="text:username" content="username"/>
  36. <meta name="text:sidebar text" content="forever young. forever young. forever young. forever young. forever young. forever young. forever young. forever young,"/>
  37. <meta name="text:tab subtitle" content="GIRLS WANNA HAVE SOME FUN"/>
  38. <meta name="text:stats" content"name. age. tz. counter." />
  39. <meta name="text:side link title" content="extra" />
  40. <meta name="text:side link url" content="" />
  41. <meta name="text:tablink title1" content="link one" />
  42. <meta name="text:tablink url1" content="" />
  43. <meta name="text:tablink title2" content="link two" />
  44. <meta name="text:tablink url2" content="" />
  45. <meta name="text:tablink title3" content="link three" />
  46. <meta name="text:tablink url3" content="" />
  47. <meta name="text:tablink title4" content="link four" />
  48. <meta name="text:tablink url4" content="" />
  49. <meta name="text:tablink title5" content="link five" />
  50. <meta name="text:tablink url5" content="" />
  51. <meta name="text:tablink title6" content="link six" />
  52. <meta name="text:tablink url6" content="" />
  53. <meta name="text:tablink title7" content="link seven" />
  54. <meta name="text:tablink url7" content="" />
  55. <meta name="text:tablink title8" content="link eight" />
  56. <meta name="text:tablink url8" content="" />
  57.  
  58. <title>{title}</title>
  59.  
  60.  
  61.  
  62. <link href="https://fonts.googleapis.com/css?family=Roboto:100,400,700,900&display=swap" rel="stylesheet">
  63.  
  64. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  65.  
  66. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  67.  
  68. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  69. <script>
  70. $(document).ready(function(){
  71. $('.video iframe').each(function(){
  72. var scale = $(this).parents('.video').width() / 500;
  73. $(this).attr({
  74. width: Math.floor($(this).attr('width') * scale),
  75. height: Math.floor($(this).attr('height') * scale)
  76. });
  77. });
  78. });
  79. </script>
  80.  
  81. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  82. <script>
  83. (function($){
  84. $(document).ready(function(){
  85. $("[title]").style_my_tooltips();
  86. });
  87. })(jQuery);
  88. </script>
  89.  
  90. <style type="text/css">
  91.  
  92. /*----------------- FONTS -----------------*/
  93.  
  94. @font-face { font-family:"tokyo"; src: url('https://dl.dropbox.com/s/jgq18n62iha87v6/Tokyo-Regular.ttf'); }
  95.  
  96. @font-face { font-family: "Mont"; src: url('https://dl.dropboxusercontent.com/s/vycatbfi5hvz7he/Mont-Heavy.otf') ;}
  97.  
  98.  
  99. /*----------------- TEXT STYLES -----------------*/
  100.  
  101. body{
  102. background-color: {color:background};
  103. font-family: 'roboto', sans-serif;
  104. color:{color:text};
  105. letter-spacing:1px;
  106. line-height:110%px;
  107. background-image:url({image:background});
  108. }
  109.  
  110. a:link, a:active, a:visited{
  111. color: {color:Link};
  112. text-decoration:none;
  113. -webkit-transition: all 0.2s linear;
  114. -moz-transition: all 0.2s linear;
  115. transition: all 0.2s linear;
  116. text-transform:uppercase;
  117. }
  118.  
  119. a:hover {
  120. color:{color:Link Hover};
  121. -webkit-transition: all 0.2s linear;
  122. -moz-transition: all 0.2s linear;
  123. transition: all 0.2s linear;
  124. }
  125.  
  126. b,bold,strong{
  127. color:{color:bold};
  128. text-transform:uppercase;
  129. }
  130.  
  131. em,i,italic{
  132. color:{color:italic};
  133. }
  134.  
  135. big{
  136. font-size:15px;
  137. font-family: 'roboto', sans-serif;
  138. }
  139.  
  140. small,sup, sub{
  141. font-size:9px;
  142. }
  143.  
  144. h1{font-family: "mont";
  145. letter-spacing:1px;
  146. padding:5px;
  147. text-align:center;
  148. font-size: 24px;
  149. text-transform:uppercase;
  150. line-height: 120%;
  151. color:{color:bold};}
  152.  
  153. h2{font-family: "mont";
  154. letter-spacing:1px;
  155. padding:5px;
  156. text-align:right;
  157. font-size: 22px;
  158. text-transform:uppercase;
  159. line-height: 120%;
  160. color:{color:accent};}
  161.  
  162. h3{font-family: "mont";
  163. letter-spacing:1px;
  164. padding:5px;
  165. text-align:right;
  166. font-size: 18px;
  167. text-transform:uppercase;
  168. line-height: 120%;
  169. color:{color:bold};}
  170.  
  171. .posttitle{
  172. font-family: "mont";
  173. letter-spacing:1px;
  174. padding:5px;
  175. text-align:center;
  176. font-size: 30px;
  177. text-transform:uppercase;
  178. line-height: 120%;
  179. -webkit-text-stroke: 1px {color:bold};
  180. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  181. }
  182.  
  183. blockquote{
  184. margin-left:0px;
  185. padding-left:15px;
  186. border-left: 1px solid {color:borders};
  187. width:95%;
  188. }
  189.  
  190.  
  191. .p { padding-top: 5px;}
  192. .ol, ul { margin-left: 30px; padding: 5px; }
  193. .ul { list-style-type: square; }
  194.  
  195. ::-webkit-scrollbar-thumb {
  196. display: none;
  197. }
  198.  
  199. ::-webkit-scrollbar {
  200. display: none;
  201. }
  202.  
  203. #s-m-t-tooltip {
  204. z-index: 999999999999999999;
  205. background: #fff;
  206. font-size: 8px;
  207. line-height: 13px;
  208. letter-spacing: 1.5px;
  209. text-transform: uppercase;
  210. color: {color:text};
  211. font-weight:900;
  212. background-color:{color:posts};
  213. border:1px solid {color:borders};
  214. max-width: 150px;
  215. word-wrap: break-word;
  216. padding: 2px 5px 2px 6px;
  217. display: block;
  218. margin: 24px 14px 7px 12px;
  219. -webkit-transition: all 0.2s linear;
  220. -moz-transition: all 0.2s linear;
  221. transition: all 0.2s linear;
  222. }
  223.  
  224. ::-moz-selection { background: {color:accent}; }
  225. ::selection { background: {color:accent}; }
  226.  
  227. /*----------------- CONTAINERS & POSTS -----------------*/
  228.  
  229. #entries{
  230. padding:30px;
  231. z-index:99;
  232. margin: auto;
  233. left:0px;
  234. top:0px;
  235. bottom:0px;
  236. right:0px;
  237. width:530px;
  238. position:absolute;
  239. height:450px;
  240. overflow-y:scroll;
  241. background-color:{color:container};
  242. overflow-x:hidden;
  243. border-radius:10px;
  244. }
  245.  
  246.  
  247. #post {
  248. font-size:9px;
  249. background-color:{color:posts};
  250. padding:25px;
  251. width:350px;
  252. z-index:99;
  253. margin-top:0px;
  254. margin-bottom:60px;
  255. margin-left:0px;
  256. line-height:160%;
  257. letter-spacing:1px;
  258. border-radius:10px;
  259. }
  260.  
  261. #post .tags {position:relative;
  262. text-align:left;
  263. color:{color:link};
  264. padding:8px;
  265. font-size:6.5px;
  266. letter-spacing:2px;
  267. font-family: 'roboto', sans-serif;
  268. text-transform:uppercase;
  269. -webkit-transition: all 0.2s linear;
  270. -moz-transition: all 0.2s linear;
  271. transition: all 0.2s linear;
  272. margin-bottom:-20px;
  273. margin-top:5px;
  274. margin-left:-8px;
  275. }
  276.  
  277. #post .tags a{
  278. color:{color:link};
  279. }
  280.  
  281. #post img{
  282. max-width:350px;
  283. height:auto;
  284. }
  285.  
  286.  
  287. #post:hover .tags {position:relative;
  288. text-align:left;opacity:1;
  289. color:{color:link};
  290. padding:8px; width:auto;
  291. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  292. -moz-transition: all 0.2s linear;
  293. transition: all 0.2s linear;}
  294. .tags a {color:{color:text};text-transform:uppercase;}
  295.  
  296. .tags a:hover {color:{color:link hover};text-transform:uppercase;}
  297.  
  298.  
  299. .info{
  300. background:{color:permalink bg};
  301. position:relative;
  302. padding:12px;
  303. margin-top:20px;
  304. margin-bottom:0px;
  305. text-transform:uppercase;
  306. letter-spacing:2px;
  307. color:{color:permalink};
  308. font-size:8.5px;
  309. line-height:100%;
  310. border-radius:5px;
  311. }
  312.  
  313. .info span{
  314. text-align:left;
  315. padding-left:-20px;
  316. text-transform:uppercase;
  317. margin-top:2px;
  318. padding-right:5px;
  319. }
  320.  
  321. .info rb{
  322. right:0%;
  323. position:absolute;
  324. padding-right:0px;
  325. margin-top:-1px;
  326. }
  327.  
  328. .info b{
  329. font-weight:900;
  330. color:{color:permalink};
  331. }
  332.  
  333. .info a{
  334. margin-left:0px;
  335. font-size:8.5px;
  336. color: {color:permalink};
  337. }
  338.  
  339.  
  340. /*----------------- CUSTOMIZATIONS -----------------*/
  341.  
  342.  
  343. #stats{
  344. font-family:"tokyo";
  345. font-size:10px;
  346. position:fixed;
  347. margin-top:440px;
  348. margin-left:25px;
  349. color:{color:text};
  350. padding:5px 5px 8px 5px;
  351. width:300px;
  352. text-align:left;
  353. word-spacing:0px;
  354. font-weight:400;
  355. height:9px;
  356. z-index:9999999999999999999999999999999;
  357. overflow:hidden;
  358. }
  359.  
  360. #stats a{
  361. color:{color:text};
  362. }
  363.  
  364. @import "compass/css3";
  365.  
  366. .wave{
  367. width: 550px;
  368. position: absolute;
  369. height: 550px;
  370. transform:rotate(12deg);
  371. margin-top:-25px;
  372. }
  373.  
  374. .wavefill{
  375. fill:{color:accent};
  376. }
  377.  
  378. body {
  379. padding: 20px;
  380. }
  381.  
  382. #wave{
  383. margin-left:140px;
  384. margin-top:-30px;
  385. width: 510px;
  386. height:510px;
  387. overflow: hidden;
  388. position:absolute;
  389. }
  390.  
  391. .sideimage {position:fixed;z-index:9999; width:200px; height:500px;margin-left:360px; margin-top:-20px; border-radius:0px 0px 10px 0px;}
  392.  
  393. .sideimage img {width:auto; height:500px; position:fixed; border-radius:0px 0px 10px 0px;}
  394.  
  395. #sidebar { width:210px; height:510px; position: fixed; margin-top:-30px; margin-left:350px; overflow:hidden; border-radius:0px 10px 10px 0px;}
  396.  
  397. .sidebar {font-family:"mont";
  398. -webkit-text-stroke: 1px {color:sidebar text};
  399. -webkit-text-fill-color: rgba(0, 0, 0, 0); font-size:42px; width:210px; height:330px; text-align:justify; line-height:110%; margin-top:3px; margin-left:15px; word-spacing:-10px; text-transform:uppercase; }
  400.  
  401.  
  402. /*----------------- NAVIGATION & PAGINATION -----------------*/
  403.  
  404. .tabs{
  405. width:200px;
  406. font-size:15px;
  407. z-index:99999999999999999;
  408. position:fixed;
  409. text-transform:uppercase;
  410. margin-left:2px;
  411. text-align:center;
  412. margin-top:-17px;
  413. letter-spacing:3px;
  414. line-height:100%;
  415. word-spacing:10px;
  416. }
  417.  
  418. .tabs a{
  419. color:{color:text};
  420. width:30px;
  421. height:30px;
  422. padding:0px;
  423. display:inline-block;
  424. border-radius:5px;
  425. }
  426.  
  427. .tabs span{
  428. padding:5px;
  429. padding-top:8px;
  430. padding-right:2.5px;
  431. }
  432.  
  433. .tabs a:hover{
  434. font-size:14px;
  435. background-color:{color:bold};
  436. color:{color:posts};
  437. border-radius:50%;
  438. }
  439.  
  440. #pagination {
  441. font-family: 'roboto', sans-serif;
  442. font-size:10px;
  443. font-weight:900;
  444. width:400px;
  445. color:{color:accent};
  446. margin-left:0px;
  447. text-align:center;
  448. }
  449.  
  450. #pagination a{
  451. display:inline-block;
  452. color:{color:link};
  453. padding:7px 10px 5px 10px;
  454. background-color:{color:posts};
  455. }
  456.  
  457. #pagination a:hover{
  458. color:{color:pagination Hover};}
  459.  
  460.  
  461.  
  462. /*----------------- ASK POSTS -----------------*/
  463.  
  464. .qt {
  465. padding:15px;
  466. background-color:transparent;
  467. border: 1px solid {color:borders};
  468. color:{color:text};
  469. padding-left:15px;
  470. margin-top:10px;
  471. margin-left:0px;
  472. width:320px;
  473. padding-bottom:20px;
  474. margin-bottom:20px;
  475. padding-top:20px;
  476. border-radius:10px;
  477. }
  478.  
  479. .as img {
  480. position:absolute;
  481. border-radius:50px;
  482. margin-left:-40px;
  483. margin-right:40px;
  484. margin-top:-5px;
  485. border:3px solid {color:accent};
  486. }
  487.  
  488. .as {
  489. padding-top:6px;
  490. background-color:{color:posts};
  491. padding:5px;
  492. color:{color:accent};
  493. font-size:16px;
  494. letter-spacing:1px;
  495. margin-left:30%;
  496. margin-top:-35px;
  497. display:inline;
  498. width:auto;
  499. position:absolute;
  500. margin-bottom:10px;
  501. text-transform:uppercase;
  502. font-family:"mont";
  503. }
  504.  
  505. .as a{
  506. color:{color:accent};
  507. }
  508.  
  509. /*----------------- CHAT POSTS -----------------*/
  510.  
  511. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:{color:container};color:{color:text};left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:container};border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:{color:background};color:{color:text}}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:background};border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  512. .asked p {
  513. text-align: left;
  514. margin: 0 0px 10px 0px;
  515. padding: 0;
  516. color:{color:text};
  517. font-size: 12px;
  518. line-height: 0px;
  519. }
  520. .footerright .viasrc {
  521. float: left;
  522. }
  523. .asked a {
  524. margin:0;padding:0;
  525. }
  526. .user_4{background-color:{color:container};color{color:text}}.user_4::after{border-color:{color:container}}.user_6{background-color:{color:container};color{color:text}}.user_6::after{border-color:{color:container}}.user_5{background-color:{color:background};color:{color:text}}.user_5::after{border-color:{color:link}}.user_3{background-color:{color:container};color{color:text}}.user_3::after{border-color:{color:container}}.user_7{background-color:{color:container};color{color:text}}.user_7::after{border-color:{color:container}}.user_8{background-color:{color:container};color{color:text}}.user_8::after{border-color:{color:container}}.user_9{background-color:{color:container};color{color:text}}.user_9::after{border-color:{color:container}}
  527. .convo {
  528. overflow: hidden;
  529. list-style-type: none;
  530. padding: 0;
  531. margin: 0;
  532. }
  533.  
  534. /*----------------- PERMALINK PAGE -----------------*/
  535. ol.notes {
  536. width:350px;
  537. padding: 0px;
  538. margin: 0px 0px;
  539. list-style-type: none;
  540. margin-left:5px;
  541. margin-top:-10px;
  542. font-size:9px;}
  543.  
  544. ol.notes li.note {
  545. padding: 10px;
  546. }
  547.  
  548. ol.notes li.note img.avatar {
  549. vertical-align: -4px;
  550. margin-right: 10px;
  551. width: 16px;
  552. height: 16px;
  553. }
  554.  
  555. ol.notes li.note span.action {
  556. font-weight: bold;
  557. }
  558.  
  559. ol.notes li.note .answer_content {
  560. font-weight: normal;
  561. }
  562.  
  563. ol.notes li.note blockquote {
  564. border-color: {color:posts};
  565. padding: 4px 10px;
  566. margin: 10px 0px 0px 25px;
  567. }
  568.  
  569. ol.notes li.note blockquote a {
  570. text-decoration: none;}
  571.  
  572.  
  573. /*----------------- TABS STYLING -----------------*/
  574.  
  575. .tabcontent {
  576. margin: auto;
  577. left:-300px;
  578. top:0px;
  579. bottom:0px;
  580. right:0px;
  581. position:absolute;
  582. width:400px;
  583. height:400px;
  584. color:{color:text};
  585. z-index:999;
  586. -webkit-animation: fadeEffect 0.7s;
  587. animation: fadeEffect 0.7s;
  588. border-radius:10px;
  589. }
  590.  
  591.  
  592. @-webkit-keyframes fadeEffect {
  593. from {opacity: 0;}
  594. to {opacity: .9;}
  595. }
  596.  
  597. @keyframes fadeEffect {
  598. from {opacity: 0;}
  599. to {opacity: .9;}
  600. }
  601.  
  602.  
  603.  
  604. .tabsclose {
  605. font-size:10px;
  606. padding:3px;
  607. color:{color:accent};
  608. margin-top:-13px;
  609. margin-right:-5px;
  610. float:right;
  611. }
  612.  
  613. .tabsclose:hover {
  614. cursor:pointer;
  615. }
  616.  
  617. #tabsub{
  618. margin-top:210px;
  619. color:{color:text};
  620. font-family:"mont";
  621. text-align:left;
  622. padding:0px;
  623. font-size:30px;
  624. width:270px;
  625. height:52px;
  626. margin-left:110px;
  627. line-height:80%;
  628. overflow:hidden;
  629. position:fixed;
  630. text-transform:uppercase;
  631. }
  632.  
  633. #tabdesc{
  634. margin-top:10px;
  635. margin-left:110px;
  636. width:250px;
  637. height:147px;
  638. background-color:{color:posts};
  639. color:{color:text};
  640. padding:15px;
  641. position:fixed;
  642. font-size:9px;
  643. overflow-y:auto;
  644. text-align:justify;
  645. line-height:150%;
  646. border-radius:10px;
  647. }
  648.  
  649. #tabdesc b{
  650. background-color:{color:permalink bg};
  651. color:{color:permalink};
  652. padding:3px;
  653. margin-right:5px;
  654. line-height:220%;
  655. font-size:8px;
  656. }
  657.  
  658. #tabdesc span{
  659. font-size:15px;
  660. font-family:"mont";
  661. color:{color:bold};
  662. float:left;
  663. padding:10px 5px 0px 0px;
  664. }
  665.  
  666. #tabdesc p{
  667. margin-top:5px;
  668. margin-bottom:-5px;
  669. }
  670.  
  671.  
  672. #tablink{
  673. position:fixed;
  674. width:280px;
  675. height:100px;
  676. margin-left:100px;
  677. margin-top:280px;
  678. z-index:999999999999999999999999999;
  679. text-align:left;
  680. }
  681.  
  682. #tablink a{
  683. background-color:{color:bold};
  684. color:{color:posts};
  685. width:50px;
  686. height:50px;
  687. padding:0px;
  688. display:inline-block;
  689. border-radius:50%;
  690. font-size:25px;
  691. margin:0px 5px 10px 5px;
  692. text-align:center;
  693. }
  694.  
  695. #tablink span{
  696. padding:5px;
  697. padding-top:11px;
  698. padding-right:5px;
  699. }
  700.  
  701. #tablink a:hover{
  702. border-radius:50%;
  703. background-color:{color:container};
  704. color:{color:text};
  705. }
  706.  
  707. #tabimage {
  708. width:100px;
  709. height:410px;
  710. margin-top:0px;
  711. position:fixed;
  712. margin-left:-30px;
  713. }
  714.  
  715. #tabimage img{
  716. width:auto;
  717. height:410px;
  718. }
  719.  
  720. #resourcecontainer{
  721. width:300px;
  722. height:200px;
  723. position:fixed;
  724. margin-left:110px;
  725. margin-top:50px;
  726. }
  727.  
  728. .messageblock{
  729. background-color:{color:posts};
  730. padding:15px;
  731. font-size:9px;
  732. font-family:'roboto';
  733. letter-spacing:1.5px;
  734. color:{color:text};
  735. line-height:150%;
  736. width:370px;
  737. margin-left:0px;
  738. text-align:justify;
  739. margin-top:-10px;
  740. position:relative;
  741. border-radius:10px;
  742. }
  743.  
  744.  
  745. /*----------------- CREDITS / DO NOT TOUCH! -----------------*/
  746. #credits{
  747. position:fixed;
  748. bottom:0px;
  749. right:10px;
  750. width:35px;
  751. height:35px;
  752. text-align:center;
  753. }
  754.  
  755. #credits a{
  756. font-weight:bold;
  757. font-family:"mont";
  758. font-size:24px;
  759. -webkit-text-fill-color: {color:accent};
  760. }
  761.  
  762. #credits a:hover{
  763. font-family:"mont";
  764. -webkit-text-stroke: 1px {color:accent};
  765. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  766. }
  767.  
  768. {CustomCSS}
  769. </style>
  770.  
  771. <link rel="shortcut icon" href="{Favicon}">
  772. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  773.  
  774.  
  775. </head>
  776.  
  777. <body>
  778.  
  779.  
  780. <!-------------------------------POSTS------------------------------->
  781. <div id="tabsDefault" class="tabcontent" style="overflow:auto;">
  782. {block:Posts}
  783.  
  784. <div id="post">
  785.  
  786. {block:text}
  787. {block:Title}
  788. <div class="posttitle">{Title}</div>
  789. {/block:Title}
  790. {Body}
  791. {/block:text}
  792.  
  793. {block:Link}
  794. <div class="posttitle">
  795. <a href="{URL}">{Name}</a>
  796. </div>
  797. {block:Description}{Description}{/block:Description}
  798. {/block:Link}
  799.  
  800. {block:Photo}
  801. <center>
  802. {LinkOpenTag}
  803. <a href="{permalink}">
  804. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="350"></a>
  805. {LinkCloseTag}
  806. </center>
  807. {block:Caption}{Caption}{/block:Caption}
  808. {block:ContentSource}
  809. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  810. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  811. {/block:SourceLogo}
  812. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  813. {/block:ContentSource}
  814. {block:ReblogParentURL}
  815. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  816. {/block:ReblogParentURL}
  817. {/block:Photo}
  818.  
  819. {block:Photoset}
  820. <div style="z-index:99999999999999999999;">{Photoset}</div>
  821. {block:Caption}{Caption}{/block:Caption}
  822. {/block:Photoset}
  823.  
  824. {block:Quote}
  825. <h1>{Quote}</h1>
  826. {block:Source}
  827. <center>- {Source}</center>
  828. {/block:Source}
  829. {/block:Quote}
  830.  
  831. {block:Chat}
  832. {block:Title}
  833. <h1>{Title}</h1>{/block:Title}<br>
  834. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  835. {Line}</li>{/block:Lines}</ul>
  836. {/block:Chat}
  837.  
  838. {block:Audio}
  839. {block:AlbumArt}
  840. <img src="{AlbumArtURL}" width="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  841. <span class="audio">{AudioPlayerGrey}<br></span>
  842. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  843. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  844. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  845. {block:Caption}{Caption}{/block:Caption}
  846. {/block:Audio}
  847.  
  848. {block:Video}
  849. <div class="video">{Video-500}</div>
  850. {block:Caption}{Caption}{/block:Caption}
  851. {/block:Video}
  852.  
  853. {block:Answer}
  854. <div class="pt"></div>
  855. <div class="qt">{Question}</div>
  856. <div class="as"><img src="{AskerPortraitURL-24}">{Asker}</div>
  857. {Answer}{/block:Answer}
  858.  
  859.  
  860. {block:IndexPage}
  861. <div class="info">
  862. {block:Date}
  863. <span><a href="{Permalink}" title="{TimeAgo}">
  864. <b>{Month} {DayOfMonthWithZero}</b></a>
  865. {block:NoteCount}with
  866. <b><a href="{Permalink}">{NoteCountWithLabel}</b></a>{/block:NoteCount}</span>
  867. {/block:Date}
  868. <rb>
  869. <span>
  870.  
  871. {block:RebloggedFrom}
  872. <a href="{reblogparenturl}" title="via"><span class="th th-share-o"></span></a>{/block:RebloggedFrom}
  873.  
  874. {block:ContentSource}
  875. <a href="{SourceURL}" title="source"><span class="th th-push-pin-o"></span></a>{/block:ContentSource}
  876.  
  877. <a href="{ReblogURL}" title="reblog" target="_blank" class="reblog"><span class="th th-reload"></span></a></span></rb>
  878. </div>
  879.  
  880. <div class="tags">{block:HasTags}
  881. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  882. {/block:Tags}
  883. {/block:HasTags}</div>
  884. {/block:IndexPage}
  885.  
  886.  
  887. {block:PermalinkPage}
  888. <div class="info">
  889. {block:Date}<span>
  890. <a href="{Permalink}">
  891. <b>{Month} {DayOfMonthWithZero}</b></a> with <b><a href="{Permalink}">{NoteCountWithLabel}</b></a></span>
  892. {/block:Date}
  893. <span>
  894. </span>
  895. </div>
  896.  
  897. <div class="tags">{block:HasTags}
  898. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  899. {/block:Tags}
  900. {/block:HasTags}</div>
  901. {/block:PermalinkPage}
  902.  
  903.  
  904. </div><!----POST END---->
  905.  
  906. {block:PostNotes}
  907. {PostNotes}
  908. {/block:PostNotes}
  909. {/block:Posts}
  910.  
  911. {block:Pagination}
  912. <div id="pagination">
  913. <div style="margin-top:50px;margin-bottom:10px;">
  914. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page"><span class="th th-chevron-left"></span></a>{/block:PreviousPage}
  915. {block:JumpPagination length="3"}
  916. {block:CurrentPage}<a><span class="current_page">{PageNumber}</span></a>{/block:CurrentPage}
  917. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  918. {block:NextPage}<a href="{NextPage}" class="jump_page"><span class="th th-chevron-right"></span></a>{/block:NextPage}
  919. </div></div>
  920. {/block:Pagination}
  921. </div><!--END DEFAULT-->
  922.  
  923.  
  924. <!-------------------------------MESSAGE TAB------------------------------->
  925.  
  926. <div id="tabsMessage" class="tabcontent" style="display:none; overflow:auto;">
  927.  
  928. <div style="margin-top:-15px;"></div>
  929.  
  930. <h3 style="text-align:left;">QUESTION HERE</h3>
  931. <div class="messageblock">this is an answer to the frequently asked question. this can be as long or as short as you want! </div>
  932.  
  933. <p><iframe frameborder="0" scrolling="no" width="100%" height="170" src="https://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  934. </div><!--END MESSAGE-->
  935.  
  936.  
  937.  
  938.  
  939. <!-----------------------------NAVIGATION TAB----------------------------->
  940. <div id="tabsNavigate" class="tabcontent" style="display:none">
  941.  
  942.  
  943. <div id="tabimage"><img src="{image:tabimage}"></div>
  944.  
  945. <div id="tabsub">{text:tab subtitle}</div>
  946.  
  947.  
  948. <div id="tabdesc">
  949. <span>RULES</span>
  950. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet odio eget lacinia vestibulum. Aenean diam dui, sollicitudin sit amet efficitur ut, auctor tempor orci.</p>
  951.  
  952. <br/><span>WHAT I DO</span>
  953. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet odio eget lacinia vestibulum. Aenean diam dui, sollicitudin sit amet efficitur ut, auctor tempor orci.</p>
  954.  
  955. <br/><span>PLOT</span>
  956. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet odio eget lacinia vestibulum. Aenean diam dui, sollicitudin sit amet efficitur ut, auctor tempor orci.</p>
  957. </div>
  958.  
  959. <!--TAB LINKS-->
  960. <div id="tablink">
  961. <a href="{text:tablink url1}" title="{text:tablink title1}"><span class="th th-star-o"></span></a>
  962. <a href="{text:tablink url2}" title="{text:tablink title2}"><span class="th th-confetti-o"></span></a>
  963. <a href="{text:tablink url3}" title="{text:tablink title3}"><span class="th th-folder-3-o"></span></a>
  964. <a href="{text:tablink url4}" title="{text:tablink title4}"><span class="th th-cloud-3-o"></span></a>
  965. <a href="{text:tablink url5}" title="{text:tablink title5}"><span class="th th-paperclip"></span></a>
  966. <a href="{text:tablink url6}" title="{text:tablink title6}"><span class="th th-diamond-o"></span></a>
  967. <a href="{text:tablink url7}" title="{text:tablink title7}"><span class="th th-users-o"></span></a>
  968. <a href="{text:tablink url8}" title="{text:tablink title8}"><span class="th th-list-o"></span></a>
  969. </div>
  970. </div><!--END NAVIGATION-->
  971.  
  972.  
  973.  
  974. <!-------------------------------CONTAINER------------------------------->
  975. <div id="entries">
  976.  
  977. <div id="wave">
  978. <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 496.88 599.63" xml:space="preserve" class="wave">
  979. <path class="wavefill" d="M141.09.43c-40.93,54.16-46.63,129.3-27.29,194.38s60.89,121.4,107.45,170.8c28.34,30.07,59.23,58.67,79.33,94.78a196.54,196.54,0,0,1,19.34,139.24l280.08,0V0Z" transform="translate(-103.12)"/>
  980. </svg>
  981. </div>
  982.  
  983. <div class="tabs">
  984. <a href="#" class="tablink tabsact" onclick="openCity(event, 'tabsDefault');"><span class="th th-home-o"></span></a>
  985.  
  986. <a href="#" class="tablink tabsact" onclick="openCity(event, 'tabsMessage');"><span class="th th-chat-bubble-o"></span></a>
  987.  
  988. <a href="#" class="tablink tabsact" onclick="openCity(event, 'tabsNavigate');"><span class="th th-worldwide-o"></span></a>
  989.  
  990. <a href="{text:side link url}"><span class="th th-heart-1-o" title="{text:side link title}"></span></a>
  991. </div>
  992.  
  993. <div class="sideimage"><img src="{image:sidebar}" draggable="false"></div>
  994.  
  995. <div id="stats">{text:stats}</div>
  996.  
  997. <div id="sidebar">
  998. <div class="sidebar">{text:sidebar text}
  999. </div>
  1000. </div>
  1001.  
  1002.  
  1003. </div><!----ENTRIES END---->
  1004. </div>
  1005.  
  1006. <div id="credits">
  1007. <a href="https://drunkblushed.tumblr.com/" title="theme by drunkblushed">DB.</a></div>
  1008.  
  1009.  
  1010. </body>
  1011.  
  1012. <script>
  1013. function openCity(evt, cityName) {
  1014. var i, tabcontent, tablinks;
  1015. tabcontent = document.getElementsByClassName("tabcontent");
  1016. for (i = 0; i < tabcontent.length; i++) {
  1017. tabcontent[i].style.display = "none";
  1018. }
  1019. tablinks = document.getElementsByClassName("tablinks");
  1020. for (i = 0; i < tablinks.length; i++) {
  1021. tablinks[i].className = tablinks[i].className.replace(" active", "");
  1022. }
  1023. document.getElementById(cityName).style.display = "block";
  1024. evt.currentTarget.className += " active";
  1025. }
  1026.  
  1027. // Get the element with id="defaultOpen" and click on it
  1028. document.getElementById("defaultOpen").click();
  1029. </script>
  1030.  
  1031. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!