API tools faq
paste
raingurl

hxtpcloudthm

raingurl
Aug 26th, 2020
182
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.90 KB | None | 0 0
raw download clone embed print report diff
  1. <!--
  2.  
  3.  
  4.  
  5. TIMELESS, a theme by hixtapes.
  6. + please do not steal bits of or use
  7. as a base code.
  8. + do not remove or move the credits.
  9. + you may edit this for personal use
  10. only, but do not make it unrecognizable
  11. from the original work, please.
  12. base code by 14kgolds, font by rmon.
  13.  
  14.  
  15.  
  16. -->
  17.  
  18.  
  19. <head>
  20.  
  21. <meta name="color:background" content="#eaeaea"/>
  22. <meta name="color:borders" content="#d7d7d7"/>
  23. <meta name="color:container" content="#e5e5e5"/>
  24. <meta name="color:posts" content="#ededed"/>
  25. <meta name="color:desc" content="#bbbbb"/>
  26. <meta name="color:text" content="#bbbbbb"/>
  27. <meta name="color:links" content="#c6c6c6"/>
  28. <meta name="color:hover" content="#e5bd77"/>
  29. <meta name="color:bold" content="#943d2c"/>
  30. <meta name="color:italic" content="#e5bd77"/>
  31. <meta name="color:shadow" content="#e2e2e2"/>
  32. <meta name="color:svg" content="#dfd0bb"/>
  33. <meta name="color:svg2" content="#d7c8b4"/>
  34. <meta name="color:svg3" content="#da8158"/>
  35. <meta name="color:svg4" content="#cc7952"/>
  36.  
  37. <meta name="if:grayscale" content="1"/>
  38.  
  39. <meta name="image:background" content=""/>
  40. <meta name="image:notif icon" content="https://66.media.tumblr.com/d50e7afa7f1182f47d7affe49c9052c4/6fdc32ef1eb69586-27/s540x810/f1364375e3c74b3f920364010983b072c925a90f.png"/>
  41. <meta name="image:side" content="https://66.media.tumblr.com/74c6a92983826c487d8b7bf11b795753/b078e6e89d7fd8b3-20/s2048x3072/af389ed4249eab75c1be1d2437251e33a5b40af6.png"/>
  42.  
  43. <meta name="text:desc" content="According to all known laws of aviation, there is no way a bee should be able to fly. According to all known laws of aviation, there is no way a bee should be able to fly. According to all known laws of aviation, there is no way a bee should be able to fly. According to all known laws of aviation, there is no way a bee should be able to fly. According to all known laws of aviation, there is no way a bee should be able to fly.">
  44. <meta name="text:notif from" content="from ?????,">
  45. <meta name="text:notif desc" content="According to all known laws of aviation, there is no way a bee should be able to fly.">
  46. <meta name="text:sidelink url" content="/">
  47. <meta name="text:star one" content="According to all known laws of aviation,">
  48. <meta name="text:star two" content="there is no way a bee should be able to fly.">
  49.  
  50. <meta name="text:tablink" content="link">
  51. <meta name="text:tablink url" content="/">
  52. <meta name="text:tablink 2" content="link">
  53. <meta name="text:tablink 2 url" content="/">
  54. <meta name="text:tablink 3" content="link">
  55. <meta name="text:tablink 3 url" content="/">
  56. <meta name="text:tablink 4" content="link">
  57. <meta name="text:tablink 4 url" content="/">
  58. <meta name="text:tablink 5" content="link">
  59. <meta name="text:tablink 5 url" content="/">
  60. <meta name="text:tablink 6" content="link">
  61. <meta name="text:tablink 6 url" content="/">
  62.  
  63. <title>{Title}</title>
  64. <link rel="shortcut icon" href="{Favicon}">
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  66. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  67.  
  68. <script>
  69. function openAlytut(evt, alytutName) {
  70. var i, x, tablinks;
  71. x = document.getElementsByClassName("alytut");
  72. for (i = 0; i < x.length; i++) {
  73. x[i].style.display = "none";
  74. }
  75. tablinks = document.getElementsByClassName("tablink");
  76. for (i = 0; i < x.length; i++) {
  77. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  78. }
  79. document.getElementById(alytutName).style.display = "block";
  80. evt.currentTarget.className += " tabzact";
  81. }
  82. </script>
  83.  
  84. <script>
  85.  
  86. $(document).ready(function(){
  87. $(“ul#tab li”).click(function(e){
  88. if (!$(this).hasClass(“active”)) {
  89. var tabNum = $(this).index();
  90. var nthChild = tabNum+1;
  91. $(“ul#tab li.active”).removeClass(“active”);
  92. $(this).addClass(“active”);
  93. $(“ul#tab li.active”).removeClass(“active”);
  94. $(“ul#tab li:nth-child(”+nthChild+“)”).addClass(“active”);
  95. }
  96. });
  97. });
  98.  
  99. </script>
  100.  
  101. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  102. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  103. <script>
  104. (function($){
  105. $(document).ready(function() {
  106. $("a[title]").style_my_tooltips({
  107. tip_follows_cursor:false,
  108. tip_delay_time:90,
  109. tip_fade_speed:600,
  110. attribute:"title"
  111. });
  112. });
  113. })(jQuery);
  114. </script>
  115.  
  116. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  117.  
  118. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  119.  
  120. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  121.  
  122. <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700,900&display=swap" rel="stylesheet">
  123.  
  124. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  125.  
  126. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Karla" rel="stylesheet">
  127.  
  128. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  129.  
  130. <!-------MUSIC PLAYER BY GLENTHEMES------->
  131. <script src="https://dl.dropbox.com/s/brdv4yv2iaigjmp/glenplayer07.js"></script>
  132.  
  133. <style type="text/css">
  134.  
  135. @font-face{ font-family:"cocogoose"; src: url('https://dl.dropboxusercontent.com/s/t2iwm8rckdm4w8s/Cocogoose%20Pro-trial.ttf’)'); }
  136.  
  137.  
  138. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  139. :root {
  140. --Circle-Size:38px;
  141. --Progress-Border-Size:2px;
  142. --Progress-Empty:{color:background};
  143. --Progress-Fill:{color:bold};
  144. --Player-Background:{color:bold};
  145. --Play-Pause-Buttons-Size:14px;
  146. --Play-Pause-Buttons-Color:#fff;
  147. --Player-Text-Margin:16px;
  148.  
  149. --Song-Name-Font-Size:9px;
  150. --Song-Name-Color:{color:bold};
  151.  
  152. --Artist-Name-Font-Size:10px;
  153. --Artist-Name-Color:#888;
  154. }
  155.  
  156. #glenplayer07 {
  157. position:absolute;
  158. width:150px;
  159. height:50px;
  160. background-color:{color:posts};
  161. border-left:5px solid {color:bold};
  162. top:0;margin-top:345px;
  163. right:0;margin-right:-20px;
  164. z-index:99;
  165. border-radius:5px;
  166. border-radius:5px;
  167. z-index:999999999999999999;
  168. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  169. }
  170.  
  171. #glenplayer07:hover { transform: scale(1.1); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  172.  
  173. .flamingo {
  174. display:flex;
  175. align-items:center;
  176. }
  177.  
  178. .circleofdeath {
  179. width:var(--Circle-Size);
  180. height:var(--Circle-Size);
  181. border-radius:5;
  182. overflow:hidden;
  183. }
  184.  
  185. .tinfoil {
  186. position:absolute;
  187. width:var(--Circle-Size);
  188. height:var(--Circle-Size);
  189. background:var(--Progress-Empty);
  190. top:5px;
  191. left:5px;
  192. border-radius:5px;
  193. }
  194.  
  195. .oven {
  196. background:var(--Progress-Fill);
  197. border-radius:5px;
  198. }
  199.  
  200. .oliveoil {
  201. width:100%;
  202. height:100%;
  203. }
  204.  
  205. .crust {
  206. position:absolute;
  207. top:5px;
  208. left:5px;
  209. display:flex;
  210. align-items:center;
  211. justify-content:center;
  212. width:var(--Circle-Size);
  213. height:var(--Circle-Size);
  214. }
  215.  
  216. .cherry {
  217. display:flex;
  218. align-items:center;
  219. justify-content:center;
  220. width:calc(var(--Circle-Size) - (var(--Progress-Border-Size) * 2));
  221. height:calc(var(--Circle-Size) - (var(--Progress-Border-Size) * 2));
  222. background:var(--Player-Background);
  223. top:5px;
  224. left:10px;
  225. border-radius:5px;
  226. cursor:pointer;
  227. z-index:1;
  228. }
  229.  
  230. .music-controls .material-icons {
  231. font-size:var(--Play-Pause-Buttons-Size);
  232. color:var(--Play-Pause-Buttons-Color);
  233. margin-top:5px;
  234. }
  235.  
  236. .pausee {display:none;}
  237.  
  238. .beff {display:none;}
  239. .aff {display:block;}
  240.  
  241. .music-info {
  242. margin-left:var(--Player-Text-Margin);
  243. line-height:1em;
  244. }
  245.  
  246. .song-name {
  247. font-family:ABeeZee;
  248. font-size:var(--Song-Name-Font-Size);
  249. text-transform:uppercase;
  250. letter-spacing:1.5px;
  251. margin-top:14px;
  252. margin-left:30px;
  253. width:140px;
  254. color:var(--Song-Name-Color);
  255. }
  256.  
  257. .artist-name {
  258. margin-left:30px;
  259. margin-top:3px;
  260. font-family:karla;
  261. font-size:var(--Artist-Name-Font-Size);
  262. letter-spacing:0.3px;
  263. color:var(--Artist-Name-Color);
  264. }
  265.  
  266.  
  267.  
  268. /* ------ tumblr controls ------ */
  269.  
  270. iframe.tmblr-iframe { top:0px!important; right:0px!important; opacity:0.8; transform:scale(0.6); transform-origin:100% 0; -webkit-transform:scale(0.8); -webkit-transform-origin:100% 0; -o-transform:scale(0.8); -o-transform-origin:100% 0; -moz-transform:scale(0.8); -moz-transform-origin:100% 0; -ms-transform:scale(0.8); -ms-transform-origin:100% 0; z-index:100000!important; }
  271.  
  272. iframe.tmblr-iframe:hover { opacity:1!important; }
  273.  
  274.  
  275.  
  276. /* ------ tooltip / selection / scrollbar ------ */
  277.  
  278.  
  279. #s-m-t-tooltip { max-width:320px; padding:2px 7px 2px 7px; border-radius:15px; margin:20px 15px; color:{color:posts}; background-color:{color:italic}; z-index:999999999999999; text-transform:uppercase; letter-spacing:1px; font-size:8px; text-align:justify; }
  280.  
  281. ::-moz-selection { background:{color:italic}; color:{color:posts}; }
  282.  
  283. ::selection { background:{color:italic}; color:{color:posts}; }
  284.  
  285. ::-webkit-scrollbar { width: 0px; height:0px; background:transparent; }
  286.  
  287. ::-webkit-scrollbar-thumb { background-color: transparent; }
  288.  
  289.  
  290. /* ------ body / text styling ------ */
  291.  
  292.  
  293. body { background-color:{color:background}; color:{color:text}; font-family:karla; font-size:9.5px; line-height:13px; letter-spacing:1px; background-image:url('{image:background}'); }
  294.  
  295. a { text-decoration:none; color:{color:links}; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  296.  
  297. a:hover { color:{color:hover}; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  298.  
  299. blockquote { margin-left:5px; padding-left:10px; width:90%; border-left:1px solid {color:bold}; }
  300.  
  301. blockquote blockquote { border-left:1px solid {color:italic}; margin-left:10px; }
  302.  
  303. blockquote blockquote blockquote { border-left:1px solid {color:bold}; margin-left:10px; }
  304.  
  305. h1 { font-size:25px; font-family: cocogoose; text-shadow: 1px 0.5px 5px rgba(0,0,0,0.1); text-decoration: none; background: linear-gradient(90deg, {color:bold} 20%, {color:italic} 100%); -webkit-background-clip: text; -webkit-text-stroke: 4px transparent; color: {color:posts}; text-align: center; line-height:30px; text-transform:uppercase;}
  306.  
  307. h2 { color:{color:bold}; letter-spacing:1px; font-weight:800; text-transform:uppercase;}
  308.  
  309. small, sup, sub { font-size:9px; }
  310.  
  311. b, strong { font-weight:800; color:{color:bold}; }
  312.  
  313. i, em { color:{color:italic}; }
  314.  
  315.  
  316. /* ------ container / holders ------ */
  317.  
  318.  
  319.  
  320. #container { background-color:{color:container}; overflow:hidden; position:fixed; margin:auto; left:0px; right:0px; top:0px; bottom:0px; width:570px; height:425px; border-radius:15px; overflow:visible; border:15px solid {color:borders}; box-shadow:0px 0px 20px {color:shadow}; z-index:999999;}
  321.  
  322. #holder { background-color:transparent; position:fixed; margin:auto; left:0px; right:0px; top:0px; bottom:0px; width:805px; height:635px; overflow:visible;}
  323.  
  324. .circleone a { position:absolute; font-size:38px; color:{color:svg4}; top:200px; left:0px; z-index:9999999999999;}
  325.  
  326. .circletwo a { position:absolute; font-size:25px; color:{color:svg}; top:50px; left:220px; z-index:9999999999999;}
  327.  
  328. .circlethree { position:absolute; font-size:38px; color:{color:svg2}; bottom:130px; right:-80px; z-index:99999999999999;}
  329.  
  330. .circlefour { position:absolute; font-size:25px; color:{color:svg3}; bottom:200px; right:250px; z-index:9999999999999;}
  331.  
  332.  
  333.  
  334. /* ------ top bar contents ------ */
  335.  
  336.  
  337.  
  338. #topbar { position:absolute; width:570px; height:15px; background-color:{color:posts}; top:0px; left:0px; z-index:999999;}
  339.  
  340. .lefttext { position:absolute; font-size:8px; letter-spacing:.5px; word-spacing:10px; font-weight:900; left:10px; top:1px; color:{color:text};}
  341.  
  342. .lefttext i { font-size:10px; color:{color:text}; }
  343.  
  344. .righttext { position:absolute; font-size:8px; letter-spacing:.5px; font-weight:900; word-spacing:2px; right:10px; top:2px; color:{color:text}; }
  345.  
  346. .righttext i { font-size:9px; color:{color:text}; }
  347.  
  348. .righttext img { position:absolute; top:-2px; right:13px; width:14px; height:14px; }
  349.  
  350. #notification { position:absolute; width:200px; height:70px; background-color:{color:posts}; border-radius:10px; opacity:.8; top:265px; right:-30px; z-index:999999999999999999; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  351.  
  352. .notificon { position:absolute; width:50px; height:50px; top:10px; left:10px; background-image:url({image:notif icon}); overflow:hidden; border-radius:5px;}
  353.  
  354. .notiffrom { position:absolute; width:100px; height:10px; font-size:11px; letter-spacing:1px; left:70px; top:20px; text-transform:uppercase; color:{color:italic}; }
  355.  
  356. .notifdesc { position:absolute; width:125px; height:20px; font-size:8px; letter-spacing:1px; line-height:10px; left:70px; top:35px; text-transform:uppercase; color:{color:text}; overflow:hidden;}
  357.  
  358. .notifnow { position:absolute; width:100px; font-size:7px; letter-spacing:1px; line-height:10px; right:-45px; top:10px; text-transform:uppercase; color:{color:text}; opacity:.8;}
  359.  
  360. #notification:hover { transform: scale(1.1); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  361.  
  362. .sidelinks { position:absolute; z-index:99999999999999999; padding-top:10px; top:80px; right:115px; text-align:center; width:100px; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; }
  363.  
  364. .sidelinks a { font-size:9px; line-height:15px; box-shadow:none; -webkit-transition∂: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  365.  
  366. .sidelinks a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  367.  
  368. .sidelinks li { display:block; margin-right:2px; margin-bottom:5px;}
  369.  
  370. #boxone { position:absolute; right:260px; top:150px; z-index:999999999;}
  371.  
  372. .boxone { position:absolute; background-color:{color:posts}; width:200px; height:150px; border-radius:5px 5px 0px 0px; overflow:hidden; box-shadow:0px 0px 20px {color:shadow}; }
  373.  
  374. .boxone img { width:200px; height:135px; margin-top:20px; }
  375.  
  376. .onetop { position:absolute; background-color:{color:background}; width:200px; height:20px; top:0px; left:0px; border-radius:5px 5px 0px 0px;}
  377.  
  378. .onedots { position:absolute; word-spacing:1px; font-weight:900; font-size:15px; left:15px; top:5px; color:{color:bold}; }
  379.  
  380. .dotter { font-size:65px; letter-spacing:15px; position:absolute; color:transparent; -webkit-text-stroke:1px {color:borders}; text-shadow:3px 3px {color:bold}; top:30px; right:90px; line-height:20px; z-index:99; text-align:right;}
  381.  
  382. #boxtwo { position:absolute; right:350px; top:280px; z-index:999999999;}
  383.  
  384. .boxtwo { position:absolute; background-color:{color:posts}; width:200px; height:150px; border-radius:5px 5px 0px 0px; overflow:hidden; box-shadow:0px 0px 20px {color:shadow};}
  385.  
  386. .twotop { position:absolute; background-color:{color:background}; width:200px; height:20px; top:0px; left:0px; border-radius:5px 5px 0px 0px;}
  387.  
  388. .desc { position:absolute; width:180px; height:105px; left:10px; top:33px; font-size:8px; letter-spacing:1px; font-weight:700; line-height:15px; text-transform:uppercase; text-align:justify; overflow:hidden; color:{color:desc};}
  389.  
  390. .twodots { position:absolute; word-spacing:1px; font-weight:900; font-size:15px; right:15px; top:5px; color:{color:italic}; }
  391.  
  392.  
  393.  
  394. /* ------ posts styling ------ */
  395.  
  396.  
  397.  
  398. .entries { text-align:justify; position:absolute; z-index:99999; height:425px; width:380px; overflow:auto; margin:auto; left:10px; top:25px; bottom:25px; overflow-x:hidden; }
  399.  
  400. .posts { width:250px; background-color:{color:posts}; margin-bottom:45px; margin-top:40px; margin-left:17px; text-align:justify; padding-left:20px; padding-right:18px; padding-top:15px; padding-bottom:10px; border-radius:5px; box-shadow:5px 5px {color:shadow};}
  401.  
  402. .posts a { padding-left:2px; }
  403.  
  404. .posts li:before { margin-right:10px; line-height:20px; }
  405.  
  406. .posts ul li { list-style-type: none; }
  407.  
  408. .posts img { max-width:250px; height:auto; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  409.  
  410. .posts img:hover { {block:ifGrayscale}-webkit-filter: grayscale(0%);{/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  411.  
  412. iframe { max-width:250px; }
  413.  
  414. .media img, .media iframe { {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  415.  
  416. .media img:hover, .media iframe:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  417.  
  418. .html_photoset { padding-top:3px; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  419.  
  420. .html_photoset:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  421.  
  422. .more { width:100%; text-align:center; margin-top:20px; margin-bottom:5px; }
  423.  
  424. .more a { text-transform:uppercase; font-size:9px; color:{color:posts}; background-color:{color:bold}; padding:4px 11px 4px 11px; border-radius:3px; font-weight:800; }
  425.  
  426. #permalink { letter-spacing:.5px; text-align:left; text-transform:uppercase; font-size:9px; padding-top:6px; padding-bottom:6px; padding-right:10px; margin-top:20px; }
  427.  
  428. #permalink a { letter-spacing:1px; font-weight:600; color:{color:links}; padding-right:2px; webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  429.  
  430. #tags { width:285px; margin-top:-30px; margin-left:20px; margin-bottom:30px; letter-spacing:1px; font-size:7.5px; text-align:center; text-transform:uppercase; line-height:16px; }
  431.  
  432. #tags span { font-size:7px; }
  433.  
  434. #tags a { letter-spacing:1px; color:{color:text}; padding-left:2px; padding-right:2px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  435.  
  436. #tags a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  437.  
  438. .pagination { font-size:11px; width:350px; padding-right:10px; position:absolute; margin-bottom:50px; text-align:center; z-index:99999; }
  439.  
  440. .pagination a { color:{color:links}; letter-spacing:50px; text-align:center; font-size:15px; }
  441.  
  442.  
  443.  
  444.  
  445. /* ------ chat styling ------ */
  446.  
  447.  
  448.  
  449. .answer span,.convo li{margin:0 0 15px;border-radius:1em;padding:.9em 10px;max-width:75%;clear:both;position:relative}
  450.  
  451. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:{color:container};color:{color:text};left:3px}
  452.  
  453. .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:.9em solid {color:container};border-bottom-right-radius:1em .5em}
  454.  
  455. .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}}
  456.  
  457. .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:.9em solid {color:background};border-bottom-left-radius:1em .5em}
  458.  
  459. .me p,.answer,.asked span{padding:0;margin:0}
  460.  
  461. .answer{overflow:hidden}
  462.  
  463. .asked p { text-align: left; margin: 0 0px 10px 0px; padding: 0; color:{color:text}; font-size: 12px; line-height: 0px; }
  464.  
  465. .footerright .viasrc { float: left; }
  466.  
  467. .asked a { margin:0;padding:0;}
  468.  
  469. .user_4{background-color:{color:container};color{color:text}}
  470.  
  471. .user_4::after{border-color:{color:container}}
  472.  
  473. .user_6{background-color:{color:container};color{color:text}}
  474.  
  475. .user_6::after{border-color:{color:container}}
  476.  
  477. .user_5{background-color:{color:background};color:{color:text}}
  478.  
  479. .user_5::after{border-color:{color:link}}
  480.  
  481. .user_3{background-color:{color:container};color{color:text}}
  482.  
  483. .user_3::after{border-color:{color:container}}
  484.  
  485. .user_7{background-color:{color:container};color{color:text}}
  486.  
  487. .user_7::after{border-color:{color:container}}
  488.  
  489. .user_8{background-color:{color:container};color{color:text}}
  490.  
  491. .user_8::after{border-color:{color:container}}
  492.  
  493. .user_9{background-color:{color:container};color{color:text}}
  494.  
  495. .user_9::after{border-color:{color:container}}
  496.  
  497. .convo { overflow: hidden; list-style-type: none; padding: 0; margin: 0;}
  498.  
  499.  
  500.  
  501. /* ------ quotes styling ------ */
  502.  
  503.  
  504. #q { font-size:25px; font-family: cocogoose; text-shadow: 1px 0.5px 5px rgba(0,0,0,0.1); text-decoration: none; background: linear-gradient(90deg, {color:italic} 20%, {color:bold} 100%); -webkit-background-clip: text; -webkit-text-stroke: 4px transparent; color: {color:posts}; text-align: center; line-height:30px; text-transform:uppercase; }
  505.  
  506. .source { color:{color:text}; margin-top:15px; font-size:8px; font-weight:500; text-align:right; letter-spacing:1px; text-transform:uppercase; padding-bottom:5px; }
  507.  
  508. .source a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  509.  
  510.  
  511. /* ------ askbox styling ------ */
  512.  
  513.  
  514. #question { padding:20px 30px; padding-bottom:10px; margin:0px; margin-top:5px; margin-bottom:30px; color:{color:text}; background-color:{color:container}; text-align:center; border-radius:25px; box-shadow:5px 5px {color:shadow}; }
  515.  
  516. .askicon { font-size:35px; position:absolute; margin-left:-25px; width:auto; height:auto; margin-top:-15px; transform:rotate(30deg); color:{color:bold}; text-shadow:0px 0px 10px {color:shadow};}
  517.  
  518. #asker { width:auto; height:14px; padding:10px 10px; padding-top:10px; margin:0px; margin-top:0px; margin-bottom:0px; color:{color:text}; text-align:center; text-transform:uppercase; letter-spacing:2px; border-top:1px solid {color:borders};}
  519.  
  520. #asker a { color:{color:bold}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  521.  
  522. #asker a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  523.  
  524.  
  525. /* ------ audio styling ------ */
  526.  
  527.  
  528. .playbutton { width:30px; height:30px; overflow:hidden; position:relative; margin-top:25px; margin-left:25px; z-index:9; opacity:.7; }
  529.  
  530. .albumart img { height:60px; width:60px; position:relative; margin-top:-65px; margin-left:0px; margin-left:10px; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  531.  
  532. .albumart img:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  533.  
  534. .albumdetails { margin-top:-68px; text-align:;left; margin-left:75px; padding:5px; text-transform:uppercase; font-size:8px; letter-spacing:1px; }
  535.  
  536. .albumdetails lame { letter-spacing:1px; font-size:8px; line-height:70%; display:inline-block; text-transform:uppercase; color:{color:bold}; background-color:{color:posts}; margin-right:5px; font-weight:800; }
  537.  
  538.  
  539.  
  540. /* ------ if u love me dont touch this ------ */
  541.  
  542.  
  543. #credit a { right:20px; bottom:20px; position:fixed; color:{color:bold}; padding-top:8px; padding-bottom:9px; padding-left:9px; padding-right:9px; border-radius:100%; font-size:16px; text-align:center; }
  544.  
  545.  
  546.  
  547.  
  548. /* ------ tabs credit to valcntines ------ */
  549.  
  550.  
  551. .tabzcon { margin-left:455px; margin-top:280px; position:absolute; z-index:999999999; overflow:hidden; background-color:{color:posts}; width:200px; height:150px; border-radius:5px; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; }
  552.  
  553. @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } }
  554.  
  555. .tabzclose { position:absolute; z-index:99999999999; font-size:7px; padding:3px; top:3px; left:10px; text-transform:uppercase; letter-spacing:1px;}
  556.  
  557. .tabzclose:hover { cursor:pointer; }
  558.  
  559.  
  560.  
  561. /* ------ navigation tab ------ */
  562.  
  563.  
  564.  
  565. .tabtop { position:absolute; background-color:{color:background}; width:200px; height:20px; top:0px; left:0px; border-radius:5px 5px 0px 0px;}
  566.  
  567. .tabdots { position:absolute; word-spacing:1px; font-weight:900; font-size:15px; right:15px; top:5px; color:{color:bold}; }
  568.  
  569. .nlinks { position:absolute; z-index:9; top:35px; left:20px; text-align:center; width:200px;}
  570.  
  571. .nlinks a { font-size:12px; color:{color:posts}; }
  572.  
  573. .nlinks li { margin-bottom:10px; margin-right:10px; width:47.5px; padding-top:15px; padding-bottom:15px; float:left; list-style-type:none; text-align:center; background-color:{color:bold}; border-radius:5px;}
  574.  
  575.  
  576.  
  577.  
  578. {CustomCSS}
  579.  
  580.  
  581. </style>
  582. </head>
  583. <body>
  584.  
  585. <div id="holder">
  586.  
  587. <div id="boxone">
  588. <div class="boxone">
  589. <div class="onetop"><div class="onedots">• • •</div></div>
  590. <img src="{image:side}" draggable="false">
  591. </div>
  592. </div>
  593.  
  594. <div id="boxtwo">
  595. <div class="boxtwo">
  596. <div class="twotop"><div class="twodots">• • •</div></div>
  597. <div class="desc">{text:desc}</div>
  598. </div>
  599. </div>
  600.  
  601. <div class="circleone"><a title="{text:star one}">✦</a></div>
  602. <div class="circletwo"><a title="{text:star two}">✦</a></div>
  603. <div class="circlethree">✦</div>
  604. <div class="circlefour">✦</div>
  605.  
  606. <div id="notification">
  607. <div class="notificon"></div>
  608. <div class="notiffrom">{text:notif from}</div>
  609. <div class="notifdesc">{text:notif desc}</div>
  610. <div class="notifnow">just now</div>
  611. </div>
  612.  
  613.  
  614. <!-------MUSIC PLAYER BY GLENTHEMES------->
  615. <div id="glenplayer07">
  616. <div class="flamingo">
  617. <div class="circleofdeath">
  618. <div class="tinfoil">
  619. <div class="oliveoil"></div>
  620. </div>
  621. <div class="crust">
  622. <div class="cherry">
  623. <div class="music-controls">
  624. <i class="material-icons playy">play_arrow</i>
  625. <i class="material-icons pausee">pause</i>
  626. </div>
  627. </div><!--cherry-->
  628. </div><!--crust-->
  629. </div><!--circleofdeath-->
  630.  
  631. <div class="music-info">
  632. <div class="song-name">to be so lonely,</div>
  633. <div class="artist-name">by harry styles.</div>
  634. </div><!--music-info-->
  635. </div><!--flamingo-->
  636. </div><!--glenplayer07-->
  637.  
  638. <audio id="audio" src="https://dl.dropbox.com/s/85mo2ck911sf45b/y2mate.com%20-%20Harry%20Styles%20-%20To%20Be%20So%20Lonely%20%28Official%20Audio%29_6PPK-6FeJ9A.mp3" type="audio"></audio>
  639. <!----end music player---->
  640.  
  641.  
  642. <div id="navi" class="tabzcon alytut" style="display:none">
  643. <div class="tabtop"><div class="tabdots">• • •</div></div>
  644. <span onclick="this.parentElement.style.display='none'" class="tabzclose"><span class="th th-cross"></span></span>
  645.  
  646. <div class="nlinks">
  647. <li><a href="{text:tablink url}" title="{text:tablink}">01</a></li>
  648. <li><a href="{text:tablink 2 url}" title="{text:tablink 2}">02</a></li>
  649. <li><a href="{text:tablink 3 url}" title="{text:tablink 3}">03</a></li>
  650. <li><a href="{text:tablink 4 url}" title="{text:tablink 4}">04</a></li>
  651. <li><a href="{text:tablink 5 url}" title="{text:tablink 5}">05</a></li>
  652. <li><a href="{text:tablink 6 url}" title="{text:tablink 6}">06</a></li>
  653. </div>
  654. </div><!--navi-->
  655.  
  656. <div style="position:absolute; bottom:-10px; right:-120px; z-index:99999999;"><svg xmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink" width="4.153in" height="2.264in"><path fill-rule="evenodd" fill="{color:svg}" d="M268.875,137.067 C267.786,137.067 266.712,137.005 265.654,136.892 C256.861,151.341 239.844,161.136 220.289,161.136 C204.393,161.136 190.179,154.660 180.690,144.478 C174.431,150.156 165.949,153.662 156.586,153.662 C148.572,153.662 141.195,151.099 135.308,146.804 C129.370,156.101 118.983,162.265 107.156,162.265 C90.979,162.265 77.488,150.738 74.400,135.427 C66.672,140.406 57.031,143.366 46.570,143.366 C21.161,143.366 0.563,125.928 0.563,104.418 C0.563,82.907 21.161,65.469 46.570,65.469 C50.272,65.469 53.870,65.843 57.319,66.542 C61.000,54.647 72.067,46.007 85.148,46.007 C88.441,46.007 91.602,46.562 94.553,47.571 C103.895,20.010 129.912,0.171 160.570,0.171 C195.427,0.171 224.307,25.806 229.472,59.291 C231.482,58.847 233.568,58.606 235.711,58.606 C248.152,58.606 258.753,66.497 262.804,77.557 C264.765,77.153 266.795,76.940 268.875,76.940 C285.444,76.940 298.875,90.400 298.875,107.003 C298.875,123.607 285.444,137.067 268.875,137.067 Z"/></svg></div>
  657.  
  658.  
  659. <div style="position:absolute; bottom:-20px; right:-120px; z-index:9999999;"><svg xmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink" width="4.153in" height="2.264in"><path fill-rule="evenodd" fill="{color:svg2}" d="M268.875,137.067 C267.786,137.067 266.712,137.005 265.654,136.892 C256.861,151.341 239.844,161.136 220.289,161.136 C204.393,161.136 190.179,154.660 180.690,144.478 C174.431,150.156 165.949,153.662 156.586,153.662 C148.572,153.662 141.195,151.099 135.308,146.804 C129.370,156.101 118.983,162.265 107.156,162.265 C90.979,162.265 77.488,150.738 74.400,135.427 C66.672,140.406 57.031,143.366 46.570,143.366 C21.161,143.366 0.563,125.928 0.563,104.418 C0.563,82.907 21.161,65.469 46.570,65.469 C50.272,65.469 53.870,65.843 57.319,66.542 C61.000,54.647 72.067,46.007 85.148,46.007 C88.441,46.007 91.602,46.562 94.553,47.571 C103.895,20.010 129.912,0.171 160.570,0.171 C195.427,0.171 224.307,25.806 229.472,59.291 C231.482,58.847 233.568,58.606 235.711,58.606 C248.152,58.606 258.753,66.497 262.804,77.557 C264.765,77.153 266.795,76.940 268.875,76.940 C285.444,76.940 298.875,90.400 298.875,107.003 C298.875,123.607 285.444,137.067 268.875,137.067 Z"/></svg></div>
  660.  
  661. <div style="position:absolute; top:150px; left:60px; z-index:9999999999999;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1.236in" height="1.028in"><path fill-rule="evenodd" fill="{color:svg}" d="M89.000,45.000 C89.000,52.180 83.180,58.000 76.000,58.000 C75.229,58.000 74.477,57.920 73.743,57.791 C69.577,67.328 60.073,74.000 49.000,74.000 C40.410,74.000 32.773,69.975 27.828,63.723 C25.833,65.745 23.064,67.000 20.000,67.000 C13.925,67.000 9.000,62.075 9.000,56.000 C9.000,53.432 9.887,51.075 11.362,49.204 C4.661,46.118 -0.000,39.361 -0.000,31.500 C-0.000,20.939 8.402,12.359 18.884,12.031 C21.182,5.047 27.747,-0.000 35.500,-0.000 C42.804,-0.000 49.056,4.478 51.678,10.835 C54.523,9.042 57.887,8.000 61.500,8.000 C71.717,8.000 80.000,16.283 80.000,26.500 C80.000,28.554 79.651,30.524 79.033,32.370 C84.747,33.739 89.000,38.867 89.000,45.000 Z"/>
  662. </svg></div>
  663.  
  664. <div style="position:absolute; top:160px; left:60px; z-index:999999999;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1.236in" height="1.028in"><path fill-rule="evenodd" fill="{color:svg2}" d="M89.000,45.000 C89.000,52.180 83.180,58.000 76.000,58.000 C75.229,58.000 74.477,57.920 73.743,57.791 C69.577,67.328 60.073,74.000 49.000,74.000 C40.410,74.000 32.773,69.975 27.828,63.723 C25.833,65.745 23.064,67.000 20.000,67.000 C13.925,67.000 9.000,62.075 9.000,56.000 C9.000,53.432 9.887,51.075 11.362,49.204 C4.661,46.118 -0.000,39.361 -0.000,31.500 C-0.000,20.939 8.402,12.359 18.884,12.031 C21.182,5.047 27.747,-0.000 35.500,-0.000 C42.804,-0.000 49.056,4.478 51.678,10.835 C54.523,9.042 57.887,8.000 61.500,8.000 C71.717,8.000 80.000,16.283 80.000,26.500 C80.000,28.554 79.651,30.524 79.033,32.370 C84.747,33.739 89.000,38.867 89.000,45.000 Z"/>
  665. </svg></div>
  666.  
  667. <div style="position:absolute; top:40px; left:-30px; z-index:999999;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="4.125in" height="1.819in"><path fill-rule="evenodd" fill="{color:svg3}" d="M288.500,96.000 C286.513,96.000 284.690,95.313 283.242,94.170 C280.216,96.509 275.632,98.000 270.500,98.000 C266.339,98.000 262.548,97.012 259.645,95.395 C255.705,98.212 249.941,100.000 243.500,100.000 C239.934,100.000 236.579,99.446 233.618,98.481 C229.137,103.101 222.679,106.000 215.500,106.000 C210.248,106.000 205.387,104.444 201.398,101.803 C195.508,109.095 184.553,114.000 172.000,114.000 C167.834,114.000 163.845,113.458 160.157,112.470 C153.111,123.379 137.116,131.000 118.500,131.000 C101.473,131.000 86.639,124.623 78.839,115.188 C74.532,120.558 67.920,124.000 60.500,124.000 C51.450,124.000 43.600,118.881 39.674,111.384 C37.265,113.621 34.047,115.000 30.500,115.000 C24.354,115.000 19.177,110.889 17.544,105.270 C15.680,106.961 13.215,108.000 10.500,108.000 C4.701,108.000 0.000,103.299 0.000,97.500 C0.000,91.701 4.701,87.000 10.500,87.000 C12.533,87.000 14.424,87.587 16.031,88.587 C16.018,88.392 16.000,88.198 16.000,88.000 C16.000,83.029 20.253,79.000 25.500,79.000 C26.750,79.000 27.940,79.235 29.033,79.650 C29.025,79.433 29.000,79.219 29.000,79.000 C29.000,69.611 36.611,62.000 46.000,62.000 C47.916,62.000 49.751,62.331 51.469,62.916 C53.586,52.688 62.645,45.000 73.500,45.000 C77.639,45.000 81.513,46.122 84.845,48.072 C88.490,44.129 93.561,41.528 99.239,41.077 C100.368,35.334 105.426,31.000 111.500,31.000 C112.009,31.000 112.509,31.040 113.002,31.099 C113.002,31.066 113.000,31.033 113.000,31.000 C113.000,13.879 126.879,0.000 144.000,0.000 C157.871,0.000 169.611,9.111 173.570,21.674 C176.059,19.399 179.362,18.000 183.000,18.000 C190.118,18.000 195.982,23.316 196.870,30.192 C200.493,26.964 205.266,25.000 210.500,25.000 C221.822,25.000 231.000,34.178 231.000,45.500 C231.000,49.203 229.995,52.662 228.278,55.660 C229.442,55.240 230.691,55.000 232.000,55.000 C235.635,55.000 238.848,56.771 240.851,59.488 C243.097,57.332 246.141,56.000 249.500,56.000 C255.187,56.000 259.979,59.802 261.494,65.000 C261.496,65.000 261.498,65.000 261.500,65.000 C266.194,65.000 270.000,68.806 270.000,73.500 C270.000,73.842 269.930,74.165 269.890,74.496 C271.536,72.373 274.105,71.000 277.000,71.000 C281.766,71.000 285.656,74.707 285.969,79.394 C286.769,79.142 287.617,79.000 288.500,79.000 C293.194,79.000 297.000,82.806 297.000,87.500 C297.000,92.194 293.194,96.000 288.500,96.000 Z"/></svg></div>
  668.  
  669. <div style="position:absolute; top:50px; left:-30px; z-index:99999;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="4.125in" height="1.819in"><path fill-rule="evenodd" fill="{color:svg4}" d="M288.500,96.000 C286.513,96.000 284.690,95.313 283.242,94.170 C280.216,96.509 275.632,98.000 270.500,98.000 C266.339,98.000 262.548,97.012 259.645,95.395 C255.705,98.212 249.941,100.000 243.500,100.000 C239.934,100.000 236.579,99.446 233.618,98.481 C229.137,103.101 222.679,106.000 215.500,106.000 C210.248,106.000 205.387,104.444 201.398,101.803 C195.508,109.095 184.553,114.000 172.000,114.000 C167.834,114.000 163.845,113.458 160.157,112.470 C153.111,123.379 137.116,131.000 118.500,131.000 C101.473,131.000 86.639,124.623 78.839,115.188 C74.532,120.558 67.920,124.000 60.500,124.000 C51.450,124.000 43.600,118.881 39.674,111.384 C37.265,113.621 34.047,115.000 30.500,115.000 C24.354,115.000 19.177,110.889 17.544,105.270 C15.680,106.961 13.215,108.000 10.500,108.000 C4.701,108.000 0.000,103.299 0.000,97.500 C0.000,91.701 4.701,87.000 10.500,87.000 C12.533,87.000 14.424,87.587 16.031,88.587 C16.018,88.392 16.000,88.198 16.000,88.000 C16.000,83.029 20.253,79.000 25.500,79.000 C26.750,79.000 27.940,79.235 29.033,79.650 C29.025,79.433 29.000,79.219 29.000,79.000 C29.000,69.611 36.611,62.000 46.000,62.000 C47.916,62.000 49.751,62.331 51.469,62.916 C53.586,52.688 62.645,45.000 73.500,45.000 C77.639,45.000 81.513,46.122 84.845,48.072 C88.490,44.129 93.561,41.528 99.239,41.077 C100.368,35.334 105.426,31.000 111.500,31.000 C112.009,31.000 112.509,31.040 113.002,31.099 C113.002,31.066 113.000,31.033 113.000,31.000 C113.000,13.879 126.879,0.000 144.000,0.000 C157.871,0.000 169.611,9.111 173.570,21.674 C176.059,19.399 179.362,18.000 183.000,18.000 C190.118,18.000 195.982,23.316 196.870,30.192 C200.493,26.964 205.266,25.000 210.500,25.000 C221.822,25.000 231.000,34.178 231.000,45.500 C231.000,49.203 229.995,52.662 228.278,55.660 C229.442,55.240 230.691,55.000 232.000,55.000 C235.635,55.000 238.848,56.771 240.851,59.488 C243.097,57.332 246.141,56.000 249.500,56.000 C255.187,56.000 259.979,59.802 261.494,65.000 C261.496,65.000 261.498,65.000 261.500,65.000 C266.194,65.000 270.000,68.806 270.000,73.500 C270.000,73.842 269.930,74.165 269.890,74.496 C271.536,72.373 274.105,71.000 277.000,71.000 C281.766,71.000 285.656,74.707 285.969,79.394 C286.769,79.142 287.617,79.000 288.500,79.000 C293.194,79.000 297.000,82.806 297.000,87.500 C297.000,92.194 293.194,96.000 288.500,96.000 Z"/></svg></div>
  670.  
  671. <div id="container">
  672.  
  673. <div id="topbar">
  674.  
  675. <div class="lefttext"><i class="fab fa-apple"></i> <b>Music</b> File Edit View Controls Help</div>
  676.  
  677. <div class="righttext"><i class="fas fa-wifi"></i> <i class="th th-airplay"></i> <i class="fas fa-battery-full"></i> Fri 5:30 PM <i class="fas fa-search"></i> &nbsp;&nbsp;&nbsp; <img src="{PortraitURL-16}" style="border-radius:100%;"> <i class="fas fa-align-left"></i></div>
  678.  
  679. </div>
  680.  
  681. <div class="sidelinks">
  682. <li><a href="/" title="refresh."><span class="th th-circle"></span></a></li>
  683. <li><a href="/ask" title="inbox."><span class="th th-circle"></span></a></li>
  684. <li><a href="#" class="tablink tabzact" onclick="openAlytut(event, 'navi');" title="compass."><span class="th th-circle"></span></a></li>
  685. <li><a href="{text:sidelink url}" title="text."><span class="th th-circle"></span></a></li>
  686. </div>
  687.  
  688.  
  689. <div class="entries">
  690.  
  691. {block:posts}
  692.  
  693. <div class="posts" id="{PostID}">
  694.  
  695. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  696.  
  697. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  698.  
  699. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  700.  
  701. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  702.  
  703. {block:Quote}<div id="q">{Quote}</div>{/block:Quote}{block:Source}
  704. <div class="source">— {Source}</div>
  705. {/block:Source}
  706.  
  707. {block:Audio}
  708. {block:AudioPlayer}
  709. <div class="playbutton">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  710. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  711. <div class="albumdetails">
  712. {block:TrackName}<lame>song:</lame> {TrackName}{/block:TrackName}<br>
  713. {block:Artist}<lame>artist:</lame> {Artist}{/block:Artist}<br>
  714. {block:Album}<lame>album:</lame> {Album}{/block:Album}
  715. </div>
  716. {/block:AudioPlayer}
  717. {/block:Audio}
  718.  
  719. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  720.  
  721. {block:Chat} <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label" style="text-transform:lowercase; "><strong>@{Label}</strong></span>{/block:Label}
  722. {Line}</li>{/block:Lines}</ul>{/block:Chat}
  723.  
  724. {block:Answer}
  725. <div id="question">
  726. {Question}
  727. <div id="asker">sent by <b>{Asker}</b></div>
  728. <div class="askicon"><a title="have a great day ♡"><span class="th th-planet-1" ></span></a></div></div>
  729. {Answer}
  730. {/block:Answer}
  731.  
  732. {/block:Answer}
  733.  
  734. {block:More}<div class="more"><a href="{Permalink}" class="more-btn">read more</a></div>{/block:More}
  735.  
  736. <div id="permalink">
  737. <a href="{Permalink}"><b>{ShortMonth} {DayOfMonthWithZero}</b></a> journal entry.
  738. <span style="float:right; margin-right:-10px;"><a href="{Permalink}" title="{TimeAgo}.">
  739. <span class="th th-circle" style="font-size:7px; color:{color:bold}"></span></a>
  740. <a href="{Permalink}" title="{NoteCount} read it.">
  741. <span class="th th-circle" style="font-size:7px; color:{color:italic};"></span>
  742. <a href="{ReblogURL}" title="reblog this?">
  743. <span class="th th-circle" style="font-size:7px; color:{color:bold};"></span></a>
  744. </div></div>
  745.  
  746. {block:HasTags}<div id="tags">{block:Tags}<span class="th th-hashtag" style="color:{color:bold}"></span><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp; {/block:Tags}</div>{/block:HasTags}
  747. {/block:Posts}
  748. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  749. {/block:Posts}
  750.  
  751. <div class="pagination">
  752. {block:PreviousPage}
  753. <a href="{PreviousPage}"><span class="fas fa-chevron-left"></span></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"><span class="fas fa-chevron-right"></span></a>{/block:NextPage}
  754. {/block:Pagination}
  755. </div><!--pagination-->
  756.  
  757. </div><!--posts-->
  758.  
  759. </div><!--entries-->
  760.  
  761. </div><!--container-->
  762.  
  763. </div><!--holder-->
  764.  
  765. <div id="credit" data="credit"><a href="https://hixtapes.tumblr.com" title="crafted by hixtapes."><span class="th th-leaf-1-o"></span></a></div>
  766.  
  767. </body>
  768.  
  769. </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!