API tools faq
paste
drunkblushed

daylight (multimuse) v2 by drunkblushed

drunkblushed
Nov 30th, 2019 (edited)
9,690
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.71 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ♡ DAYLIGHT (multimuse) v2 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 prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  14.  
  15. <title>{title}</title>
  16.  
  17. <link href="https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap" rel="stylesheet">
  18.  
  19. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  20.  
  21. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22.  
  23. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  24. <script>
  25. (function($){
  26. $(document).ready(function(){
  27. $("[title]").style_my_tooltips();
  28. });
  29. })(jQuery);
  30. </script>
  31.  
  32. <style type="text/css">
  33.  
  34. @font-face { font-family:"tokyoreg"; src: url('https://dl.dropbox.com/s/jgq18n62iha87v6/Tokyo-Regular.ttf'); }
  35. @font-face { font-family: "primetime"; src: url('https://dl.dropboxusercontent.com/s/uzoszwd2yfzqmmx/PRIMETIME.ttf');}
  36. @font-face { font-family: "sv"; src: url('https://dl.dropboxusercontent.com/s/qpgsh740pinr4ic/Serenade%20Demo.ttf') ;}
  37.  
  38.  
  39. body{
  40. background-color: #f3f3f3;
  41. font-family: 'roboto', sans-serif;
  42. color:#414141;
  43. letter-spacing:1px;
  44. background-image:url(https://static.tumblr.com/db86de27f2ba6c938614b64911901886/3dwgdmw/9chq1sfw8/tumblr_static_a1t6m9k84tkogk8s88cw4gc4w.png);
  45. background-size: cover;
  46. }
  47.  
  48. /*----------------- TEXT STYLES -----------------*/
  49.  
  50. a:link, a:active, a:visited{
  51. color: #93a1a2;
  52. text-decoration:none;
  53. -webkit-transition: all 0.2s linear;
  54. -moz-transition: all 0.2s linear;
  55. transition: all 0.2s linear;
  56. }
  57.  
  58. a:hover {
  59. color:;
  60. -webkit-transition: all 0.2s linear;
  61. -moz-transition: all 0.2s linear;
  62. transition: all 0.2s linear;
  63. }
  64.  
  65. b,bold,strong{
  66. color:#93a1a2;
  67. text-transform:uppercase;
  68. }
  69.  
  70. em,i,italic{
  71. color:#93a1a2;
  72. }
  73.  
  74. big{font-size:11px;font-family: 'roboto', sans-serif;}
  75.  
  76. small,sup{
  77. font-size:9px;
  78. }
  79.  
  80. h1{font-family: "primetime";
  81. letter-spacing:1px;
  82. padding:10px;
  83. text-align:center;
  84. font-size: 22px;
  85. text-transform:uppercase;
  86. line-height: 120%;
  87. color:#feead7;}
  88.  
  89. h2{font-family: "primetime";
  90. letter-spacing:1px;
  91. padding:10px;
  92. text-align:right;
  93. font-size: 18px;
  94. text-transform:uppercase;
  95. line-height: 120%;
  96. color:#93a1a2;}
  97.  
  98. .posttitle{
  99. font-family: "primetime";
  100. letter-spacing:1px;
  101. padding:10px;
  102. text-align:center;
  103. font-size: 22px;
  104. text-transform:uppercase;
  105. line-height: 120%;
  106. color:;
  107. }
  108.  
  109. blockquote{
  110. margin-left:0px;
  111. padding-left:15px;
  112. border-left: 2.5px solid ;
  113. width:95%;
  114. }
  115.  
  116.  
  117. .p { padding-top: 5px;}
  118. .ol, ul { margin-left: 30px; padding: 5px; }
  119. .ul { list-style-type: square; }
  120.  
  121. ::-webkit-scrollbar-thumb {
  122. display: none;
  123. }
  124.  
  125. ::-webkit-scrollbar {
  126. display: none;
  127. }
  128.  
  129. #s-m-t-tooltip {
  130. z-index: 999999999999999999;
  131. background: #fff;
  132. font-size: 8px;
  133. line-height: 13px;
  134. letter-spacing: 1.5px;
  135. text-transform: uppercase;
  136. color: ;
  137. font-weight:900;
  138. background-color:;
  139. max-width: 150px;
  140. word-wrap: break-word;
  141. padding: 2px 5px 2px 6px;
  142. display: block;
  143. margin: 24px 14px 7px 12px;
  144. -webkit-transition:.3s;
  145. -moz-transition:.3s;
  146. }
  147.  
  148. /*----------------- CONTAINERS & POSTS -----------------*/
  149.  
  150. #bigcont{
  151. margin: auto;
  152. left:0px;
  153. top:0px;
  154. bottom:0px;
  155. right:0px;
  156. }
  157.  
  158. #entries{
  159. padding:30px;
  160. z-index:99;
  161. margin: auto;
  162. left:0px;
  163. top:25px;
  164. bottom:0px;
  165. right:0px;
  166. width:670px;
  167. position:absolute;
  168. height:400px;
  169. overflow-y:scroll;
  170. background-color:#fff;
  171. overflow-x:hidden;
  172. }
  173.  
  174.  
  175. /*----------------- CUSTOMIZATIONS -----------------*/
  176.  
  177.  
  178. .tabz{
  179. width:180px;
  180. height:10px;
  181. font-size:12px;
  182. z-index:99999999999999999;
  183. position:fixed;
  184. text-transform:uppercase;
  185. margin-left:490px;
  186. text-align:center;
  187. margin-top:400px;
  188. padding:10px;
  189. color:#0b0b0b;
  190. line-height:100%;
  191. color:#feead7;
  192. background-color:#93a1a2;
  193. }
  194.  
  195. .tabz a{
  196. color:#feead7;
  197. padding:10px;
  198. }
  199.  
  200. #subtitle{
  201. width:350px;
  202. font-size:12px;
  203. transform:rotate(-90deg);
  204. text-transform:uppercase;
  205. margin-left:-100px;
  206. font-family:"tokyoreg";
  207. text-align:center;
  208. margin-top:185px;
  209. overflow:hidden;
  210. position:fixed;
  211. -webkit-filter: blur(0.0000000005px);
  212. z-index:999999999999999999;
  213. }
  214.  
  215. #subtitle span{
  216. background-color:#414141;
  217. padding:0px;
  218. padding-bottom:20px;
  219. font-size:12px;
  220. line-height:25px;
  221. padding:0px 5px 5px 5px;
  222. color:#feead7;
  223. -webkit-filter: blur(0.0000000005px);
  224. }
  225.  
  226.  
  227. #subtitle2{
  228. width:350px;
  229. font-size:12px;
  230. transform:rotate(90deg);
  231. text-transform:uppercase;
  232. margin-left:270px;
  233. font-family:"tokyoreg";
  234. text-align:center;
  235. margin-top:185px;
  236. overflow:hidden;
  237. position:fixed;
  238. -webkit-filter: blur(0.0000000005px);
  239. z-index:999999999999999999;
  240. }
  241.  
  242. #subtitle2 span{
  243. background-color:#414141;
  244. padding:0px;
  245. font-size:12px;
  246. padding-bottom:20px;
  247. line-height:25px;
  248. padding:0px 5px 5px 5px;
  249. color:#feead7;
  250. -webkit-filter: blur(0.0000000005px);
  251. }
  252.  
  253. #musecont{
  254. width:50px;
  255. height:450px;
  256. padding:5px;
  257. background-color:#93a1a2;
  258. position:fixed;
  259. margin-left:-30px;
  260. margin-top:-30px;
  261. text-align:center;
  262. overflow:auto;
  263. }
  264.  
  265. #musecont img{
  266. width:45px;
  267. height:45px;
  268. border-radius:50%;
  269. margin-top:5px;
  270. margin-bottom:5px;
  271. }
  272.  
  273. .centerimage {background:#feead7; margin-left:30px; height:400px; margin-top:-30px; width:460px; height:460px; margin-bottom:50px; position:fixed;}
  274.  
  275. .centerimage img { margin-top:80px; margin-left:80px; z-index:999;}
  276.  
  277. .sideimage {position:fixed;z-index:99999999; width:210px; height:460px;margin-left:490px; margin-top:-30px; background-color:Black;}
  278.  
  279. .sideimage img {width:210px; height:460px;}
  280.  
  281.  
  282.  
  283. /*----------------- TABS BASE CODE BY NCIGHBOURHOOD -----------------*/
  284.  
  285.  
  286. .tabzcon { /* tablinks content aka the box under the tablinks */
  287. margin: auto;
  288. left:-150px;
  289. top:25px;
  290. bottom:0px;
  291. right:0px;
  292. padding:30px;
  293. position:absolute;
  294. width:400px;
  295. height:400px;
  296. background-color:#feead7;
  297. color:#6c4b45;
  298. z-index:99999999999999999999999999999999999999999999999999;
  299. }
  300.  
  301.  
  302. .tabzclose { /* the close button, u prob dont need to touch this */
  303. font-size:10px;
  304. padding:3px;
  305. color:#feead7;
  306. margin-top:-13px;
  307. margin-right:-5px;
  308. float:right;
  309. }
  310.  
  311. .tabzclose:hover {
  312. cursor:pointer;
  313. }
  314.  
  315.  
  316.  
  317. /*----------------- MUSE TAB -----------------*/
  318.  
  319. #musetitle{
  320. font-size:40px;
  321. color:#93a1a2;
  322. font-family:"primetime";
  323. text-align:center;
  324. margin-top:-10px;
  325. margin-bottom:20px;
  326. }
  327.  
  328. .musename{
  329. font-size:32px;
  330. font-family:"primetime";
  331. -webkit-text-stroke: 1px #93a1a2;
  332. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  333. position:fixed;
  334. margin-left:205px;
  335. max-width:200px;
  336. line-height:100%;
  337. }
  338.  
  339. .musedesc{
  340. width:180px;
  341. height:65px;
  342. overflow:auto;
  343. font-size:9px;
  344. line-height:180%;
  345. color:#414141;
  346. position:fixed;
  347. margin-top:100px;
  348. margin-left:205px;
  349. }
  350.  
  351. .musesubtitle{
  352. position:fixed;
  353. max-width:200px;
  354. font-size:12px;
  355. text-transform:uppercase;
  356. font-family:"tokyoreg";
  357. text-align:center;
  358. margin-left:205px;
  359. margin-top:70px;
  360. }
  361.  
  362. .musesubtitle span{
  363. background-color:#414141;
  364. font-size:12px;
  365. padding-bottom:20px;
  366. line-height:25px;
  367. padding:0px 5px 5px 5px;
  368. color:#feead7;
  369. }
  370.  
  371. .museimg img{
  372. width:180px;
  373. height:180px;
  374. float:left;
  375. margin-bottom:20px;
  376. margin-left:5px;
  377. margin-top:5px;
  378. display: inline-block;
  379. }
  380.  
  381. #muselinks{
  382. width:200px;
  383. padding:5px;
  384. height:120px;
  385. margin-left:190px;
  386. margin-top:155px;
  387. margin-bottom:60px;
  388. position:fixed;
  389. }
  390.  
  391. #muselinks a{
  392. display: inline-block;
  393. color:#93a1a2;
  394. font-size:14px;
  395. padding:10px;
  396. }
  397.  
  398. #instagram{
  399. width:180px;
  400. height:185px;
  401. margin-left:205px;
  402. margin-top:210px;
  403. background-color:#fefefe;
  404. position:fixed;
  405. }
  406.  
  407. #instagram img{
  408. width:180px;
  409. height:150px;
  410. }
  411.  
  412. #instagram p {
  413. padding-left:5px;
  414. padding-right:5px;
  415. margin-top:5px;
  416. font-size:9px;
  417. line-height:100%;
  418. }
  419.  
  420. #spotify{
  421. width:180px;
  422. height:180px;
  423. position:fixed;
  424. margin-left:5px;
  425. margin-top:210px;
  426.  
  427. }
  428.  
  429. #spotify img{
  430. width:100px;
  431. height:100px;
  432. padding-left:40px;
  433. padding-top:10px;
  434. }
  435.  
  436. #spotify b{
  437. font-size:15px;
  438. font-family:"tokyoreg";
  439. display:block;
  440. text-align:center;
  441. }
  442.  
  443. #spotify i{
  444. font-size:9px;
  445. display:block;
  446. text-align:center;
  447. color:#414141;
  448. margin-bottom:5px;
  449. }
  450.  
  451. #spotify play{
  452. margin-top:20px;
  453. font-size:21px;
  454. display:inline;
  455. color:#93a1a2;
  456. text-align:center;
  457. }
  458.  
  459. #spotify bar{
  460. width:80px;
  461. height:3px;
  462. display:block;
  463. margin-top:10px;
  464. background-color:#fff;
  465. border-left:50px solid #93a1a2;
  466. text-align:center;
  467. }
  468.  
  469. /*----------------- CREDITS / DO NOT TOUCH! -----------------*/
  470. #credits{
  471. position:fixed;
  472. bottom:0px;
  473. right:5px;
  474. width:35px;
  475. height:35px;
  476. text-align:center;
  477. }
  478.  
  479. #credits a{
  480. font-family:"primetime";
  481. font-size:18px;
  482. -webkit-text-stroke: 1px #feead7;
  483. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  484. }
  485.  
  486. #credits a:hover{
  487. font-family:"primetime";
  488. -webkit-text-fill-color: #feead7;
  489. }
  490.  
  491. <link rel="shortcut icon" href="{Favicon}">
  492. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  493.  
  494. </style>
  495.  
  496. </head>
  497.  
  498. <body>
  499.  
  500. <!--TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!-->
  501.  
  502. <!--MUSE #1-->
  503. <div id="TabzOne" class="tabzcon alytut" style="display:none; overflow:auto;">
  504. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  505. <span class="th th-cross" style="color:#414141;"></span></span>
  506.  
  507. <div class="museimg"><img src="https://66.media.tumblr.com/187bab84a8e6727fccf996ec358363ff/8ceae3bc70c64964-a9/s250x400/5a5b666ed053185c4bf499cd758289e19623800d.png"></img></div>
  508.  
  509. <div class="musename">JANG MAN-WOL</div>
  510.  
  511. <div class="musesubtitle"><span>lee ji-eun fc. 1300 years.</span></div>
  512.  
  513. <div class="musedesc">long gowns, diamond necklaces, eye rolling, silk bedsheets, red lipstick, snide remarks, fresh manicures, stilettos, wilting flowers, velvet gloves. </div>
  514.  
  515. <div id="muselinks">
  516. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  517. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  518. <a href="/"><span class="th th-camera" title="visage"></span></a>
  519. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  520. <a href="/"><span class="th th-flash" title="active"></span></a>
  521. </div>
  522.  
  523. <div id="instagram">
  524. <img src="https://66.media.tumblr.com/09c01f8d92e5d90c1b974d45f84e159f/8ceae3bc70c64964-67/s250x400/eac3ed17eeb0862abeef3221274352fec35b24e3.png">
  525. <p><b>msjang</b> you should see me in a crown. i'm gonna run this town. </p>
  526. </div>
  527.  
  528. <div id="spotify">
  529. <img src="https://upload.wikimedia.org/wikipedia/en/b/b7/Ariana_Grande_-_7_rings.png">
  530. <b>7 rings</b>
  531. <i>ariana grande</i>
  532. <center><play><span class="th th-play"></play></span><bar></bar></center>
  533. </div>
  534. </div><!--END MUSE #1-->
  535.  
  536.  
  537.  
  538. <!--MUSE #2-->
  539. <div id="TabzTwo" class="tabzcon alytut" style="display:none; overflow:auto;">
  540. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  541. <span class="th th-cross" style="color:#414141;"></span></span>
  542.  
  543. <div class="museimg"><img src="https://via.placeholder.com/180x180"></img></div>
  544.  
  545. <div class="musename">FIRST LAST</div>
  546.  
  547. <div class="musesubtitle"><span>fc. age. stat.</span></div>
  548.  
  549. <div class="musedesc">aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic.</div>
  550.  
  551. <div id="muselinks">
  552. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  553. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  554. <a href="/"><span class="th th-camera" title="visage"></span></a>
  555. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  556. <a href="/"><span class="th th-flash" title="active"></span></a>
  557. </div>
  558.  
  559. <div id="instagram">
  560. <img src="https://via.placeholder.com/180x150">
  561. <p><b>USERNAME</b> here is the instagram caption! keep it short. </p>
  562. </div>
  563.  
  564. <div id="spotify">
  565. <img src="https://via.placeholder.com/100x100">
  566. <b>song name</b>
  567. <i>artist</i>
  568. <center><play><span class="th th-play"></play></span><bar></bar></center>
  569. </div>
  570. </div><!--END MUSE #2-->
  571.  
  572.  
  573. <!--MUSE #3-->
  574. <div id="TabzThree" class="tabzcon alytut" style="display:none; overflow:auto;">
  575. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  576. <span class="th th-cross" style="color:#414141;"></span></span>
  577.  
  578. <div class="museimg"><img src="https://via.placeholder.com/180x180"></img></div>
  579.  
  580. <div class="musename">FIRST LAST</div>
  581.  
  582. <div class="musesubtitle"><span>fc. age. stat.</span></div>
  583.  
  584. <div class="musedesc">aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic.</div>
  585.  
  586. <div id="muselinks">
  587. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  588. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  589. <a href="/"><span class="th th-camera" title="visage"></span></a>
  590. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  591. <a href="/"><span class="th th-flash" title="active"></span></a>
  592. </div>
  593.  
  594. <div id="instagram">
  595. <img src="https://via.placeholder.com/180x150">
  596. <p><b>USERNAME</b> here is the instagram caption! keep it short. </p>
  597. </div>
  598.  
  599. <div id="spotify">
  600. <img src="https://via.placeholder.com/100x100">
  601. <b>song name</b>
  602. <i>artist</i>
  603. <center><play><span class="th th-play"></play></span><bar></bar></center>
  604. </div>
  605. </div><!--END MUSE #3-->
  606.  
  607. <!--MUSE #4-->
  608. <div id="TabzFour" class="tabzcon alytut" style="display:none; overflow:auto;">
  609. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  610. <span class="th th-cross" style="color:#414141;"></span></span>
  611.  
  612. <div class="museimg"><img src="https://via.placeholder.com/180x180"></img></div>
  613.  
  614. <div class="musename">FIRST LAST</div>
  615.  
  616. <div class="musesubtitle"><span>fc. age. stat.</span></div>
  617.  
  618. <div class="musedesc">aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic.</div>
  619.  
  620. <div id="muselinks">
  621. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  622. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  623. <a href="/"><span class="th th-camera" title="visage"></span></a>
  624. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  625. <a href="/"><span class="th th-flash" title="active"></span></a>
  626. </div>
  627.  
  628. <div id="instagram">
  629. <img src="https://via.placeholder.com/180x150">
  630. <p><b>USERNAME</b> here is the instagram caption! keep it short. </p>
  631. </div>
  632.  
  633. <div id="spotify">
  634. <img src="https://via.placeholder.com/100x100">
  635. <b>song name</b>
  636. <i>artist</i>
  637. <center><play><span class="th th-play"></play></span><bar></bar></center>
  638. </div>
  639. </div><!--END MUSE #4-->
  640.  
  641. <!--MUSE #5-->
  642. <div id="TabzFive" class="tabzcon alytut" style="display:none; overflow:auto;">
  643. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  644. <span class="th th-cross" style="color:#414141;"></span></span>
  645.  
  646. <div class="museimg"><img src="https://via.placeholder.com/180x180"></img></div>
  647.  
  648. <div class="musename">FIRST LAST</div>
  649.  
  650. <div class="musesubtitle"><span>fc. age. stat.</span></div>
  651.  
  652. <div class="musedesc">aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic.</div>
  653.  
  654. <div id="muselinks">
  655. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  656. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  657. <a href="/"><span class="th th-camera" title="visage"></span></a>
  658. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  659. <a href="/"><span class="th th-flash" title="active"></span></a>
  660. </div>
  661.  
  662. <div id="instagram">
  663. <img src="https://via.placeholder.com/180x150">
  664. <p><b>USERNAME</b> here is the instagram caption! keep it short. </p>
  665. </div>
  666.  
  667. <div id="spotify">
  668. <img src="https://via.placeholder.com/100x100">
  669. <b>song name</b>
  670. <i>artist</i>
  671. <center><play><span class="th th-play"></play></span><bar></bar></center>
  672. </div>
  673. </div><!--END MUSE #5-->
  674.  
  675. <!--MUSE #6-->
  676. <div id="TabzSix" class="tabzcon alytut" style="display:none; overflow:auto;">
  677. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  678. <span class="th th-cross" style="color:#414141;"></span></span>
  679.  
  680. <div class="museimg"><img src="https://via.placeholder.com/180x180"></img></div>
  681.  
  682. <div class="musename">FIRST LAST</div>
  683.  
  684. <div class="musesubtitle"><span>fc. age. stat.</span></div>
  685.  
  686. <div class="musedesc">aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic.</div>
  687.  
  688. <div id="muselinks">
  689. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  690. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  691. <a href="/"><span class="th th-camera" title="visage"></span></a>
  692. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  693. <a href="/"><span class="th th-flash" title="active"></span></a>
  694. </div>
  695.  
  696. <div id="instagram">
  697. <img src="https://via.placeholder.com/180x150">
  698. <p><b>USERNAME</b> here is the instagram caption! keep it short. </p>
  699. </div>
  700.  
  701. <div id="spotify">
  702. <img src="https://via.placeholder.com/100x100">
  703. <b>song name</b>
  704. <i>artist</i>
  705. <center><play><span class="th th-play"></play></span><bar></bar></center>
  706. </div>
  707. </div><!--END MUSE #6-->
  708.  
  709. <!--MUSE #7-->
  710. <div id="TabzSeven" class="tabzcon alytut" style="display:none; overflow:auto;">
  711. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  712. <span class="th th-cross" style="color:#414141;"></span></span>
  713.  
  714. <div class="museimg"><img src="https://via.placeholder.com/180x180"></img></div>
  715.  
  716. <div class="musename">FIRST LAST</div>
  717.  
  718. <div class="musesubtitle"><span>fc. age. stat.</span></div>
  719.  
  720. <div class="musedesc">aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic.</div>
  721.  
  722. <div id="muselinks">
  723. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  724. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  725. <a href="/"><span class="th th-camera" title="visage"></span></a>
  726. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  727. <a href="/"><span class="th th-flash" title="active"></span></a>
  728. </div>
  729.  
  730. <div id="instagram">
  731. <img src="https://via.placeholder.com/180x150">
  732. <p><b>USERNAME</b> here is the instagram caption! keep it short. </p>
  733. </div>
  734.  
  735. <div id="spotify">
  736. <img src="https://via.placeholder.com/100x100">
  737. <b>song name</b>
  738. <i>artist</i>
  739. <center><play><span class="th th-play"></play></span><bar></bar></center>
  740. </div>
  741. </div><!--END MUSE #7-->
  742.  
  743. <!--MUSE #8-->
  744. <div id="TabzEight" class="tabzcon alytut" style="display:none; overflow:auto;">
  745. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  746. <span class="th th-cross" style="color:#414141;"></span></span>
  747.  
  748. <div class="museimg"><img src="https://via.placeholder.com/180x180"></img></div>
  749.  
  750. <div class="musename">FIRST LAST</div>
  751.  
  752. <div class="musesubtitle"><span>fc. age. stat.</span></div>
  753.  
  754. <div class="musedesc">aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic.</div>
  755.  
  756. <div id="muselinks">
  757. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  758. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  759. <a href="/"><span class="th th-camera" title="visage"></span></a>
  760. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  761. <a href="/"><span class="th th-flash" title="active"></span></a>
  762. </div>
  763.  
  764. <div id="instagram">
  765. <img src="https://via.placeholder.com/180x150">
  766. <p><b>USERNAME</b> here is the instagram caption! keep it short. </p>
  767. </div>
  768.  
  769. <div id="spotify">
  770. <img src="https://via.placeholder.com/100x100">
  771. <b>song name</b>
  772. <i>artist</i>
  773. <center><play><span class="th th-play"></play></span><bar></bar></center>
  774. </div>
  775. </div><!--END MUSE #8-->
  776.  
  777. <!--MUSE #9-->
  778. <div id="TabzNine" class="tabzcon alytut" style="display:none; overflow:auto;">
  779. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  780. <span class="th th-cross" style="color:#414141;"></span></span>
  781.  
  782. <div class="museimg"><img src="https://via.placeholder.com/180x180"></img></div>
  783.  
  784. <div class="musename">FIRST LAST</div>
  785.  
  786. <div class="musesubtitle"><span>fc. age. stat.</span></div>
  787.  
  788. <div class="musedesc">aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic.</div>
  789.  
  790. <div id="muselinks">
  791. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  792. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  793. <a href="/"><span class="th th-camera" title="visage"></span></a>
  794. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  795. <a href="/"><span class="th th-flash" title="active"></span></a>
  796. </div>
  797.  
  798. <div id="instagram">
  799. <img src="https://via.placeholder.com/180x150">
  800. <p><b>USERNAME</b> here is the instagram caption! keep it short. </p>
  801. </div>
  802.  
  803. <div id="spotify">
  804. <img src="https://via.placeholder.com/100x100">
  805. <b>song name</b>
  806. <i>artist</i>
  807. <center><play><span class="th th-play"></play></span><bar></bar></center>
  808. </div>
  809. </div><!--END MUSE #9-->
  810.  
  811.  
  812. <!--MUSE #10-->
  813. <div id="TabzTen" class="tabzcon alytut" style="display:none; overflow:auto;">
  814. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  815. <span class="th th-cross" style="color:#414141;"></span></span>
  816.  
  817. <div class="museimg"><img src="https://via.placeholder.com/180x180"></img></div>
  818.  
  819. <div class="musename">FIRST LAST</div>
  820.  
  821. <div class="musesubtitle"><span>fc. age. stat.</span></div>
  822.  
  823. <div class="musedesc">aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic, aesthetic.</div>
  824.  
  825. <div id="muselinks">
  826. <a href="/"><span class="th th-heart-1" title="musings"></span></a>
  827. <a href="/"><span class="th th-quote-down" title="interactions"></span></a>
  828. <a href="/"><span class="th th-camera" title="visage"></span></a>
  829. <a href="/"><span class="th th-pinterest-o" title="pinterest"></span></a>
  830. <a href="/"><span class="th th-flash" title="active"></span></a>
  831. </div>
  832.  
  833. <div id="instagram">
  834. <img src="https://via.placeholder.com/180x150">
  835. <p><b>USERNAME</b> here is the instagram caption! keep it short. </p>
  836. </div>
  837.  
  838. <div id="spotify">
  839. <img src="https://via.placeholder.com/100x100">
  840. <b>song name</b>
  841. <i>artist</i>
  842. <center><play><span class="th th-play"></play></span><bar></bar></center>
  843. </div>
  844. </div><!--END MUSE #10-->
  845.  
  846. <div id="entries">
  847.  
  848. <div id="musecont">
  849.  
  850. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');">
  851. <img src="https://66.media.tumblr.com/187bab84a8e6727fccf996ec358363ff/8ceae3bc70c64964-a9/s250x400/5a5b666ed053185c4bf499cd758289e19623800d.png"></a>
  852.  
  853. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'TabzTwo');">
  854. <img src="https://via.placeholder.com/45x45/"></a>
  855.  
  856. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'TabzThree');">
  857. <img src="https://via.placeholder.com/45x45/"></a>
  858.  
  859. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'TabzFour');">
  860. <img src="https://via.placeholder.com/45x45/"></a>
  861.  
  862. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'TabzFive');">
  863. <img src="https://via.placeholder.com/45x45/"></a>
  864.  
  865. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'TabzSix');">
  866. <img src="https://via.placeholder.com/45x45/"></a>
  867.  
  868. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'TabzSeven');">
  869. <img src="https://via.placeholder.com/45x45/"></a>
  870.  
  871. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'TabzEight');">
  872. <img src="https://via.placeholder.com/45x45/"></a>
  873.  
  874. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'TabzNine');">
  875. <img src="https://via.placeholder.com/45x45/"></a>
  876.  
  877. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'TabzTen');">
  878. <img src="https://via.placeholder.com/45x45/"></a>
  879.  
  880.  
  881.  
  882.  
  883. </div>
  884.  
  885.  
  886. <div id="subtitle"><span>My love was as cruel as the cities I lived in</span></div>
  887. <div id="subtitle2"><span>Everyone looked worse in the light</span></div>
  888.  
  889.  
  890.  
  891. <div class="sideimage"><img src="https://static.tumblr.com/763cef80296fdb2e3e350174ef9ab389/3dwgdmw/n1Jq1sgl4/tumblr_static_95uusggoym0wswg880swg8ksw.png" draggable="false"></div>
  892.  
  893.  
  894.  
  895.  
  896. <div class="centerimage">
  897. <img src="https://static.tumblr.com/67d7ef94ec4684f70c896f9017538dec/3dwgdmw/02Wq1shyd/tumblr_static_730pvatatkgsgwo0gc0840skw.png" draggable="false"></div>
  898.  
  899.  
  900.  
  901. </div><!----ENTRIES END---->
  902. </div>
  903.  
  904. <div id="credits">
  905. <a href="https://drunkblushed.tumblr.com/" title="theme by drunkblushed">DB.</a></div>
  906.  
  907. </body>
  908. <script>
  909. function openAlytut(evt, alytutName) {
  910. var i, x, tablinks;
  911. x = document.getElementsByClassName("alytut");
  912. for (i = 0; i < x.length; i++) {
  913. x[i].style.display = "none";
  914. }
  915. tablinks = document.getElementsByClassName("tablink");
  916. for (i = 0; i < x.length; i++) {
  917. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  918. }
  919. document.getElementById(alytutName).style.display = "block";
  920. evt.currentTarget.className += " tabzact";
  921. }
  922. </script>
  923.  
  924. </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!