API tools faq
paste
Advertisement
simraaa

17, SWEET CAROLINE — long sidebar.

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