Advertisement
simraaa

17, SWEET CAROLINE.

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