API tools faq
paste
drunkblushed

because i had you by drunkblushed

drunkblushed
Oct 22nd, 2019 (edited)
4,303
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.33 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ♡ BECAUSE I HAD YOU 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" content="#3c3c3c"/>
  27. <meta name="color:sidebar text" content="#3c3c3c"/>
  28. <meta name="color:link" content="#93ad9d"/>
  29. <meta name="color:permalink" content="#3c3c3c"/>
  30. <meta name="color:permalink bg" content="#93ad9d"/>
  31.  
  32. <meta name="image:sidebar" content="https://via.placeholder.com/220x290"/>
  33. <meta name="image:sidebar bg" content="https://via.placeholder.com/300x450"/>
  34. <meta name="image:tab image" content="https://via.placeholder.com/110x110"/>
  35.  
  36. <meta name="if:sidebg" content="0"/>
  37. <meta name="if:muse tab" content="0"/>
  38.  
  39. <meta name="text:main title" content="LOREM IPSUM" />
  40. <meta name="text:subtitle" content="Lorem ipsum dolor sit amet, consectetur"/>
  41. <meta name="text:tab subtitle" content="Vivamus non vestibulum nibh eu dapibus" />
  42. <meta name="text:stats" content"name. age. tz. counter." />
  43. <meta name="text:extra link title" content="" />
  44. <meta name="text:extra link url" content="" />
  45.  
  46.  
  47.  
  48.  
  49. <title>{title}</title>
  50.  
  51. <link href="https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap" rel="stylesheet">
  52.  
  53. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  54.  
  55. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56.  
  57. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  58. <script>
  59. (function($){
  60. $(document).ready(function(){
  61. $("[title]").style_my_tooltips();
  62. });
  63. })(jQuery);
  64. </script>
  65.  
  66. <style type="text/css">
  67.  
  68. @font-face { font-family:"tokyoreg"; src: url('https://dl.dropbox.com/s/jgq18n62iha87v6/Tokyo-Regular.ttf'); }
  69. @font-face { font-family: "primetime"; src: url('https://dl.dropboxusercontent.com/s/uzoszwd2yfzqmmx/PRIMETIME.ttf');}
  70. @font-face { font-family: "collection"; src: url('https://dl.dropboxusercontent.com/s/tqf0kl9l003lk76/CollectionFree.otf') ;}
  71. @font-face { font-family: "tbv"; src: url('https://dl.dropboxusercontent.com/s/y5etshmjzbq2r3p/Taken%20by%20Vultures%20Alternates%20Demo.otf') ;}
  72. @font-face { font-family: "tbv2"; src: url('https://dl.dropboxusercontent.com/s/sh5eu2dtonzzcug/Taken%20by%20Vultures%20Demo.otf') ;}
  73.  
  74.  
  75. body{
  76. background-color: {color:background};
  77. font-family: 'roboto', sans-serif;
  78. color:{color:text};
  79. letter-spacing:1px;
  80. line-height:110%px;
  81. }
  82.  
  83. /*----------------- TEXT STYLES -----------------*/
  84.  
  85. a:link, a:active, a:visited{
  86. color: {color:Link};
  87. text-decoration:none;
  88. -webkit-transition: all 0.2s linear;
  89. -moz-transition: all 0.2s linear;
  90. transition: all 0.2s linear;
  91. }
  92.  
  93. a:hover {
  94. color:{color:Link Hover};
  95. -webkit-transition: all 0.2s linear;
  96. -moz-transition: all 0.2s linear;
  97. transition: all 0.2s linear;
  98. }
  99.  
  100. b,bold,strong{
  101. color:{color:bold};
  102. text-transform:uppercase;
  103. }
  104.  
  105. em,i,italic{
  106. color:{color:italic};
  107. }
  108.  
  109. big{font-size:15px;font-family: 'roboto', sans-serif;}
  110.  
  111. small,sup, sub{
  112. font-size:9px;
  113. }
  114.  
  115. h1{font-family: "primetime";
  116. letter-spacing:1px;
  117. padding:5px;
  118. text-align:left;
  119. font-size: 20px;
  120. text-transform:uppercase;
  121. line-height: 120%;
  122. color:{color:accent};}
  123.  
  124. h2{font-family: "primetime";
  125. letter-spacing:1px;
  126. padding:5px;
  127. text-align:center;
  128. font-size: 22px;
  129. text-transform:uppercase;
  130. line-height: 120%;
  131. color:{color:link};}
  132.  
  133. .posttitle{
  134. font-family: "primetime";
  135. letter-spacing:1px;
  136. padding:5px;
  137. text-align:center;
  138. font-size: 30px;
  139. text-transform:uppercase;
  140. line-height: 120%;
  141. -webkit-text-stroke: 1.5px {color:accent};
  142. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  143. }
  144.  
  145. blockquote{
  146. margin-left:0px;
  147. padding-left:15px;
  148. border-left: 1px solid {color:borders};
  149. width:95%;
  150. }
  151.  
  152.  
  153. .p { padding-top: 5px;}
  154. .ol, ul { margin-left: 30px; padding: 5px; }
  155. .ul { list-style-type: square; }
  156.  
  157. ::-webkit-scrollbar-thumb {
  158. display: none;
  159. }
  160.  
  161. ::-webkit-scrollbar {
  162. display: none;
  163. }
  164.  
  165. #s-m-t-tooltip {
  166. z-index: 999999999999999999;
  167. background: #fff;
  168. font-size: 8px;
  169. line-height: 13px;
  170. letter-spacing: 1.5px;
  171. text-transform: uppercase;
  172. color: {color:text};
  173. font-weight:900;
  174. background-color:{color:posts};
  175. border:1px solid {color:borders};
  176. max-width: 150px;
  177. word-wrap: break-word;
  178. padding: 2px 5px 2px 6px;
  179. display: block;
  180. margin: 24px 14px 7px 12px;
  181. -webkit-transition:.3s;
  182. -moz-transition:.3s;
  183. }
  184.  
  185. /*----------------- CONTAINERS & POSTS -----------------*/
  186.  
  187. #bigcont{
  188. margin: auto;
  189. left:0px;
  190. top:0px;
  191. bottom:0px;
  192. right:0px;
  193. }
  194.  
  195. #entries{
  196. padding:30px;
  197. z-index:99;
  198. margin: auto;
  199. left:0px;
  200. top:25px;
  201. bottom:0px;
  202. right:0px;
  203. width:650px;
  204. position:absolute;
  205. height:390px;
  206. overflow-y:scroll;
  207. background-color:{color:container};
  208. overflow-x:hidden;
  209. border:1px solid {color:borders};
  210. }
  211.  
  212.  
  213. #post {
  214. font-size:9px;
  215. background-color:{color:posts};
  216. padding:25px;
  217. width:300px;z-index:99;
  218. margin-top:40px;
  219. margin-bottom:10px;
  220. margin-left:300px;
  221. line-height:160%;
  222. letter-spacing:1px;
  223. border:1px solid {color:borders};
  224. }
  225.  
  226. #post .tags {position:relative;
  227. text-align:left;
  228. color:{color:link};
  229. padding:8px;
  230. font-size:6.5px;
  231. letter-spacing:2px;
  232. font-family: 'roboto', sans-serif;
  233. text-transform:uppercase;
  234. -webkit-transition: all 0.2s linear;
  235. -moz-transition: all 0.2s linear;
  236. transition: all 0.2s linear;
  237. margin-bottom:-20px;
  238. margin-top:5px;
  239. margin-left:-8px;
  240. }
  241.  
  242. #post .tags a{
  243. color:{color:link};
  244. }
  245.  
  246. #post img{
  247. max-width:300px;
  248. height:auto;
  249. }
  250.  
  251.  
  252. #post:hover .tags {position:relative;
  253. text-align:left;opacity:1;
  254. color:{color:link};
  255. padding:8px; width:auto;
  256. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  257. -moz-transition: all 0.2s linear;
  258. transition: all 0.2s linear;}
  259. .tags a {color:{color:text};text-transform:uppercase;}
  260.  
  261. .tags a:hover {color:{color:link hover};text-transform:uppercase;}
  262.  
  263.  
  264. .info{
  265. background:{color:permalink bg};
  266. position:relative;
  267. padding:12px;
  268. margin-top:20px;
  269. margin-bottom:0px;
  270. text-transform:uppercase;
  271. letter-spacing:2px;
  272. color:{color:permalink};
  273. font-size:8.5px;
  274. line-height:100%;
  275. }
  276.  
  277. .info span{
  278. text-align:left;
  279. padding-left:-20px;
  280. text-transform:uppercase;
  281. margin-top:2px;
  282. padding-right:5px;
  283. }
  284.  
  285. .info rb{
  286. right:0%;
  287. position:absolute;
  288. padding-right:0px;
  289. margin-top:-1px;
  290. }
  291.  
  292. .info b{
  293. font-weight:900;
  294. color:{color:permalink};
  295. }
  296.  
  297. .info a{
  298. margin-left:0px;
  299. font-size:8.5px;
  300. color: {color:permalink};
  301. }
  302.  
  303.  
  304. /*----------------- CUSTOMIZATIONS -----------------*/
  305.  
  306. #maintitle{
  307. font-family:"primetime";
  308. font-size:48px;
  309. position:fixed;
  310. margin-top:-105px;
  311. margin-left:-30px;
  312. -webkit-text-stroke: 1.5px {color:bold};
  313. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  314. max-width:530px;
  315. text-align:left;
  316. word-spacing:-3px;
  317. }
  318.  
  319. #maintitle span{
  320. -webkit-text-fill-color: {color:bold};
  321. }
  322.  
  323. #stats{
  324. font-family:"roboto";
  325. font-size:9px;
  326. position:fixed;
  327. margin-top:-70px;
  328. margin-left:510px;
  329. color:{color:link};
  330. max-width:200px;
  331. text-align:right;
  332. word-spacing:0px;
  333. font-weight:400;
  334. font-style:italic;
  335. width:170px;
  336. }
  337.  
  338. .sideimage {position:fixed;z-index:99999999; width:220px; height:290px;margin-left:10px; margin-top:35px;}
  339.  
  340. .sideimage img {width:220px; height:290px; position:fixed;}
  341.  
  342. #sidebar {background:{color:sidebar}; width:300px; height:450px; position: fixed; margin-top:-30px; margin-left:-30px; overflow:hidden; {block:IfSidebg}background:url('{image:sidebar bg}'); {/block:IfSidebg}}
  343.  
  344. .sidebar {color:{color:sidebar text}; font-family:"tbv"; font-size:66px; transform:rotate(-7deg); width:330px; height:330px; text-align:justify; line-height:80%; margin-top:-10px; margin-left:-20px; text-transform:lowercase; word-spacing:-4px; }
  345.  
  346. #sidebg {background-color:{color:accent}; width:220px; height:260px; margin-top:-225px; margin-left:40px; position:fixed;}
  347.  
  348.  
  349. /*----------------- NAVIGATION & PAGINATION -----------------*/
  350.  
  351. .tabz{
  352. width:380px;
  353. height:10px;
  354. font-size:9.5px;
  355. z-index:99999999999999999;
  356. position:fixed;
  357. text-transform:uppercase;
  358. margin-left:270px;
  359. text-align:center;
  360. font-family:"tokyoreg";
  361. margin-top:-30px;
  362. padding:15px;
  363. letter-spacing:3px;
  364. line-height:110%;
  365. color:{color:accent};
  366. background-color:{color:posts};
  367. }
  368.  
  369. .tabz a{
  370. color:{color:bold};
  371. padding:15px;
  372. }
  373.  
  374. .tabz a:hover{
  375. padding-bottom:13px;
  376. border-bottom:2px solid {color:bold};
  377. }
  378.  
  379. #pagination {
  380. font-family: 'roboto', sans-serif;
  381. font-size:10px;
  382. font-weight:900;
  383. width:350px;
  384. color:{color:accent};
  385. margin-left:300px;
  386. text-align:center;
  387. }
  388.  
  389. #pagination a{
  390. display:inline-block;
  391. color:{color:link};
  392. padding:7px 10px 5px 10px;
  393. background-color:{color:posts};
  394. }
  395.  
  396. #pagination a:hover{
  397. color:{color:pagination Hover};}
  398.  
  399.  
  400.  
  401. /*----------------- ASK POSTS -----------------*/
  402.  
  403. .qt {
  404. padding:15px;
  405. background-color:transparent;
  406. border: 1px solid {color:borders};
  407. color:{color:text};
  408. padding-left:15px;
  409. margin-top:10px;
  410. margin-left:0px;
  411. width:270px;
  412. padding-bottom:20px;
  413. margin-bottom:20px;
  414. padding-top:20px;
  415. }
  416.  
  417. .as img {
  418. position:absolute;
  419. border-radius:50px;
  420. margin-left:-40px;
  421. margin-right:40px;
  422. margin-top:-5px;
  423. border:3px solid {color:accent};
  424. }
  425.  
  426. .as {
  427. padding-top:6px;
  428. background-color:{color:posts};
  429. padding:5px;
  430. color:{color:accent};
  431. font-size:16px;
  432. letter-spacing:1px;
  433. margin-left:14%;
  434. margin-top:-35px;
  435. display:inline;
  436. width:auto;
  437. position:absolute;
  438. margin-bottom:10px;
  439. text-transform:lowercase;
  440. font-family:"primetime";
  441. }
  442.  
  443. .as a{
  444. color:{color:accent};
  445. }
  446.  
  447. /*----------------- CHAT POSTS -----------------*/
  448.  
  449. .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:link};color:#000}.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:link};border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  450. .asked p {
  451. text-align: left;
  452. margin: 0 0px 10px 0px;
  453. padding: 0;
  454. color:{color:text};
  455. font-size: 12px;
  456. line-height: 0px;
  457. }
  458. .footerright .viasrc {
  459. float: left;
  460. }
  461. .asked a {
  462. margin:0;padding:0;
  463. }
  464. .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:link};color:#000}.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}}
  465. .convo {
  466. overflow: hidden;
  467. list-style-type: none;
  468. padding: 0;
  469. margin: 0;
  470. }
  471.  
  472. /*----------------- PERMALINK PAGE -----------------*/
  473. ol.notes {
  474. width:350px;
  475. padding: 0px;
  476. margin: 0px 0px;
  477. list-style-type: none;
  478. margin-left:305px;
  479. margin-top:-10px;
  480. font-size:9px;}
  481.  
  482. ol.notes li.note {
  483. padding: 10px;
  484. }
  485.  
  486. ol.notes li.note img.avatar {
  487. vertical-align: -4px;
  488. margin-right: 10px;
  489. width: 16px;
  490. height: 16px;
  491. }
  492.  
  493. ol.notes li.note span.action {
  494. font-weight: bold;
  495. }
  496.  
  497. ol.notes li.note .answer_content {
  498. font-weight: normal;
  499. }
  500.  
  501. ol.notes li.note blockquote {
  502. border-color: {color:posts};
  503. padding: 4px 10px;
  504. margin: 10px 0px 0px 25px;
  505. }
  506.  
  507. ol.notes li.note blockquote a {
  508. text-decoration: none;}
  509.  
  510. /*----------------- TABS BASE CODE BY NCIGHBOURHOOD -----------------*/
  511.  
  512.  
  513. .tabzcon { /* tablinks content aka the box under the tablinks */
  514. margin: auto;
  515. left:300px;
  516. top:64px;
  517. bottom:0px;
  518. right:0px;
  519. padding:30px;
  520. position:absolute;
  521. width:350px;
  522. height:351px;
  523. background-color:{color:container};
  524. color:#6c4b45;
  525. z-index:99999999999999999999999999999999999999999999999999;
  526. }
  527.  
  528.  
  529. .tabzclose { /* the close button, u prob dont need to touch this */
  530. font-size:10px;
  531. padding:3px;
  532. color:{color:accent};
  533. margin-top:-13px;
  534. margin-right:-5px;
  535. float:right;
  536. }
  537.  
  538. .tabzclose:hover {
  539. cursor:pointer;
  540. }
  541.  
  542.  
  543. /*----------------- TABS STYLING -----------------*/
  544. #tabsub{
  545. margin-top:-175px;
  546. margin-bottom:-10px;
  547. color:{color:text};
  548. font-family:"tbv2";
  549. text-align:justify;
  550. padding:10px;
  551. font-size:50px;
  552. width:150px;
  553. height:150px;
  554. margin-left:180px;
  555. line-height:80%;
  556. overflow:hidden;
  557. position:absolute;
  558. display:inline-block;
  559. transform:rotate(-1deg);
  560. }
  561.  
  562. .tabdesc{
  563. margin-top:20px;
  564. width:145px;
  565. height:130px;
  566. padding:15px;
  567. background-color:{color:container};
  568. color:{color:text};
  569. position:fixed;
  570. font-size:9px;
  571. overflow-y:auto;
  572. line-height:150%;
  573. position:absolute;
  574. display:inline-block;
  575. margin-left:-5px;
  576. text-align:justify;
  577. }
  578.  
  579. #tablink{
  580. width:125px;
  581. height:125px;
  582. padding:15px;
  583. text-align:left;
  584. margin-left:195px;
  585. margin-top:30px;
  586. position:absolute;display:inline-block;
  587. background-color:{color:posts};
  588. text-align:center;
  589. }
  590.  
  591. #tablink a{
  592. padding:11px;
  593. font-size:16px;
  594. font-family:"primetime";
  595. padding-left:10px;
  596. color:{color:bold};
  597. line-height:270%;
  598. -webkit-transition:.8s;
  599. -moz-transition:.8s;
  600. }
  601.  
  602. #tablink a:hover{
  603. -webkit-text-fill-color: {color:accent};
  604. -webkit-transition:.8s;
  605. -moz-transition:.8s;
  606. }
  607.  
  608. .tabimg img{
  609. width:110px;
  610. height:110px;
  611. background-color:{color:posts};
  612. margin-top:-10px;
  613. border:25px solid {color:posts};
  614. }
  615.  
  616. /*----------------- MUSE TAB -----------------*/
  617.  
  618. #muse{
  619. width:350px;
  620. overflow:none;
  621. height:80px;
  622. margin-bottom:29px;
  623. display:inline-block;
  624. }
  625.  
  626. #musetitle{
  627. font-size:40px;
  628. color:{color:bold};
  629. font-family:"primetime";
  630. text-align:center;
  631. margin-top:-30px;
  632. margin-bottom:22px;
  633. }
  634.  
  635. .musename{
  636. font-size:90px;
  637. font-family:"tbv";
  638. color:{color:accent};
  639. display: inline-block;
  640. margin-left:10px;
  641. margin-top:10px;
  642. width:200px;
  643. text-align:center;
  644. line-height:20%;
  645. position:absolute;
  646. }
  647.  
  648.  
  649. #musesubtitle{
  650. display: inline-block;
  651. width:200px;
  652. overflow:none;
  653. font-size:10px;
  654. text-transform:uppercase;
  655. font-family:"tokyoreg";
  656. text-align:center;
  657. margin-left:10px;
  658. color:{color:text};
  659. margin-top:35px;
  660. opacity:0.9;
  661. letter-spacing:2px;
  662. position:absolute;
  663. }
  664.  
  665.  
  666. #muselinks{
  667. width:200px;
  668. height:30px;
  669. margin-left:150px;
  670. margin-top:53px;
  671. margin-bottom:80px;
  672. position:absolute;
  673. display:block;
  674. text-align:Center;
  675. }
  676.  
  677. #muselinks a{
  678. color:{color:text};
  679. font-size:12px;
  680. padding-top:14px;
  681. padding:5px;
  682. opacity:0.9;
  683. }
  684.  
  685. .museimg img{
  686. width:120px;
  687. height:60px;
  688. float:left;
  689. margin-bottom:40px;
  690. border:10px solid {color:posts};
  691. display:block;
  692. }
  693.  
  694.  
  695. /*----------------- CREDITS / DO NOT TOUCH! -----------------*/
  696. #credits{
  697. position:fixed;
  698. bottom:0px;
  699. right:5px;
  700. width:35px;
  701. height:35px;
  702. text-align:center;
  703. }
  704.  
  705. #credits a{
  706. font-family:"primetime";
  707. font-size:18px;
  708. -webkit-text-stroke: 1px {color:accent};
  709. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  710. }
  711.  
  712. #credits a:hover{
  713. font-family:"primetime";
  714. -webkit-text-fill-color: {color:accent};
  715. }
  716.  
  717.  
  718. {CustomCSS}
  719. </style>
  720.  
  721. <link rel="shortcut icon" href="{Favicon}">
  722. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  723.  
  724.  
  725. </head>
  726.  
  727. <body>
  728.  
  729. <!--TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!-->
  730.  
  731.  
  732.  
  733. <div id="TabzOne" class="tabzcon alytut" style="display:none">
  734. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  735. <span class="th th-cross"></span></span>
  736. <div style="margin-bottom:10px;"></div>
  737.  
  738. <!--TAB SUBTITLES-->
  739. <div class="tabimg"><img src="{image:tab image}"></div>
  740.  
  741. <div id="tabsub">{text:tab subtitle}</div>
  742.  
  743. <!--TAB DESCRIPTION-->
  744. <div class="tabdesc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar velit tortor, nec pellentesque elit porta sed. Praesent a sodales est, a accumsan purus. Nulla finibus, augue nec pellentesque mollis, nulla risus dapibus est, a rutrum dui dui fermentum leo. Maecenas sapien dolor, venenatis vel sem ut, eleifend finibus risus. Quisque semper efficitur ante eget aliquam. Nullam et mollis erat. Vivamus ante massa, semper et gravida id, sollicitudin non dolor. </div>
  745.  
  746. <!--TAB LINKS-->
  747. <div id="tablink">
  748. <a href="/link" title="title"><span class="th th-heart-1-o"></span></a>
  749. <a href="/link" title="title"><span class="th th-chat-bubbles"></span></a>
  750. <a href="/link" title="title"><span class="th th-folder-2-o"></span></a>
  751. <a href="/link" title="title"><span class="th th-push-pin-o"></span></a>
  752. <a href="/link" title="title"><span class="th th-tea-o"></span></a>
  753. <a href="/link" title="title"><span class="th th-star-o"></span></a>
  754. <a href="/link" title="title"><span class="th th-cloud-3-o"></span></a>
  755. <a href="/link" title="title"><span class="th th-idea-o"></span></a>
  756. <a href="/link" title="title"><span class="th th-picture-o"></span></a>
  757. </div>
  758.  
  759. </div><!--END TAB ONE-->
  760.  
  761. {block:IfMuseTab}
  762. <!--MUSE TAB-->
  763. <div id="TabzTwo" class="tabzcon alytut" style="display:none; overflow:auto;">
  764. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  765. <span class="th th-cross"></span></span>
  766. <div style="margin-bottom:10px;"></div>
  767.  
  768. <!------------TAB SUBTITLES------------>
  769. <div id="musetitle">muses.</div>
  770.  
  771.  
  772. <!------------MUSE ONE------------>
  773. <div id="muse">
  774. <div class="museimg"><img src="https://66.media.tumblr.com/5b682d1adfc9a9cd0db5231fbdff321f/55607d7b28ac6079-54/s250x400/eef42405bc4dc66bd2181e8060bebfdef487d87a.png"></img></div>
  775.  
  776. <div class="musename">ethan</div>
  777.  
  778. <div id="musesubtitle">shawn mendes. 21. leo.</div>
  779.  
  780. <div id="muselinks">
  781. <a href="/"><span class="th th-heart-1-o" title="musings"></span></a>
  782. <a href="/"><span class="th th-quote-down-o" title="interactions"></span></a>
  783. <a href="/"><span class="th th-camera-o" title="visage"></span></a>
  784. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  785. <a href="/"><span class="th th-flash-o" title="active"></span></a>
  786. </div></div><!------------END MUSE ONE------------>
  787.  
  788.  
  789. <!------------MUSE TWO------------>
  790. <div id="muse">
  791. <div class="museimg"><img src="https://via.placeholder.com/120x60"></img></div>
  792.  
  793. <div class="musename">muse name</div>
  794.  
  795. <div id="musesubtitle">fc. age. label. statistic.</div>
  796.  
  797. <div id="muselinks">
  798. <a href="/"><span class="th th-heart-1-o" title="musings"></span></a>
  799. <a href="/"><span class="th th-quote-down-o" title="interactions"></span></a>
  800. <a href="/"><span class="th th-camera-o" title="visage"></span></a>
  801. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  802. <a href="/"><span class="th th-flash-o" title="active"></span></a>
  803. </div></div><!------------END MUSE TWO------------>
  804.  
  805. <!------------MUSE THREE ------------>
  806. <div id="muse">
  807. <div class="museimg"><img src="https://via.placeholder.com/120x60"></img></div>
  808.  
  809. <div class="musename">muse name</div>
  810.  
  811. <div id="musesubtitle">fc. age. label. statistic.</div>
  812.  
  813. <div id="muselinks">
  814. <a href="/"><span class="th th-heart-1-o" title="musings"></span></a>
  815. <a href="/"><span class="th th-quote-down-o" title="interactions"></span></a>
  816. <a href="/"><span class="th th-camera-o" title="visage"></span></a>
  817. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  818. <a href="/"><span class="th th-flash-o" title="active"></span></a>
  819. </div></div><!------------END MUSE THREE ------------>
  820.  
  821. <!------------MUSE FOUR ------------>
  822. <div id="muse">
  823. <div class="museimg"><img src="https://via.placeholder.com/120x60"></img></div>
  824.  
  825. <div class="musename">muse name</div>
  826.  
  827. <div id="musesubtitle">fc. age. label. statistic.</div>
  828.  
  829. <div id="muselinks">
  830. <a href="/"><span class="th th-heart-1-o" title="musings"></span></a>
  831. <a href="/"><span class="th th-quote-down-o" title="interactions"></span></a>
  832. <a href="/"><span class="th th-camera-o" title="visage"></span></a>
  833. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  834. <a href="/"><span class="th th-flash-o" title="active"></span></a>
  835. </div></div><!------------END MUSE FOUR------------>
  836. </div><!--END MUSE TAB-->{/block:IfMuseTab}
  837.  
  838.  
  839. <div id="entries">
  840.  
  841. {block:IfMuseTab}
  842. <div class="tabz">
  843. <a href="/">HOME</a>
  844. <a href="/ask">MESSAGE</a>
  845. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');">NAVIGATE</a>
  846. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'TabzTwo');" >MUSES</span></a></div>
  847. {/block:IfMuseTab}
  848.  
  849. {block:IfNotMuseTab}
  850. <div class="tabz">
  851. <a href="/">HOME</a>
  852. <a href="/ask">MESSAGE</a>
  853. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');">NAVIGATE</a>
  854. <a href="{text:extra link url}" title="{text:extra link title}">EXTRA</a>
  855. </div>{block:IfNotMuseTab}
  856.  
  857. <div class="sideimage"><img src="{image:sidebar}" draggable="false"></div>
  858.  
  859. <div id="maintitle">{text:main title}</div>
  860.  
  861. <div id="stats">{text:stats}</div>
  862.  
  863. <div id="sidebar">
  864. <div class="sidebar">{text:subtitle}
  865. </div>
  866. <div id="sidebg"></div>
  867. </div>
  868.  
  869. {block:Posts}
  870.  
  871. <div id="post">
  872.  
  873.  
  874. {block:text}
  875. {block:Title}
  876. <div class="posttitle">{Title}</div>
  877. {/block:Title}
  878. {Body}
  879. {/block:text}
  880.  
  881. {block:Link}
  882. <div class="posttitle">
  883. <a href="{URL}">{Name}</a>
  884. </div>
  885. {block:Description}{Description}{/block:Description}
  886. {/block:Link}
  887.  
  888. {block:Photo}
  889. <center>
  890. {LinkOpenTag}
  891. <a href="{permalink}">
  892. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="300"></a>
  893. {LinkCloseTag}
  894. </center>
  895. {block:Caption}{Caption}{/block:Caption}
  896. {block:ContentSource}
  897. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  898. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  899. {/block:SourceLogo}
  900. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  901. {/block:ContentSource}
  902. {block:ReblogParentURL}
  903. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  904. {/block:ReblogParentURL}
  905. {/block:Photo}
  906.  
  907. {block:Photoset}
  908. {Photoset}
  909. {block:Caption}{Caption}{/block:Caption}
  910. {/block:Photoset}
  911.  
  912. {block:Quote}
  913. <h1>{Quote}</h1>
  914. {block:Source}
  915. <center>- {Source}</center>
  916. {/block:Source}
  917. {/block:Quote}
  918.  
  919. {block:Chat}
  920. {block:Title}
  921. <h1>{Title}</h1>{/block:Title}<br>
  922. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  923. {Line}</li>{/block:Lines}</ul>
  924. {/block:Chat}
  925.  
  926. {block:Audio}
  927. {block:AlbumArt}
  928. <img src="{AlbumArtURL}" width="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  929. <span class="audio">{AudioPlayerGrey}<br></span>
  930. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  931. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  932. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  933. {block:Caption}{Caption}{/block:Caption}
  934. {/block:Audio}
  935.  
  936. {block:Video}
  937. <center>{Video-250}</center>
  938. {block:Caption}{Caption}{/block:Caption}
  939. {/block:Video}
  940.  
  941. {block:Answer}
  942. <div class="pt"></div>
  943. <div class="qt">{Question}</div>
  944. <div class="as"><img src="{AskerPortraitURL-24}">{Asker}</div>
  945. {Answer}{/block:Answer}
  946.  
  947.  
  948. {block:IndexPage}
  949. <div class="info">
  950. {block:Date}
  951. <span><a href="{Permalink}" title="{TimeAgo}">
  952. <b>{ShortMonth}{DayOfMonthWithZero}{ShortYear}</b></a>
  953. {block:NoteCount}with
  954. <b><a href="{Permalink}">{NoteCountWithLabel}</b></a>{/block:NoteCount}</span>
  955. {/block:Date}
  956. <rb>
  957. <span>
  958.  
  959. {block:RebloggedFrom}
  960. <a href="{reblogparenturl}" title="via"><span class="th th-share-o"></span></a>{/block:RebloggedFrom}
  961.  
  962. {block:ContentSource}
  963. <a href="{SourceURL}" title="source"><span class="th th-push-pin-o"></span></a>{/block:ContentSource}
  964.  
  965. <a href="{ReblogURL}" title="reblog" target="_blank" class="reblog"><span class="th th-reload"></span></a></span></rb>
  966. </div>
  967.  
  968. <div class="tags">{block:HasTags}
  969. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  970. {/block:Tags}
  971. {/block:HasTags}</div>
  972. {/block:IndexPage}
  973.  
  974.  
  975. {block:PermalinkPage}
  976. <div class="info">
  977. {block:Date}<span>
  978. <a href="{Permalink}">
  979. <b>{ShortMonth}{DayOfMonthWithZero}{ShortYear}</b></a> with <b><a href="{Permalink}">{NoteCountWithLabel}</b></a></span>
  980. {/block:Date}
  981. <span>
  982. </span>
  983. </div>
  984.  
  985. <div class="tags">{block:HasTags}
  986. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  987. {/block:Tags}
  988. {/block:HasTags}</div>
  989. {/block:PermalinkPage}
  990.  
  991.  
  992. </div><!----POST END---->
  993.  
  994. {block:PostNotes}
  995. {PostNotes}
  996. {/block:PostNotes}
  997. {/block:Posts}
  998.  
  999. {block:Pagination}
  1000. <div id="pagination">
  1001. <div style="margin-top:50px;margin-bottom:10px;">
  1002. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page"><span class="th th-chevron-left"></span></a>{/block:PreviousPage}
  1003. {block:JumpPagination length="3"}
  1004. {block:CurrentPage}<a><span class="current_page">{PageNumber}</span></a>{/block:CurrentPage}
  1005. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1006. {block:NextPage}<a href="{NextPage}" class="jump_page"><span class="th th-chevron-right"></span></a>{/block:NextPage}
  1007. </div></div>
  1008. {/block:Pagination}
  1009.  
  1010. </div><!----ENTRIES END---->
  1011. </div>
  1012.  
  1013. <div id="credits">
  1014. <a href="https://drunkblushed.tumblr.com/" title="theme by drunkblushed">DB.</a></div>
  1015.  
  1016.  
  1017. </body>
  1018. <script>
  1019. function openAlytut(evt, alytutName) {
  1020. var i, x, tablinks;
  1021. x = document.getElementsByClassName("alytut");
  1022. for (i = 0; i < x.length; i++) {
  1023. x[i].style.display = "none";
  1024. }
  1025. tablinks = document.getElementsByClassName("tablink");
  1026. for (i = 0; i < x.length; i++) {
  1027. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  1028. }
  1029. document.getElementById(alytutName).style.display = "block";
  1030. evt.currentTarget.className += " tabzact";
  1031. }
  1032. </script>
  1033.  
  1034. </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!