API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 21st, 2020
5,886
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.15 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ♡ REALITY 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. <meta name="color:background" content="#e7e7e7"/>
  16. <meta name="color:posts" content="#f3f3f3"/>
  17. <meta name="color:container" content="#eaeaea"/>
  18. <meta name="color:borders" content="#dadada"/>
  19. <meta name="color:accent" content="#d6dcdf"/>
  20. <meta name="color:accent 2" content="#e7c5bb"/>
  21. <meta name="color:phone" content="#3c3c3c"/>
  22. <meta name="color:bold" content="#dfac9d"/>
  23. <meta name="color:italic" content="#98aab0"/>
  24. <meta name="color:text" content="#444444"/>
  25. <meta name="color:link" content="#7e92a2"/>
  26. <meta name="color:permalink" content="#444444"/>
  27. <meta name="color:permalink bg" content="#c8d1d4"/>
  28.  
  29. <meta name="image:background" content=""/>
  30. <meta name="image:left image" content="https://via.placeholder.com/280x190"/>
  31. <meta name="image:right image" content="https://via.placeholder.com/180x200"/>
  32. <meta name="image:icon" content="https://via.placeholder.com/50x50"/>
  33.  
  34. <meta name="text:main title" content="REALITY REALITY REALITY"/>
  35. <meta name="text:main title2" content="REALITY REALITY REALITY"/>
  36. <meta name="text:side description" content="Consisting of four members, Mamamoo debuted in 2014 under Rainbow Bridge World, and has become a group who is unstoppably releasing back-to-back popular songs."/>
  37. <meta name="text:stats" content"ACCEPTING APPS!" />
  38. <meta name="text:sidelink title1" content="link one" />
  39. <meta name="text:sidelink url1" content="/" />
  40. <meta name="text:sidelink title2" content="link two" />
  41. <meta name="text:sidelink url2" content="/" />
  42. <meta name="text:sidelink title3" content="link three" />
  43. <meta name="text:sidelink url3" content="/" />
  44. <meta name="text:sidelink title4" content="link four" />
  45. <meta name="text:sidelink url4" content="/" />
  46.  
  47. <title>{title}</title>
  48.  
  49.  
  50. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  51.  
  52. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  53.  
  54. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  55. <script>
  56. $(document).ready(function(){
  57. $('.video iframe').each(function(){
  58. var scale = $(this).parents('.video').width() / 500;
  59. $(this).attr({
  60. width: Math.floor($(this).attr('width') * scale),
  61. height: Math.floor($(this).attr('height') * scale)
  62. });
  63. });
  64. });
  65. </script>
  66.  
  67. <script>
  68. function openAlytut(evt, alytutName) {
  69. var i, x, tablinks;
  70. x = document.getElementsByClassName("alytut");
  71. for (i = 0; i < x.length; i++) {
  72. x[i].style.display = "none";
  73. }
  74. tablinks = document.getElementsByClassName("tablink");
  75. for (i = 0; i < x.length; i++) {
  76. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  77. }
  78. document.getElementById(alytutName).style.display = "block";
  79. evt.currentTarget.className += " tabzact";
  80. }
  81. </script>
  82.  
  83. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  84. <script>
  85. (function($){
  86. $(document).ready(function(){
  87. $("[title]").style_my_tooltips();
  88. });
  89. })(jQuery);
  90. </script>
  91.  
  92. <script type="text/javascript"
  93. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  94.  
  95. <script type=“text/javascript” src=“https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js”></script>
  96. <script type=“text/javascript”>
  97. $(document).ready(function(){
  98. $(“.links_body”).hide();
  99. $(“.links_head”).click(function(){
  100. $(this).next(“.links_body”).slideToggle(‘fast’);
  101. }); }); </script>
  102. <style type=“text/css”>
  103. .links_list { margin:0px; padding:0px; width:100%;}
  104. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  105. .links_body { padding:10px; text-align:left; display:none;}
  106. </style>
  107.  
  108.  
  109. <link href="https://fonts.googleapis.com/css?family=Montserrat:500&display=swap" rel="stylesheet">
  110.  
  111. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  112.  
  113. <!-------MUSIC PLAYER BY GLENTHEMES------->
  114. <script src="https://dl.dropbox.com/s/brdv4yv2iaigjmp/glenplayer07.js"></script>
  115.  
  116. <style type="text/css">
  117.  
  118. /*----------------- FONTS -----------------*/
  119.  
  120. @font-face { font-family: "creo"; src: url('https://dl.dropboxusercontent.com/s/uk7fcayvza8gd9t/Creo-ExtraBold.ttf') ;}
  121.  
  122. @font-face { font-family:hijrnotes; src: url('https://dl.dropboxusercontent.com/s/zi49l6yoklm98v5/Hijrnotes_PERSONAL_USE_ONLY.ttf') ;}
  123.  
  124.  
  125. /*----------------- TEXT STYLES -----------------*/
  126.  
  127. body{
  128. background-color: {color:background};
  129. font-family:ABeeZee, arial, sans-serif;
  130. color:{color:text};
  131. letter-spacing:1px;
  132. line-height:17px;
  133. text-align:justify;
  134. color:{color:text};
  135. font-size:9px;
  136. font-weight:500;
  137. }
  138.  
  139. a:link, a:active, a:visited{
  140. color: {color:Link};
  141. text-decoration:none;
  142. -webkit-transition: all 0.2s linear;
  143. -moz-transition: all 0.2s linear;
  144. transition: all 0.2s linear;
  145. text-transform:uppercase;
  146. }
  147.  
  148. a:hover {
  149. color:{color:Link Hover};
  150. -webkit-transition: all 0.2s linear;
  151. -moz-transition: all 0.2s linear;
  152. transition: all 0.2s linear;
  153. }
  154.  
  155. b,bold,strong{
  156. color:{color:bold};
  157. text-transform:uppercase;
  158. }
  159.  
  160. em,i,italic{
  161. color:{color:italic};
  162. }
  163.  
  164. big{
  165. font-size:15px;
  166. font-family: 'Montserrat', sans-serif;
  167. }
  168.  
  169. small,sup, sub{
  170. font-size:9px;
  171. }
  172.  
  173. h1{font-family: "creo";
  174. letter-spacing:1px;
  175. padding:0px;
  176. text-align:center;
  177. font-size: 20px;
  178. text-transform:uppercase;
  179. line-height: 120%;
  180. color:{color:bold};}
  181.  
  182. h2{font-family: "creo";
  183. letter-spacing:1px;
  184. text-align:center;
  185. font-size: 22px;
  186. text-transform:uppercase;
  187. line-height: 120%;
  188. color:{color:accent};}
  189.  
  190. h3{ font-family: "hijrnotes";
  191. text-align:center;
  192. margin-top:-20px;
  193. font-size:27px;
  194. line-height:25px;
  195. color:{color:accent};}
  196.  
  197. .posttitle{
  198. font-family: "creo";
  199. letter-spacing:1px;
  200. text-align:center;
  201. font-size: 24px;
  202. text-transform:uppercase;
  203. line-height: 120%;
  204. -webkit-text-stroke: 1px {color:bold};
  205. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  206. }
  207.  
  208. blockquote{
  209. margin-left:0px;
  210. padding-left:15px;
  211. border-left: 1px solid {color:borders};
  212. width:95%;
  213. }
  214.  
  215.  
  216. .p { padding-top: 5px;}
  217. .ol, ul { margin-left: 30px; padding: 5px; }
  218. .ul { list-style-type: square; }
  219.  
  220. ::-webkit-scrollbar-thumb {
  221. display: none;
  222. }
  223.  
  224. ::-webkit-scrollbar {
  225. display: none;
  226. }
  227.  
  228. #s-m-t-tooltip {
  229. max-width:250px;
  230. border-radius:5px;
  231. padding:0px 5px;
  232. margin:25px 20px 5px 0px;
  233. color:{color:text};
  234. background: {color:container};
  235. font-size:9px; text-transform:lowercase;
  236. font-family:ABeeZee;
  237. letter-spacing:2px;
  238. font-weight:bold;
  239. z-index:999999999999999;
  240. -webkit-transition: all 0.2s linear;
  241. -moz-transition: all 0.2s linear;
  242. transition: all 0.2s linear;
  243. }
  244.  
  245. ::-moz-selection { background: {color:accent}; }
  246. ::selection { background: {color:accent}; }
  247.  
  248. /*----------------- CONTAINERS & POSTS -----------------*/
  249.  
  250. #entries{
  251. padding:20px;
  252. z-index:99;
  253. margin: auto;
  254. left:0px;
  255. top:0px;
  256. bottom:0px;
  257. right:0px;
  258. width:350px;
  259. position:absolute;
  260. height:540px;
  261. overflow-y:scroll;
  262. background-color: transparent;
  263. overflow-x:hidden;
  264. border-radius:15px;
  265. }
  266.  
  267. #container {
  268. margin: auto;
  269. left:0px;
  270. top:8px;
  271. bottom:0px;
  272. right:0px;
  273. position:absolute;
  274. width:350px;
  275. height:570px;
  276. overflow:auto;
  277. color:{color:text};
  278. z-index:999;
  279. -webkit-animation: fadeEffect 0.7s;
  280. animation: fadeEffect 0.7s;
  281. border-radius:0px 0px 10px 10px;
  282. background-color:transparent;
  283. }
  284.  
  285. #post {
  286. font-size:9px;
  287. background-color:{color:posts};
  288. padding:15px;
  289. width:300px;
  290. z-index:99;
  291. margin-top:20px;
  292. margin-bottom:20px;
  293. margin-left:10px;
  294. line-height:160%;
  295. letter-spacing:1px;
  296. border-radius:10px;
  297. }
  298.  
  299. #post .tags {position:relative;
  300. text-align:left;
  301. color:{color:link};
  302. padding-top:10px;
  303. font-size:6.5px;
  304. letter-spacing:2px;
  305. font-family: 'Montserrat', sans-serif;
  306. text-transform:uppercase;
  307. -webkit-transition: all 0.2s linear;
  308. -moz-transition: all 0.2s linear;
  309. transition: all 0.2s linear;
  310. line-height:120%;
  311. margin-top:5px;
  312. }
  313.  
  314. #post .tags a{
  315. color:{color:link};
  316. }
  317.  
  318. #post img{
  319. max-width:250px;
  320. height:auto;
  321. }
  322.  
  323.  
  324. #post:hover .tags {position:relative;
  325. text-align:left;opacity:1;
  326. color:{color:link}; width:auto;
  327. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  328. -moz-transition: all 0.2s linear;
  329. transition: all 0.2s linear;}
  330. .tags a {color:{color:text};text-transform:uppercase;}
  331.  
  332. .tags a:hover {color:{color:link hover};text-transform:uppercase;}
  333.  
  334.  
  335. .info{
  336. background:{color:permalink bg};
  337. position:relative;
  338. padding:12px;
  339. margin-top:20px;
  340. margin-bottom:0px;
  341. text-transform:uppercase;
  342. letter-spacing:2px;
  343. color:{color:permalink};
  344. font-size:8.5px;
  345. line-height:100%;
  346. border-radius:5px;
  347. }
  348.  
  349. .info span{
  350. text-align:left;
  351. padding-left:-20px;
  352. text-transform:uppercase;
  353. margin-top:2px;
  354. padding-right:5px;
  355. }
  356.  
  357. .info rb{
  358. right:0%;
  359. position:absolute;
  360. padding-right:0px;
  361. margin-top:-1px;
  362. }
  363.  
  364. .info b{
  365. font-weight:900;
  366. color:{color:permalink};
  367. }
  368.  
  369. .info a{
  370. margin-left:0px;
  371. font-size:8.5px;
  372. color: {color:permalink};
  373. }
  374.  
  375.  
  376. /*----------------- CUSTOMIZATIONS -----------------*/
  377.  
  378. #leftwindow{
  379. width:200px;
  380. height:180px;
  381. padding:0px;
  382. background-color:{color:posts};
  383. margin:auto;
  384. position:fixed;
  385. left:150px;
  386. top:330px;
  387. bottom:0px;
  388. right:800px;
  389. border-radius:15px;
  390. -webkit-box-shadow: -9px 10px 22px -21px rgba(0,0,0,0.75);
  391. -moz-box-shadow: -9px 10px 22px -21px rgba(0,0,0,0.75);
  392. box-shadow: -9px 10px 22px -21px rgba(0,0,0,0.75);
  393. -webkit-transition: all 0.2s linear;
  394. -moz-transition: all 0.2s linear;
  395. transition: all 0.2s linear;
  396. }
  397.  
  398. #browserbig{
  399. background-color:{color:accent 2};
  400. padding:5px;
  401. width:auto;
  402. border-radius:15px 15px 0px 0px;
  403. }
  404.  
  405. .dots{
  406. font-size:8px;
  407. margin:5px; color:{color:posts};}
  408.  
  409. .comp{
  410. font-size:10px;
  411. margin:5px; text-align:right; color:{color:posts};}
  412.  
  413. #rightwindow{
  414. width:200px;
  415. height:220px;
  416. padding:0px;
  417. background-color:{color:posts};
  418. margin:auto;
  419. position:fixed;
  420. left:600px;
  421. top:150px;
  422. bottom:0px;
  423. right:0px;
  424. border-radius:15px;
  425. -webkit-box-shadow: 9px 10px 22px -21px rgba(0,0,0,0.75);
  426. -moz-box-shadow: 9px 10px 22px -21px rgba(0,0,0,0.75);
  427. box-shadow: 9px 10px 22px -21px rgba(0,0,0,0.75);
  428. -webkit-transition: all 0.2s linear;
  429. -moz-transition: all 0.2s linear;
  430. transition: all 0.2s linear;
  431. }
  432.  
  433. #rightwindow img{
  434. width:150px;
  435. height:150px;
  436. border-radius:10px;
  437. margin-top:16px;
  438. margin-left:25px;
  439. background-color:{color:accent};
  440. }
  441.  
  442. #rightwindow:hover{
  443. transform: scale(1.1);
  444. -webkit-transition: all 0.2s linear;
  445. -moz-transition: all 0.2s linear;
  446. transition: all 0.2s linear;
  447. }
  448.  
  449. #stats{
  450. font-family:"creo";
  451. font-size:14px;
  452. position:fixed;
  453. margin-top:15px;
  454. margin-left:30px;
  455. color:{color:italic};
  456. width:180px;
  457. text-align:center;
  458. word-spacing:0px;
  459. overflow:hidden;
  460. letter-spacing:2.5px;
  461. font-weight:bold;
  462. }
  463.  
  464.  
  465. .blinking{
  466. animation:blinkingText 1.2s infinite;
  467. }
  468. @keyframes blinkingText{
  469. 0%{ color: {color:italic}; }
  470. 49%{ color: {color:italic}; }
  471. 60%{ color: transparent; }
  472. 99%{ color:transparent; }
  473. 100%{ color: {color:italic}; }
  474. }
  475.  
  476. @import "compass/css3";
  477.  
  478. .wave1fill{
  479. fill:{color:accent};
  480. width: 1000px;
  481. height: 675px;
  482. }
  483.  
  484.  
  485. #wave1{
  486. margin:auto;
  487. right:0px;
  488. top:100px;
  489. left:0px;
  490. bottom:0px;
  491. width: 750px;
  492. height:475px;
  493. overflow: hidden;
  494. position:fixed;
  495. }
  496.  
  497. #notif{
  498. position:fixed;
  499. top:250px;
  500. right:0px;
  501. left:-900px;
  502. bottom:0px;
  503. margin:auto;
  504. border-radius:15px;
  505. width:200px;
  506. height:50px;
  507. padding:10px;
  508. font-size:8.5px;
  509. background-color:{color:posts};
  510. opacity:0.8;
  511. line-height:150%;
  512. -webkit-transition: all 0.2s linear;
  513. -moz-transition: all 0.2s linear;
  514. transition: all 0.2s linear;
  515. z-index:99999999999999999;
  516. }
  517.  
  518. #notif img{
  519. width:50px;
  520. height:50px;
  521. border-radius:50%;
  522. float:left;
  523. margin-right:10px;
  524. }
  525.  
  526. #notif:hover{
  527. transform: scale(1.1);
  528. opacity:0.9;
  529. -webkit-transition: all 0.2s linear;
  530. -moz-transition: all 0.2s linear;
  531. transition: all 0.2s linear;
  532. }
  533.  
  534. #spotify{
  535. position:fixed;
  536. top:0px;
  537. right:0px;
  538. left:-520px;
  539. bottom:0px;
  540. margin:auto;
  541. border-radius:15px;
  542. width:150px;
  543. height:68px;
  544. background-color:{color:posts};
  545. opacity:0.8;
  546. -webkit-transition: all 0.2s linear;
  547. -moz-transition: all 0.2s linear;
  548. transition: all 0.2s linear;
  549. z-index:999999999999999;
  550. }
  551.  
  552. #spotify:hover{
  553. transform: scale(1.1);
  554. opacity:0.9;
  555. -webkit-transition: all 0.2s linear;
  556. -moz-transition: all 0.2s linear;
  557. transition: all 0.2s linear;
  558. }
  559.  
  560. .sideimage {position:fixed; width:200px; height:50px; background-color:transparent; border-radius:15px;margin:18px;display:block;z-index:999999999999;}
  561.  
  562. .sideimage img {width:247px; height:500px; position:fixed; border-radius:15px;margin-left:-60px;margin-top:-330px;z-index:9999999999999; }
  563.  
  564. .description {width:165px; height:115px;line-height:200%; margin-top:20px; margin-left:18px; display:block;text-align:justify; font-size:8px; overflow:hidden;}
  565.  
  566. #maintitle{
  567. font-family:"creo";
  568. font-size:74px;
  569. position:fixed;
  570. margin:auto;
  571. left:0px;
  572. right:960px;
  573. bottom:0px;
  574. top:-80px;
  575. -webkit-text-stroke:1.5px {color:bold};
  576. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  577. text-shadow:3px 3px {color:borders};
  578. width:300px;
  579. height:250px;
  580. text-align:right;
  581. word-spacing:-3px;
  582. line-height:100%;
  583. padding:10px;
  584. letter-spacing:2px;
  585. }
  586.  
  587. #maintitle2 {
  588. font-family:"creo";
  589. font-size:74px;
  590. position:absolute;
  591. margin:auto;
  592. left:620px;
  593. bottom:0px;
  594. top:240px;
  595. -webkit-text-stroke:1.5px {color:bold};
  596. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  597. text-shadow:3px 3px {color:borders};
  598. width:300px;
  599. height:250px;
  600. text-align:right;
  601. word-spacing:-3px;
  602. line-height:100%;
  603. padding:10px;
  604. letter-spacing:2px;
  605. }
  606.  
  607. #bar{
  608. position:fixed;
  609. top:-570px;
  610. bottom:0px;
  611. right:0px;
  612. left:0px;
  613. margin: auto;
  614. width:90px;
  615. height:25px;
  616. border-radius:8px;
  617. background-color:transparent;
  618. z-index:9999999999999999999999999999999;
  619. }
  620.  
  621. #phone{
  622. position:fixed;
  623. top:-560px;
  624. bottom:0px;
  625. right:0px;
  626. left:0px;
  627. margin: auto;
  628. width:320px;
  629. height:5px;
  630. background-color:transparent;
  631. padding:10px 15px;
  632. z-index:9999999999999999999999999999;
  633. font-size:9px;
  634. line-height:110%;
  635. letter-spacing:2.5px;
  636. border-radius:15px 15px 0px 0px;
  637. text-transform:uppercase;
  638. }
  639.  
  640. .phone{
  641. float:right;
  642. }
  643.  
  644. #phone span{font-size:10px;}
  645.  
  646. #phone .material-icons{font-size:11px; color:{color:text}; display: inline-block; margin-top:-5px; text-transform: none;letter-spacing: normal;word-wrap: normal;white-space: nowrap;}
  647.  
  648.  
  649.  
  650. /*----------------- NAVIGATION & PAGINATION -----------------*/
  651.  
  652. #sidelink{
  653. position:fixed;
  654. width:280px;
  655. height:50px;
  656. margin-left:33px;
  657. margin-top:5px;
  658. z-index:999999999999999999999999999;
  659. text-align:left;
  660. }
  661.  
  662. #sidelink span{
  663. width:10px;
  664. height:10px;
  665. border-radius:15px;
  666. background-color:{color:accent 2};
  667. color:{color:text};
  668. font-size:10px;
  669. float:left;
  670. padding:10px;
  671. text-align:center;
  672. margin-right:5px;
  673. }
  674.  
  675. #sidelink a:hover span{
  676. transform: scale(1.2);
  677. -webkit-transition: all 0.2s linear;
  678. -moz-transition: all 0.2s linear;
  679. transition: all 0.2s linear;
  680. }
  681.  
  682.  
  683. #pagination {
  684. font-family: 'Montserrat', sans-serif;
  685. font-size:10px;
  686. font-weight:900;
  687. width:180px;
  688. color:{color:accent};
  689. text-align:center;
  690. margin-left:30px;
  691. }
  692.  
  693. #pagination a{
  694. display:inline-block;
  695. color:{color:link};
  696. padding:7px 10px 5px 10px;
  697. }
  698.  
  699.  
  700. /*----------------- ASK POSTS -----------------*/
  701.  
  702. .question {
  703. padding:15px;
  704. background-color:{color:container};
  705. color:{color:text};
  706. margin-top:40px;
  707. margin-left:0px;
  708. width:220px;
  709. margin-bottom:20px;
  710. border-radius:10px;
  711. text-align:center;
  712. }
  713.  
  714. .asker img {
  715. position:absolute;
  716. border-radius:50px;
  717. margin-left:-40px;
  718. margin-right:40px;
  719. margin-top:-10px;
  720. border:5px solid {color:bold};
  721. }
  722.  
  723. .asker {
  724. padding-top:6px;
  725. background-color:{color:posts};
  726. padding:5px;
  727. color:{color:bold};
  728. font-size:16px;
  729. letter-spacing:1.5px;
  730. margin-left:23%;
  731. margin-top:5px;
  732. display:inline;
  733. width:auto;
  734. position:absolute;
  735. margin-bottom:10px;
  736. text-transform:uppercase;
  737. font-family:"creo";
  738. }
  739.  
  740. .asker a{
  741. color:{color:bold};
  742. margin-top:-5px;
  743. }
  744.  
  745.  
  746. /*----------------- CHAT POSTS -----------------*/
  747.  
  748. .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}
  749. .asked p {
  750. text-align: left;
  751. margin: 0 0px 10px 0px;
  752. padding: 0;
  753. color:{color:text};
  754. font-size: 12px;
  755. line-height: 0px;
  756. }
  757. .footerright .viasrc {
  758. float: left;
  759. }
  760. .asked a {
  761. margin:0;padding:0;
  762. }
  763. .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}}
  764. .convo {
  765. overflow: hidden;
  766. list-style-type: none;
  767. padding: 0;
  768. margin: 0;
  769. }
  770.  
  771. /*----------------- PERMALINK PAGE -----------------*/
  772. ol.notes {
  773. width:300px;
  774. padding: 0px;
  775. margin: 0px 0px;
  776. list-style-type: none;
  777. margin-left:5px;
  778. margin-top:-10px;
  779. font-size:9px;}
  780.  
  781. ol.notes li.note {
  782. padding: 10px;
  783. }
  784.  
  785. ol.notes li.note img.avatar {
  786. vertical-align: -4px;
  787. margin-right: 10px;
  788. width: 16px;
  789. height: 16px;
  790. }
  791.  
  792. ol.notes li.note .answer_content {
  793. font-weight: normal;
  794. }
  795.  
  796. ol.notes li.note blockquote {
  797. border-color: {color:posts};
  798. padding: 4px 10px;
  799. margin: 10px 0px 0px 25px;
  800. }
  801.  
  802. ol.notes li.note blockquote a {
  803. text-decoration: none;}
  804.  
  805.  
  806. /* TABS BASE CODE BY ALYOFRP. */
  807.  
  808.  
  809. .tabzclose { /* the close button, u prob dont need to touch this */
  810. position:absolute;
  811. text-transform:uppercase;
  812. font-weight:bold;
  813. font-size:8px;
  814. padding:0px;
  815. color:{color:links};
  816. top:30px;
  817. right:30px;
  818. height:20px;
  819. z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  820. }
  821.  
  822.  
  823. .tabzcon { margin-left:250px; margin-top:160px; position:absolute; z-index:999999; overflow:scroll; width:350px; height:535px; border-top-right-radius:0px; border-bottom-right-radius:0px; background-color:{color:container}; color:{color:text}; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; }
  824.  
  825.  
  826.  
  827. .tabzclose:hover { cursor:pointer; }
  828.  
  829. @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } }
  830.  
  831.  
  832.  
  833.  
  834.  
  835.  
  836. /*----------------- CREDITS / DO NOT TOUCH! that means you can't change the sizing, color, placement, and general appearance of the credit. -----------------*/
  837. #credits{
  838. position:fixed;
  839. bottom:10px;
  840. right:15px;
  841. width:36px;
  842. height:36px;
  843. text-align:center;
  844. }
  845.  
  846. #credits a{
  847. font-weight:bold;
  848. font-family:"creo";
  849. width:36px;
  850. height:36px;
  851. padding:0px;
  852. display:inline-block;
  853. -webkit-text-fill-color: {color:posts};
  854. background-color:{color:bold};
  855. font-size:18px;
  856. border-radius:50%;
  857.  
  858. }
  859.  
  860. #credits span{
  861. padding:5px;
  862. padding-top:10px;
  863. padding-right:5px;
  864. }
  865.  
  866. #credits a:hover{
  867. font-family:"creo";
  868. }
  869.  
  870. .pulse a:hover{
  871. animation: pulse 1s infinite;
  872. animation-timing-function: linear;
  873. }
  874.  
  875. @keyframes pulse {
  876. 0% { transform: scale(1); }
  877. 50% { transform: scale(1.3);
  878. 100% { transform: scale(1); }
  879. }
  880. }
  881.  
  882. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  883. :root {
  884. --Circle-Size:50px;
  885. --Progress-Border-Size:2px;
  886. --Progress-Empty:#eee;
  887. --Progress-Fill:{color:bold};
  888. --Player-Background:{color:accent 2};
  889. --Play-Pause-Buttons-Size:20px;
  890. --Play-Pause-Buttons-Color:#111;
  891. --Player-Text-Margin:9.5px;
  892.  
  893. --Song-Name-Font-Size:9.5px;
  894. --Song-Name-Color:{color:bold};
  895.  
  896. --Artist-Name-Font-Size:9.5px;
  897. --Artist-Name-Color:#888;
  898. }
  899.  
  900. #glenplayer07 {
  901. position:absolute;
  902. margin-top:10px;
  903. margin-left:10px;
  904. z-index:99;
  905. }
  906.  
  907. .flamingo {
  908. display:flex;
  909. align-items:center;
  910. }
  911.  
  912. .circleofdeath {
  913. width:var(--Circle-Size);
  914. height:var(--Circle-Size);
  915. border-radius:100%;
  916. overflow:hidden;
  917. }
  918.  
  919. .tinfoil {
  920. width:var(--Circle-Size);
  921. height:var(--Circle-Size);
  922. background:var(--Progress-Empty);
  923. border-radius:100%;
  924. }
  925.  
  926. .oven {
  927. background:var(--Progress-Fill);
  928. }
  929.  
  930. .oliveoil {
  931. width:100%;
  932. height:100%;
  933. }
  934.  
  935. .crust {
  936. position:absolute;
  937. top:0;
  938. display:flex;
  939. align-items:center;
  940. justify-content:center;
  941. width:var(--Circle-Size);
  942. height:var(--Circle-Size);
  943. }
  944.  
  945. .cherry {
  946. display:flex;
  947. align-items:center;
  948. justify-content:center;
  949. width:calc(var(--Circle-Size) - (var(--Progress-Border-Size) * 2));
  950. height:calc(var(--Circle-Size) - (var(--Progress-Border-Size) * 2));
  951. background:var(--Player-Background);
  952. border-radius:100%;
  953. cursor:pointer;
  954. z-index:1;
  955. }
  956.  
  957. .music-controls .material-icons {
  958. font-size:var(--Play-Pause-Buttons-Size);
  959. color:var(--Play-Pause-Buttons-Color);
  960. }
  961.  
  962. .pausee {display:none;}
  963.  
  964. .beff {display:none;}
  965. .aff {display:block;}
  966.  
  967. .music-info {
  968. margin-left:var(--Player-Text-Margin);
  969. line-height:1em;
  970. }
  971.  
  972. .song-name {
  973. font-family: 'Montserrat', sans-serif;
  974. font-size:var(--Song-Name-Font-Size);
  975. text-transform:uppercase;
  976. font-weight:bold;
  977. color:{color:bold};
  978. color:var(--Song-Name-Color);
  979. }
  980.  
  981. .artist-name {
  982. margin-top:3px;
  983. font-family: 'Montserrat', sans-serif;
  984. font-size:var(--Artist-Name-Font-Size);
  985. letter-spacing:0.3px;
  986. color:var(--Artist-Name-Color);
  987. }
  988.  
  989. {CustomCSS}
  990. </style>
  991.  
  992. <link rel="shortcut icon" href="{Favicon}">
  993. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  994.  
  995.  
  996. </head>
  997.  
  998. <body>
  999.  
  1000. <div id="TabzOne" class="tabzcon alytut" style="display:none">
  1001.  
  1002.  
  1003. YOUR CONTENT IS GOING TO GOO HEERREEEE . also you'll probably need to move that close option depending on where u want it or just get rid of it if u want lmao
  1004.  
  1005. <span style="z-index:999999999999999999999999999999999999999999999999999; top:420px; left:60px; background-color:{color:accent 2}; width:200px; height:10px; padding:8px; padding-top:0px; color:{color:text}; text-align:center;" onclick="this.parentElement.style.display='none'" class="tabzclose">
  1006. click here to close</span>
  1007. </span>
  1008.  
  1009. </div>
  1010.  
  1011.  
  1012. <div id="muses" class="tabzcon alytut" style="display:none">
  1013. <span style="z-index:999999999999999999999999999999999999999999999999999; top:420px; left:60px; background-color:{color:accent}; width:200px; height:10px; padding:8px; padding-top:0px; color:{color:text}; text-align:center;" onclick="this.parentElement.style.display='none'" class="tabzclose">
  1014. click here to close</span>
  1015. </span>
  1016. MORE CONTENT HERE
  1017. </div>
  1018.  
  1019. <div id="wave1">
  1020. <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 1046 675.3" xml:space="preserve" class="wave1fill">
  1021. <path d="M1050,684.3c-5.51-50.91-13.36-83.29-34.23-129.38S960.55,468,915.87,450c-22.8-9.18-47.68-12.3-69.34-24.25-34.58-19.08-55.93-58-68.47-97.53S759.9,246.9,746.6,207.67C710.34,100.73,613.53,20.57,508,10.12c-47.17-4.67-97.63,4.8-134,37.44-28.26,25.39-45.29,61.92-66.68,94.14a355.13,355.13,0,0,1-90.9,93.91c-42.58,30-91.92,50.22-127.61,89.22-39.35,43-57.07,103.47-68.12,162.58A1014.19,1014.19,0,0,0,4.07,684Z" transform="translate(-4 -9)"/></svg>
  1022. </div>
  1023.  
  1024. <div id="phone">
  1025. </div>
  1026.  
  1027.  
  1028. <div id="notif">
  1029. <img src="{image:icon}">
  1030. <b>ZARA , SHE / HER .</b><br/>
  1031. private , highly selective independent roleplay .
  1032. </div>
  1033.  
  1034.  
  1035. <div id="spotify">
  1036. <!-------MUSIC PLAYER BY GLENTHEMES------->
  1037. <div id="glenplayer07">
  1038. <div class="flamingo">
  1039. <div class="circleofdeath">
  1040. <div class="tinfoil">
  1041. <div class="oliveoil"></div>
  1042. </div>
  1043. <div class="crust">
  1044. <div class="cherry">
  1045. <div class="music-controls">
  1046. <i class="material-icons playy">play_arrow</i>
  1047. <i class="material-icons pausee">pause</i>
  1048. </div>
  1049. </div><!--cherry-->
  1050. </div><!--crust-->
  1051. </div><!--circleofdeath-->
  1052.  
  1053. <div class="music-info">
  1054. <div class="song-name">REALITY</div>
  1055. <div class="artist-name">mamamoo</div>
  1056. </div><!--music-info-->
  1057. </div><!--flamingo-->
  1058. </div><!--glenplayer07-->
  1059.  
  1060. <audio id="audio" src="https://dl.dropbox.com/s/g2g4f2qtcntdwv5/MAMAMOO%20%28%EB%A7%88%EB%A7%88%EB%AC%B4%29%20-%20rEALITY%20-%20Color%20Coded%20%28Han%20Rom%20Eng%29.mp3" type="audio"></audio>
  1061. <!----end music player---->
  1062. </div>
  1063.  
  1064. <div id="leftwindow">
  1065. <div id="browserbig">
  1066. <div class="dots">
  1067. <span class="th th-circle"></span>
  1068. <span class="th th-circle"></span>
  1069. <span class="th th-circle"></span>
  1070. </div></div>
  1071.  
  1072. <div class="sideimage"><img src="{image:left image}" draggable="false"></div>
  1073.  
  1074. <div id="maintitle">{text:main title}</div>
  1075. <div id="maintitle2">{text:main title2}</div>
  1076.  
  1077. <div class="description">{text:side description}</div>
  1078.  
  1079. </div>
  1080.  
  1081. <div id="rightwindow">
  1082. <div id="browserbig">
  1083. <div class="comp">
  1084. <span class="th th-minus"></span>&nbsp;
  1085. <span class="th th-cross"></span></div></div>
  1086.  
  1087. <div id="stats">
  1088. <span class="blinking">{text:stats}</span>
  1089. </div>
  1090.  
  1091. <img src="{image:right image}">
  1092.  
  1093. <div id="sidelink">
  1094. <a href="{text:sidelink url}" title="{text:sidelink title1}"><span class="th th-home-o"></span></a>
  1095. <a href="{text:sidelink url2}" title="{text:sidelink title2}"><span class="th th-envelope-o"></span></a>
  1096. <a href="javascript:void(0)" title="{text:sidelink title3}" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');"><span class="th th-star-o"></span></a>
  1097. <a href="javascript:void(0)" title="{text:sidelink title4}" class="tablink tabzact" onclick="openAlytut(event, 'muses');"><span class="th th-worldwide-o"></span></a>
  1098. </div>
  1099.  
  1100. {block:Pagination}
  1101. <div id="pagination">
  1102. <div style="margin-top:65px;margin-bottom:10px;">
  1103. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page"><span class="th th-chevron-left"></span></a>{/block:PreviousPage}
  1104. {block:JumpPagination length="3"}
  1105. {block:CurrentPage}<a><span class="current_page">{PageNumber}</span></a>{/block:CurrentPage}
  1106. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1107. {block:NextPage}<a href="{NextPage}" class="jump_page"><span class="th th-chevron-right"></span></a>{/block:NextPage}
  1108. </div></div>
  1109. {/block:Pagination}
  1110.  
  1111. </div>
  1112.  
  1113. <!-------------------------------POSTS------------------------------->
  1114. <div id="container">
  1115.  
  1116. {block:Posts}
  1117.  
  1118. <div id="post">
  1119.  
  1120. {block:text}
  1121. {block:Title}
  1122. <div class="posttitle">{Title}</div>
  1123. {/block:Title}
  1124. {Body}
  1125. {/block:text}
  1126.  
  1127. {block:Link}
  1128. <div class="posttitle">
  1129. <a href="{URL}">{Name}</a>
  1130. </div>
  1131. {block:Description}{Description}{/block:Description}
  1132. {/block:Link}
  1133.  
  1134. {block:Photo}
  1135. <center>
  1136. {LinkOpenTag}
  1137. <a href="{permalink}">
  1138. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="350"></a>
  1139. {LinkCloseTag}
  1140. </center>
  1141. {block:Caption}{Caption}{/block:Caption}
  1142. {block:ContentSource}
  1143. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1144. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1145. {/block:SourceLogo}
  1146. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1147. {/block:ContentSource}
  1148. {block:ReblogParentURL}
  1149. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1150. {/block:ReblogParentURL}
  1151. {/block:Photo}
  1152.  
  1153. {block:Photoset}
  1154. <div style="z-index:99999999999999999999;">{Photoset}</div>
  1155. {block:Caption}{Caption}{/block:Caption}
  1156. {/block:Photoset}
  1157.  
  1158. {block:Quote}
  1159. <h1>{Quote}</h1>
  1160. {block:Source}
  1161. <center>- {Source}</center>
  1162. {/block:Source}
  1163. {/block:Quote}
  1164.  
  1165. {block:Chat}
  1166. {block:Title}
  1167. <h1>{Title}</h1>{/block:Title}<br>
  1168. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1169. {Line}</li>{/block:Lines}</ul>
  1170. {/block:Chat}
  1171.  
  1172. {block:Audio}
  1173. {block:AlbumArt}
  1174. <img src="{AlbumArtURL}" width="60" align="left" style="margin-right:10px; border-radius:50%;" />{/block:AlbumArt}
  1175. <br/>
  1176. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1177. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1178. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  1179. <span class="audio">{AudioPlayerGrey}<br></span>
  1180. {block:Caption}{Caption}{/block:Caption}
  1181. {/block:Audio}
  1182.  
  1183. {block:Video}
  1184. <div class="video">{Video-500}</div>
  1185. {block:Caption}{Caption}{/block:Caption}
  1186. {/block:Video}
  1187.  
  1188. {block:Answer}
  1189. <div class="asker"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1190. <div class="question">{Question}</div>
  1191. {Answer}{/block:Answer}
  1192.  
  1193. {block:IndexPage}
  1194. <div class="info">
  1195. {block:Date}
  1196. <span><a href="{Permalink}" title="{TimeAgo}">
  1197. <b>{ShortMonth} {DayOfMonthWithZero}</b></a>
  1198. {block:NoteCount}with
  1199. <b><a href="{Permalink}">{NoteCountWithLabel}</b></a>{/block:NoteCount}</span>
  1200. {/block:Date}
  1201. <rb>
  1202. <span>
  1203.  
  1204. {block:RebloggedFrom}
  1205. <a href="{reblogparenturl}" title="via"><span class="th th-share-o"></span></a>{/block:RebloggedFrom}
  1206.  
  1207. {block:ContentSource}
  1208. <a href="{SourceURL}" title="source"><span class="th th-push-pin-o"></span></a>{/block:ContentSource}
  1209.  
  1210. <a href="{ReblogURL}" title="reblog" target="_blank" class="reblog"><span class="th th-reload"></span></a></span></rb>
  1211. </div>
  1212.  
  1213. <div class="tags">{block:HasTags}
  1214. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  1215. {/block:Tags}
  1216. {/block:HasTags}</div>
  1217. {/block:IndexPage}
  1218.  
  1219.  
  1220. {block:PermalinkPage}
  1221. <div class="info">
  1222. {block:Date}<span>
  1223. <a href="{Permalink}">
  1224. <b>{ShortMonth} {DayOfMonthWithZero}</b></a> with <b><a href="{Permalink}">{NoteCountWithLabel}</b></a></span>
  1225. {/block:Date}
  1226. <span>
  1227. </span>
  1228. </div>
  1229.  
  1230. <div class="tags">{block:HasTags}
  1231. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  1232. {/block:Tags}
  1233. {/block:HasTags}</div>
  1234. {/block:PermalinkPage}
  1235.  
  1236.  
  1237. </div><!----POST END---->
  1238.  
  1239. {block:PostNotes}
  1240. {PostNotes}
  1241. {/block:PostNotes}
  1242. {/block:Posts}
  1243.  
  1244. </div><!--END DEFAULT-->
  1245.  
  1246.  
  1247. <div id="entries">
  1248.  
  1249.  
  1250. </div><!----ENTRIES END---->
  1251. </div>
  1252.  
  1253. <div id="credits">
  1254. <div class="pulse">
  1255. <a href="https://drunkblushed.tumblr.com/" title="made by dana">
  1256. <span class="th th-heart-1-o"></a></div></div>
  1257.  
  1258.  
  1259. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!