API tools faq
paste
Advertisement
simraaa

21, SANTA BABY.

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