API tools faq
paste
Advertisement
simraaa

20, STRAWBERRY.

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