API tools faq
paste
simraaa

33, SPRING BREAK.

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