Advertisement
simraaa

28, SPACE.

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