Advertisement
simraaa

27, SHUT UP PLS.

Dec 27th, 2019
629
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.52 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-- here are reminders. :~)
  6. 001. ᴅᴏɴᴜᴛ ᴄʟᴀɪᴍ ᴛʜɪs ᴛʜᴇᴍᴇ ᴛᴏ ʙᴇ ʏᴏᴜʀs
  7. 002. ᴅᴏɴᴜᴛ ᴇᴅɪᴛ ᴀɴᴅ ʀᴇᴅɪsᴛʀᴜʙᴇ
  8. 003. ᴅᴏɴᴜᴛ ᴛᴀᴋᴇ ᴘᴀʀᴛs ᴏғ ʜᴛᴍʟ ғʀᴏᴍ ᴛʜɪs ᴛʜᴇᴍᴇ
  9. 004. ᴅᴏɴᴜᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛs
  10. 005. ʏᴏᴜ ᴍᴀʏ ᴇᴅɪᴛ ᴀɴᴅ sᴛᴜғғ
  11. 006. ᴇɴᴊᴏʏ
  12. IF YOU HAVE ANY QUESTIONS LET ME KNOW YAY FUN FUN. TWIRLS
  13. base code by neonbike -->
  14.  
  15.  
  16.  
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20. <meta charset="utf-8">
  21. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  22. <title>{Title}</title>
  23.  
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. <link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">
  27. <link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
  28. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  29. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  31. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  32. <link href="https://fonts.googleapis.com/css?family=Muli|Noto+Sans&display=swap" rel="stylesheet">
  33.  
  34. <meta name="color:background" content="#ffffff" />
  35. <meta name="color:text" content="#000000" />
  36. <meta name="color:links" content="#000000" />
  37. <meta name="color:links hover" content="#a0a0a0" />
  38. <meta name="color:posts" content="#ffffff" />
  39. <meta name="color:container" content="#f8f8f8" />
  40. <meta name="color:bold" content="#f8f8f8" />
  41. <meta name="color:italic" content="#f8f8f8" />
  42. <meta name="color:title" content="#000" />
  43. <meta name="color:accent" content="#fdfff8" />
  44.  
  45. <meta name="image:bg" content="" />
  46. <meta name="image:container" content="" />
  47. <meta name="image:sidebar" content="" />
  48. <meta name="image:tabimg" content="" />
  49.  
  50. <meta name="text:sbar title" content="hi"/>
  51. <meta name="text:titlesize" content="150px"/>
  52. <meta name="text:desc" content="phew"/>
  53. <meta name="text:sidebarlink" content="/"/>
  54. <meta name="text:sidebarlink name" content="/"/>
  55. <meta name="text:link1" content="link url"/>
  56. <meta name="text:link1 title" content="link title"/>
  57. <meta name="text:link2" content="link url"/>
  58. <meta name="text:link2 title" content="link title"/>
  59. <meta name="text:link3" content="link url"/>
  60. <meta name="text:link3 title" content="link title"/>
  61. <meta name="text:link4" content="link url"/>
  62. <meta name="text:link4 title" content="link title"/>
  63. <meta name="text:link5" content="link url"/>
  64. <meta name="text:link5 title" content="link title"/>
  65.  
  66.  
  67.  
  68.  
  69.  
  70. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  71.  
  72. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  73.  
  74. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  75.  
  76. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  78.  
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("a[title]").style_my_tooltips({
  83. tip_follows_cursor:true,
  84. tip_delay_time:90,
  85. tip_fade_speed:600,
  86. attribute:"title"
  87. });
  88. });
  89. })(jQuery);
  90. </script>
  91.  
  92.  
  93. <style type="text/css">
  94.  
  95. /* ------------------------------ FONTS !! -----------------------------*/
  96.  
  97. @import url('https://fonts.googleapis.com/css?family=Titan+One');
  98. @font-face { font-family: heartwarming; src: url('https://dl.dropboxusercontent.com/s/6xk62yqexmzuieb/Heart%20Warming.otf') ; }
  99.  
  100. @font-face { font-family: bigpoints; src: url('https://dl.dropboxusercontent.com/s/r6e5vewbjziocjf/BiG%20PoiNts.otf') ;}
  101.  
  102. @font-face { font-family: austin worth; src: url('https://dl.dropboxusercontent.com/s/ekbgufim3zsv8i6/AmostelySignature.ttf') ;}
  103.  
  104.  
  105. /* ------------------------- SELECTION & SCROLLBAR ---------------------*/
  106. ::-moz-selection {background-color: {color:title};color: {color:bold};}
  107.  
  108. ::selection {background: {color:text};color: {color:background};}
  109.  
  110. ::-webkit-scrollbar {width: 3px;height: 2px;}
  111. ::-webkit-scrollbar-button { width: 0px;height: 0px;}
  112. ::-webkit-scrollbar-thumb {background: transparent;border: 0px none #000;border-radius: 50px;}
  113.  
  114. /* ------------------------- TOOLTIPS & GENERAL ----------------------*/
  115.  
  116. #s-m-t-tooltip {
  117. max-width:300px;
  118. margin:10px 0px 0px 10px;
  119. background-color:{color:text};
  120. font-family:arial;
  121. letter-spacing:1px;
  122. font-size:7px;
  123. color:{color:background};
  124. font-variant:small-caps;
  125. word-wrap: break-word;
  126. line-height:11px;
  127. text-transform:uppercase;
  128. padding:5px;
  129. z-index:999999999999; }
  130.  
  131. hr { opacity:.5;width:150px }
  132.  
  133. body {
  134. background:{color:Background};
  135. background-image:url('{image:bg}');
  136. color: {color:text};
  137. margin: 0;
  138. padding: 0;
  139. color:{color:text};
  140. color:{color:text};
  141. font-family: 'Noto Sans', sans-serif;
  142. font-size:11px;
  143. line-height:17px;
  144. letter-spacing:.5px;
  145. text-align:justify;
  146. overflow-y:hidden;
  147. padding:10px; }
  148. a {
  149. color: {color:links};
  150. text-decoration: none;
  151. -webkit-transition: all .3s;
  152. -moz-transition: all .3s;
  153. -o-transition: all .3s;
  154. -ms-transition: all .3s;
  155. transition: all .3s; }
  156.  
  157. a:hover{
  158. color:{color:posts};
  159. -webkit-transition: all .3s;
  160. -moz-transition: all .3s;
  161. -o-transition: all .3s;
  162. -ms-transition: all .3s;
  163. transition: all .3s; }
  164.  
  165. small { font-size:11px; color:{color:text}; }
  166. sub,sup,p,li { font-size:11px; color:{color:text}; }
  167. b, strong{ font-weight:900;font-family:'heartwarming';color:{color:bold};letter-spacing:1px; text-shadow: 0 0 3px {color:container}; }
  168. i, em { font-weight:italic; color:{color:italic};font-size:11px;}
  169. blockquote{margin-left:5px;font-size:11px;padding-left:15px;width:330px;border-left: 1px solid {color:text};}
  170. blockquote blockquote {widtH:305px;}
  171. u {background-color:{color:bold};color:{color:posts};font-weight:bold;opacity:.7;text-decoration: underline transparent;padding:2px;}
  172.  
  173. pre {
  174. background-color:{color:container};
  175. padding:2px;
  176. text-align:center;
  177. text-transform:uppercase;
  178. font-weight:bold;
  179. color:{color:italic}; }
  180.  
  181. h1 {
  182. text-align:center;
  183. z-index:9999999999999999999999;
  184. font-family:'austin worth';
  185. opacity:.7;
  186. font-style:italic;
  187. text-shadow: 0 0 3px {color:container};
  188. line-height:30px;
  189. font-size:30px;
  190. text-transform:lowercase;
  191. color:{color:bold};
  192. letter-spacing:2px; }
  193.  
  194. h2 {
  195. text-align:center;
  196. z-index:9999999999999999999999;
  197. font-family:'heartwarming';
  198. opacity:.7;
  199. padding-top:10px;
  200. font-style:italic;
  201. text-shadow: 0 0 3px {color:container};
  202. line-height:30px;
  203. font-size:20px;
  204. text-transform:lowercase;
  205. color:{color:title};
  206. background: {color:sidear};
  207. letter-spacing:2px; }
  208.  
  209. h3 {
  210. text-align:center;
  211. z-index:9999999999999999999999;
  212. font-family:'Titan One',cursive;
  213. opacity:.7;
  214. line-height:20px;
  215. text-shadow: 0 0 3px {color:container};
  216. font-size:25px;
  217. color:{color:bold};
  218. letter-spacing:2px; }
  219.  
  220. h4 {
  221. text-align:center;
  222. z-index:9999999999999999999999;
  223. font-family:'Titan One',cursive;;
  224. opacity:.7;
  225. font-style:italic;
  226. line-height:30px;
  227. font-size:25px;
  228. text-transform:lowercase;
  229. color:{color:bold};
  230. letter-spacing:2px; }
  231.  
  232. iframe, img, embed, object, video { max-width: 100%;}
  233.  
  234. p { margin-bottom:10px;font-size:11px;}
  235.  
  236. img { height: auto; width:auto; max-width:100%;}
  237.  
  238.  
  239.  
  240. /* -------------------------- CONTAINER THINGS -------------------------*/
  241.  
  242. .simba{
  243. width:600px;
  244. height:600px;
  245. position: absolute;
  246. top:0;
  247. bottom:0px;
  248. left:0;
  249. right:0;
  250. margin:auto; }
  251.  
  252. #container{
  253. background:{color:container};
  254. background-image:url('{image:container}');
  255. position:absolute;
  256. width:600px;
  257. height:500px;
  258. border-bottom:100px solid {color:accent};
  259. border-radius:30px;
  260. position:absolute;
  261. margin-left:0px;
  262. z-index:-99;
  263. margin-right:auto;
  264. margin-top:0px;
  265. margin-bottom:150px;
  266. -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.18);
  267. box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.18);}
  268.  
  269. /* ------------------------------ SIDEBAR! -----------------------------*/
  270.  
  271.  
  272. .sbar{
  273. width:500px;
  274. margin-left:400px;
  275. margin-top:25px;
  276. opacity:.9;
  277. height:450px;
  278. border-radius:15px;
  279. position:fixed;
  280. z-index:-9;}
  281. .sbar img {
  282. border-radius:15px;
  283. border:solid 20px {color:accent};
  284. height:410px;
  285. width:210;
  286. -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.10);
  287. box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.10);
  288. }
  289.  
  290. #desc {
  291. color:{color:posts};
  292. border-bottom-right-radius:30px;
  293. position:fixed;
  294. line-height:17px;
  295. width:215px;
  296. overflow-y:scroll;
  297. height:85px;
  298. font-size:8px;
  299. margin-left:375px;
  300. margin-top:507px;
  301. }
  302.  
  303. .bigasstitle {
  304. font-family:bigpoints;
  305. position:absolute;
  306. overflow:hidden;
  307. width:270px;
  308. line-height:100px;
  309. height:200px;
  310. border-radius:15px;
  311. margin-left:400px;
  312. text-align:center;
  313. margin-top:300px;
  314. font-size:205px;
  315. padding:-10px;
  316. -webkit-text-stroke: 2px {color:title};
  317. color:transparent;
  318. }
  319.  
  320. .pagination {
  321. display: inline-block;
  322. padding: 0;
  323. z-index:100px;
  324. margin-left:95px;
  325. height:3px;
  326. }
  327.  
  328.  
  329.  
  330. .pagination a {
  331. color:{color:container};
  332. border-radius:10%;
  333. background-color:{color:title};
  334. padding:5px;
  335. font-size:8px;
  336. z-index:100px;
  337. font-variant:small-caps;
  338. height:15px;
  339. }
  340.  
  341.  
  342. #sidebarlinks {
  343. font-size:11px;opacity:1;
  344. border-radius:10px;
  345. margin-left:595px;
  346. margin-top:430px;
  347. position:fixed;
  348. padding:10px;
  349. width:30px;
  350. height:140px;
  351. background-color:{color:posts};
  352. text-align:center;
  353. -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.10);
  354. box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.10);
  355. z-index:9999999999999;
  356. }
  357.  
  358. #sidebarlinks a {
  359. background:{color:container};
  360. border-radius:100%;
  361. font-size:10px;
  362. width:27px;
  363. height:27px;
  364. display:inline-block;
  365. margin-right:10px;
  366. margin-left:1px;
  367. margin-top:-1px;
  368. margin-bottom:-10px;
  369. list-style:none;
  370. color:{color:bold};
  371. -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.10);
  372. box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.10);}
  373.  
  374. #sidebarlinks span {
  375. padding-top:9px;
  376. }
  377.  
  378.  
  379. /* --------------------------- POSTS & ENTRIES ! ---------------------- */
  380.  
  381.  
  382. #entries{
  383. z-index:1;
  384. margin-top:25px;
  385. width:400px;
  386. border-radius:15px;
  387. padding-left:10px;
  388. height:550px;
  389. position:absolute;
  390. overflow-y:scroll;
  391. margin-left:-40px;}
  392.  
  393. #post {
  394. font-size:10px;
  395. border-radius:10px;
  396. background-color:{color:posts};
  397. border-top:25px solid {color:bold};
  398. padding:20px;
  399. padding-bottom:0px;
  400. width: 350px;
  401. opacity:1;
  402. z-index:1;
  403. margin-left:2px;
  404. margin-top:10px;
  405. margin-bottom:20px;
  406. -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.10);
  407. box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.10); }
  408.  
  409. #post .tags {
  410. position:relative;
  411. text-align:center;
  412. opacity:0;
  413. color:{color:text};
  414. margin-top:-10px;
  415. padding:8px; z-index:999999999999999;
  416. font-size:7px;
  417. font-variant:small-caps;
  418. -webkit-transition: all 0.2s linear;
  419. -moz-transition: all 0.2s linear;
  420. transition: all 0.2s linear;}
  421.  
  422. #post:hover .tags {
  423. position:relative;
  424. text-align:center;opacity:1;
  425. color:{color:text};
  426. margin-top:0px;
  427. padding:8px; width:auto;z-index:999999999999999;
  428. font-size:7px;
  429. font-variant:small-caps;
  430. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  431. -moz-transition: all 0.2s linear;
  432. transition: all 0.2s linear;}
  433.  
  434. .tags a {color:{color:link};text-transform:uppercase;}
  435.  
  436. .tags a:hover {color:{color:link hover};text-transform:uppercase;}
  437.  
  438. #permalink{
  439. position:relative;
  440. text-align:center;
  441. color:{color:links};
  442. font-family:heartwarming;
  443. font-weight:900;
  444. margin-top:15px;
  445. padding:5px;
  446. font-size:9px;
  447. letter-spacing:2px;
  448. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  449. -moz-transition: all 0.2s linear;
  450. transition: all 0.2s linear; }
  451.  
  452. #question{
  453. margin-bottom:15px;
  454. width:330px;
  455. background-color:{color:container};
  456. color:{color:text};
  457. font-size:12px;
  458. padding:10px;
  459. text-align:center;
  460. border-radius:5px; }
  461.  
  462. #question ss {
  463. text-transform:uppercase;
  464. text-align:center;
  465. color:{color:accent};
  466. font-family:heartwarming;
  467. text-shadow: 0 0 3px {color:posts};
  468. opacity:.7;
  469. font-style:italic;
  470. font-size:13px;
  471. letter-spacing:2px; }
  472.  
  473. .answer { font-size:8px; color:{color:bold}; }
  474.  
  475.  
  476. /* -------------------- CREDITS ! PLEASE DONT REMOVE ------------------ */
  477.  
  478.  
  479. #cred {
  480. position:fixed;
  481. font-weight:normal;
  482. letter-spacing:2px;
  483. right:10px;
  484. bottom:10px;
  485. width:35px;
  486. height:35px;
  487. background-color:{color:title};
  488. border-radius:5px;
  489. text-transform:uppercase;
  490. text-align:center; }
  491.  
  492. #cred img { padding-top:5px;width:25px; }
  493.  
  494. /* ----------------------- TABS ( NCIGHBOURHOODS ) -------------------- */
  495.  
  496.  
  497. .tabzcon {
  498. margin-left:-35px;;
  499. margin-top:20px;
  500. padding:10px;
  501. position:absolute;
  502. z-index:999999999999999;
  503. width:380px;
  504. height:540px;
  505. border-radius:15px;
  506. background-color:{color:posts};
  507. overflow:hidden;
  508. -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.10);
  509. box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.10); }
  510. .tabzcon h2{
  511. text-align:left;
  512. font-size:30px;
  513. padding-left:10px;
  514. margin-top:15px;}
  515.  
  516.  
  517. .navlinks {
  518. margin-left:60px;
  519. margin-top:50px;
  520. width:350px;
  521. text-align:center;
  522. }
  523.  
  524. .navlinks a{
  525. font-family:bigpoints;
  526. text-transform:lowercase;
  527. letter-spacing:7px;
  528. display:block;
  529. line-height:100px;
  530. text-align:right;
  531. font-size:100px;
  532. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  533. -moz-transition: all 0.2s linear;
  534. transition: all 0.2s linear;
  535. -webkit-text-stroke: 2px {color:accent};
  536. color:{color:posts};
  537.  
  538. }
  539. .navlinks a:hover{
  540. -webkit-text-stroke: 2px {color:container};
  541. color:{color:posts};
  542. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  543. -moz-transition: all 0.2s linear;
  544. transition: all 0.2s linear;
  545. }
  546.  
  547.  
  548. .tabzclose { /* the close button, u prob dont need to touch this */
  549. text-transform:uppercase;
  550. font-weight:bold;
  551. font-size:10px;
  552. padding:3px;
  553. color:inherit;
  554. margin-top:-5px;
  555. margin-right:-5px;
  556. float:right;
  557. z-index:99; }
  558.  
  559.  
  560.  
  561. 50%{
  562. background: rgba(208,206,160,0.5);
  563. box-shadow: 0px 2px 20px 4px rgba(208,206,160,0.2)
  564. }
  565. }
  566.  
  567.  
  568.  
  569. /* --------------------------- Custom CSS -------------------------- */
  570. {CustomCSS}
  571. </style></head><body>
  572.  
  573.  
  574.  
  575. <div class="simba">
  576.  
  577.  
  578.  
  579. <div id="sidebarlinks"></div>
  580.  
  581. <!--
  582.  
  583.  
  584. < tabs links >
  585.  
  586. -->
  587. <div id="sidebarlinks">
  588. <a href="/"><span class="th th-home"title="home"></span></a></br></br>
  589. <a href="/ask"><span class="th th-paper-plane"tile="ask"></span></a></br></br>
  590.  
  591. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzTwo');"><span class="th th-cactus"title="nav"></span></a></br></br>
  592. <a href="{text:sidebarlink}"><span class="th th-bubble-heart"title="{text:sidebarlink name}"></span></a>
  593. </div>
  594.  
  595. <!-- < tabs content >
  596. -->
  597.  
  598.  
  599.  
  600.  
  601. <div id="TabzTwo" class="tabzcon alytut" style="display:none">
  602. <span onclick="this.parentElement.style.display='none'" class="tabzclose"><span class="th th-cross-1"></span></span>
  603.  
  604. <img src="{image:tabimg}"style="width:170px;height:420px;border-top-right-radius:15px;border-bottom-right-radius:15px;position:fixed;margin-left:-10px;margin-top:40px;border:solid {color:container} 15px;">
  605. <div class="navlinks">
  606. <a href="{text:link1}">{text:link1 title}</a>
  607. <a href="{text:link2}">{text:link2 title}</a>
  608. <a href="{text:link3}">{text:link3 title}</a>
  609. <a href="{text:link4}">{text:link4 title}</a>
  610. <a href="{text:link5}">{text:link5 title}</a>
  611. </br></br>
  612.  
  613. </div>
  614.  
  615. </div>
  616.  
  617.  
  618.  
  619.  
  620.  
  621.  
  622.  
  623. <!-- --------------------------- TABS -------------------------- -->
  624. <div id="desc">{text:desc}</div>
  625. <div class="bigasstitle">{text:sbar title}</div>
  626. <div class="sbar"><img src="{image:sidebar}"></div>
  627. <div id="container"></div>
  628.  
  629.  
  630. <!-- --------------------------- TAB 1 -------------------------- -->
  631.  
  632.  
  633. <div id="entries">
  634.  
  635. {block:Posts}
  636. <div id="post">
  637.  
  638. {block:Text}
  639. {block:Title}
  640. <h3>{Title}</h3>
  641. {/block:Title}
  642. {Body}
  643. {/block:Text}
  644.  
  645. {block:Link}<h4><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  646.  
  647. {block:Photo}
  648. <center>
  649. {LinkOpenTag}
  650. <a href="{permalink}">
  651. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"></a>
  652. {LinkCloseTag}
  653. </center>
  654. {block:Caption}{Caption}{/block:Caption}
  655. {block:ContentSource}
  656. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  657. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  658. {/block:SourceLogo}
  659. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  660. {/block:ContentSource}
  661. {block:ReblogParentURL}
  662. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  663. {/block:ReblogParentURL}
  664. {/block:Photo}
  665.  
  666. {block:Photoset}
  667. {Photoset-400}
  668. {block:Caption}{Caption}{/block:Caption}
  669. {/block:Photoset}
  670.  
  671. {block:Quote}
  672. <div class="posttitle">"{Quote}"</div>
  673. {block:Source}
  674. - {Source}
  675. {/block:Source}
  676. {/block:Quote}
  677.  
  678. {block:Chat}
  679. {block:Title}
  680. <div class="posttitle">
  681. {Title}
  682. </div>
  683. {/block:Title}
  684. {block:Lines}
  685. {block:Label}
  686. <b>{Label} </b>
  687. {/block:Label}
  688. {Line}
  689. <br>
  690. {/block:Lines}
  691. {/block:Chat}
  692.  
  693. {block:Audio}
  694. {block:AlbumArt}
  695. <img src="{AlbumArtURL}" style="width:70px;border-radius:10px;display:inline-block;">{/block:AlbumArt}
  696. <span style="display:inline-block;">{AudioPlayerGrey}<br></span></br>
  697. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  698. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  699. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  700. {block:Caption}{Caption}{/block:Caption}
  701. {/block:Audio}
  702.  
  703. {block:Video}
  704. {Video-400}
  705. {block:Caption}{Caption}{/block:Caption}
  706. {/block:Video}
  707.  
  708. {block:Answer}
  709. <div id="question"> <ss>{Asker}</ss> </br><hr style="opacity:.5;width:250px;">
  710. {Question}</div>
  711. <p><div class="answer">{Answer}</div>
  712. {/block:Answer}
  713.  
  714.  
  715.  
  716. {block:IndexPage}
  717. <div id="permalink">
  718. <a href="{Permalink}"style="border-radius:10%;background-color:{color:container};padding:5px;font-size:9px;"> {TimeAgo}</a>&nbsp;&nbsp;
  719.  
  720. <a href="{Permalink}"style="border-radius:10%;background-color:{color:container};padding:5px;font-size:9px;">{NoteCountWithLabel}</a> &nbsp;&nbsp;
  721. {block:RebloggedFrom}
  722. {/block:RebloggedFrom}
  723. <a href="{ReblogURL}" target="_blank"style="border-radius:10%;background-color:{color:container};padding:5px;font-size:9px;">REBLOG</a></br>
  724.  
  725. </div>
  726. <div class="tags">{block:HasTags}
  727. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  728. {/block:Tags}
  729. {/block:HasTags}</div>
  730. {/block:IndexPage}
  731.  
  732. {block:PermalinkPage}
  733. <div id="permalink">
  734. <a href="{Permalink}"> {TimeAgo}</a>
  735. |
  736. <a href="{Permalink}">{NoteCountWithLabel}</a>
  737. {block:RebloggedFrom}
  738. | <a href="{ReblogParentURL}" target="_blank">via</a>
  739. | <a href="{ReblogRootURL}" target="_blank">©</a>
  740. {/block:RebloggedFrom}
  741. | <a href="{ReblogURL}" target="_blank">REBLOG</a></br>
  742.  
  743. </div>
  744. <div class="tags">{block:HasTags}
  745. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  746. {/block:Tags}
  747. {/block:HasTags}</div>
  748. {/block:PermalinkPage}
  749.  
  750.  
  751. {block:PostNotes}
  752. {PostNotes}
  753. {/block:PostNotes}
  754. </div>
  755.  
  756. {/block:Posts}
  757.  
  758. <div class="pagination">
  759. {block:Pagination}
  760. {block:PreviousPage}<a href="{PreviousPage}"style="padding-left:3px;"> &nbsp; SINK&nbsp; </a>{/block:PreviousPage} &nbsp; &nbsp;
  761. {block:NextPage}<a href="{NextPage}"style="padding:left:3px;margin-left:20px;"> &nbsp; SWIM &nbsp; </a><br />{/block:NextPage}
  762.  
  763. {/block:Pagination}
  764.  
  765.  
  766.  
  767.  
  768. <!-- END OF TABS -->
  769.  
  770.  
  771. <!-- here are the scripts dont touch this shit -->
  772.  
  773. <script>
  774. function openAlytut(evt, alytutName) {
  775. var i, x, tablinks;
  776. x = document.getElementsByClassName("alytut");
  777. for (i = 0; i < x.length; i++) {
  778. x[i].style.display = "none";
  779. }
  780. tablinks = document.getElementsByClassName("tablink");
  781. for (i = 0; i < x.length; i++) {
  782. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  783. }
  784. document.getElementById(alytutName).style.display = "block";
  785. evt.currentTarget.className += " tabzact";
  786. }
  787. </script>
  788.  
  789.  
  790. <div id="cred"><a href="https://artitsics.tumblr.com/"title="by simran"><img src="https://66.media.tumblr.com/647b5c79fab231bee50ef810803abde2/tumblr_inline_prc19hu61d1sz5b4s_1280.png"></a></div>
  791.  
  792. </body>
  793. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement