API tools faq
paste
Advertisement
Guest User

Kara Layout

a guest
Dec 13th, 2019
298
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.23 KB | None | 0 0
raw download clone embed print report
  1. <!-- code by whitley -->
  2.  
  3. <html>
  4. <head>
  5.  
  6.  
  7.  
  8. <script type="text/javascript" src=
  9. "https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
  10. </script><script type="text/javascript">
  11. //<![CDATA[
  12. $(document).ready(function() {
  13. //
  14. $('a.poplight[href^=#]').click(function() {
  15. var popID = $(this).attr('rel'); //Get Popup Name
  16. var popURL = $(this).attr('href'); //Get Popup href to define size
  17. var query= popURL.split('?');
  18. var dim= query[1].split('&');
  19. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  20. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  21. var popMargTop = ($('#' + popID).height() + 80) / 2;
  22. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  23. //Applyoy Margin to Popup
  24. $('#' + popID).css({
  25. 'margin-top' : -popMargTop,
  26. 'margin-left' : -popMargLeft
  27. });
  28. $('body').append('<div id="fade"><\/div>');
  29. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  30. return false;
  31. });
  32. $('a.close, #fade').live('click', function() {
  33. $('#fade , .popup_block, .ask_block').fadeOut(function() {
  34. $('#fade, a.close').remove(); //fade them both out
  35. });
  36. return false;
  37. });
  38. });
  39. //]]>
  40. </script>
  41.  
  42.  
  43.  
  44. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  45. <script type="text/javascript">
  46. $(document).ready(function(){
  47. $(".links_body").hide();
  48. $(".links_head").click(function(){
  49. $(this).next(".links_body").slideToggle('fast');
  50. }); }); </script>
  51. <style type="text/css">
  52. .links_list { margin:0px; padding:0px; width:100%;}
  53. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  54. .links_body { padding:10px; text-align:left; display:none;}
  55. </style>
  56.  
  57. <link rel="stylesheet" href="https://use.typekit.net/ave5mjm.css">
  58.  
  59. <link href="https://fonts.googleapis.com/css?family=Staatliches&display=swap" rel="stylesheet">
  60. <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
  61. <link href="https://fonts.googleapis.com/css?family=Paytone+One&display=swap" rel="stylesheet">
  62. <link href="https://fonts.googleapis.com/css?family=Lexend+Deca&display=swap" rel="stylesheet">
  63. <link href="https://fonts.googleapis.com/css?family=Bitter&display=swap" rel="stylesheet">
  64.  
  65.  
  66.  
  67. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  68. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  69. <script>
  70. (function($){
  71. $(document).ready(function(){
  72. $("a[title]").style_my_tooltips({
  73. tip_follows_cursor:true,
  74. tip_delay_time:50,
  75. tip_fade_speed:200,
  76. attribute:"title"
  77. });
  78. });
  79. })(jQuery);
  80. </script>
  81.  
  82.  
  83. <script src="https://kit.fontawesome.com/2b37e2f836.js"></script>
  84.  
  85. <link rel="shortcut icon" href="{Favicon}" />
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  87. <title>{Title}</title>
  88. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  89.  
  90.  
  91. <meta name="color:background" content="#656565">
  92. <meta name="color:pre" content="#656565">
  93.  
  94. <meta name="color:text" content="#dadada" />
  95. <meta name="color:link hover" content="#ffffff" />
  96. <meta name="color:link" content="#c66262" />
  97. <meta name="color:Bold" content="#da938d" />
  98. <meta name="color:Italic" content="#d4b175"/>
  99. <meta name="color:container" content="#525252" />
  100. <meta name="color:border" content="#282828" />
  101. <meta name="color:outline" content="#282828" />
  102. <meta name="color:shadow" content="#000000" />
  103. <meta name="color:chatone" content="#3e3e3e" />
  104. <meta name="color:chattwo" content="#313131" />
  105.  
  106. <meta name="image:infoimage" content="https://storage.needpix.com/rsynced_images/rose-grayscale.jpg"/>
  107.  
  108. <meta name="image:munpic" content="http://placehold.jp/200x250.png"/>
  109. <meta name="image:navpic" content="https://via.placeholder.com/402x201.png"/>
  110.  
  111. <meta name="image:aboutpic" content="http://placehold.jp/200x250.png"/>
  112.  
  113. <meta name="image:background" content=""/>
  114. <link href="https://fonts.googleapis.com/css?family=Pacifico&display=swap" rel="stylesheet">
  115.  
  116.  
  117. </head>
  118.  
  119.  
  120. <style type="text/css">
  121.  
  122.  
  123. .tooltip{
  124. display: inline;
  125. position: relative;}
  126.  
  127.  
  128. iframe.tmblr-iframe {
  129. top:0!important;
  130. right:0!important;
  131. opacity:0;
  132. transform:scale(0.8);
  133. transform-origin:100% 0;
  134. -webkit-transform-origin:100% 0;
  135. -o-transform-origin:100% 0;
  136. -moz-transform-origin:100% 0;
  137. z-index:1000000000000000000888800000000000000000999999999999999999999999999900000000009999
  138. }
  139.  
  140. iframe.tmblr-iframe:hover {
  141. opacity:0.6!important;
  142. -moz-transition-duration:.9s;
  143. -webkit-transition-duration:.9s;
  144. -o-transition-duration:.9s;
  145. }
  146.  
  147. .hcontrols {
  148. position:fixed;
  149. top:0;
  150. right:0;
  151. z-index:999999999;}
  152.  
  153.  
  154. .iframe-controls-container
  155. {;
  156. }
  157.  
  158.  
  159.  
  160. #s-m-t-tooltip {
  161. padding:6px;
  162. width:auto;
  163. max-width:300px;
  164. text-shadow:
  165. 1px 1px 0px #000,
  166. 1px -1px 0px #000,
  167. -1px -1px 0px #000,
  168. -1px 1px 0px #000,
  169. 0px 1px 0px #000,
  170. 0px -1px 0px #000,
  171. 1px 0px 0px #000,
  172. -1px 0px 0px #000,
  173. 0px 0px 5px #000;
  174. border: 1px solid {color:border}; outline: 1px solid {color:outline}; outline-offset: 3px;padding-top:5px; display:block; padding-bottom:5px; width:auto; font-size:11px; font-family:verdana;margin-top:10px; text-transform:uppercase; border-radius:0px; background: {color:chatone} url('{image:infoimage}');background-attachment:fixed; text-align:center;
  175.  
  176. z-index:99999999999999999999999999999999999999999999999999999;
  177. transition:0.7s ease-in-out;
  178. -o-transition:0.7s ease-in-out;
  179. -ms-transition:0.7s ease-in-out;
  180. -moz-transition:0.7s ease-in-out;
  181. -webkit-transition:0.7s ease-in-out;
  182. }
  183.  
  184.  
  185.  
  186.  
  187. body {color:{color:text}; background: {color:background} url('{image:background}') no-repeat fixed 0% 0%; font-family:verdana; font-size:11px; line-height:17px; text-align:justify; overflow-x:hidden; }
  188.  
  189. a:link, a:active, a:visited{color: {color:link};text-transform:uppercase; text-decoration:none}
  190.  
  191. a:hover {
  192. color:{color:link hover}; -moz-transition-duration:.9s;
  193. -webkit-transition-duration:.9s;
  194. -o-transition-duration:.9s;}
  195.  
  196. small{font-size:11px}
  197.  
  198. big{font-size:14px}
  199.  
  200. b, strong{color:{color:bold}; text-transform:uppercase; }
  201.  
  202. a{
  203.  
  204. }
  205.  
  206. p b {
  207. font-size:13px;
  208. }
  209.  
  210.  
  211. p i {
  212. font-size:13px;
  213. }
  214.  
  215.  
  216. h1 {font-size:15px;}
  217.  
  218. i, em {color:{color:italic}}
  219.  
  220. p{margin-top:6px; margin-bottom:6px}
  221.  
  222. blockquote {padding:0px; padding-left:10px; margin:8px; border-left:1px dotted {color:outline}}
  223.  
  224. img a{border:none; width:100%;}
  225.  
  226. p {
  227. margin-bottom:15px;
  228. margin-top:5px;
  229. }
  230.  
  231. hr {
  232. width:100%;
  233. margin-top:3px;
  234. margin-bottom:3px;
  235. height:2px;
  236. border:none;
  237. background: {color:chatone} url({image:infoimage});
  238. background-attachment:fixed;
  239. background-repeat:repeat;
  240. }
  241.  
  242.  
  243. h1 {font-size:30px;
  244. font-family: 'Lexend Deca', sans-serif;
  245. color: {color:bold};
  246. text-align:center;
  247. text-transform:uppercase;
  248. line-height:90%;
  249. letter-spacing:0px;
  250. text-align:center;
  251. text-shadow:none;}
  252. h2 {text-align:center; font-size:22px;
  253. color:{color:italic};
  254. font-weight:bold;
  255. line-height:90%;
  256. margin-bottom:-5px;
  257. text-align: center;
  258. text-transform:uppercase;
  259. text-shadow: 0px 1px 1px {color:shadow} ;
  260. font-family: 'Lexend Deca', sans-serif;
  261. line-height:30px;
  262.  
  263. }
  264.  
  265.  
  266.  
  267. .content img {
  268. max-width:100%;
  269. height:auto;
  270. }
  271.  
  272. h3 {text-align:center; font-size:18px;
  273. font-family: 'Bitter', serif;
  274. text-shadow: 0px 1px 1px {color:shadow};
  275. text-align:center;
  276. text-transform:lowercase;
  277. font-style:italic;
  278. line-height:130%;
  279. font-size:14px;
  280. letter-spacing:0px;
  281. padding-bottom:-10px;
  282. color: {color:italic};
  283. }
  284. h4 {border: 1px solid {color:border}; outline: 1px solid {color:outline}; outline-offset: 3px;padding-top:5px; display:block; padding-bottom:5px; width:auto; font-size:9px; font-family:verdana;margin-top:10px; text-transform:uppercase; border-radius:0px; background: {color:chatone} url('{image:infoimage}');background-attachment:fixed; text-align:center; text-shadow:
  285. 1px 1px 0px #000,
  286. 1px -1px 0px #000,
  287. -1px -1px 0px #000,
  288. -1px 1px 0px #000,
  289. 0px 1px 0px #000,
  290. 0px -1px 0px #000,
  291. 1px 0px 0px #000,
  292. -1px 0px 0px #000,
  293. 0px 0px 5px #000;}
  294. h5 {text-align:center;}
  295. h6 {text-align:center;}
  296.  
  297.  
  298.  
  299.  
  300.  
  301. #container {scrollbar-width: none;
  302. left: 752px;
  303. top:100px;
  304. margin-left:-164px;width: 423px;height:488px; position:fixed;background-color:{color:container};padding-left:3px;outline: 1px solid {color:outline}; outline-offset:3px;border: 1px solid {color:border};}
  305.  
  306.  
  307. #entries { scrollbar-width: none;
  308.  
  309. left: 752px;
  310. top:101px;
  311. margin-left:-164px; text-align: justify;background-color:transparent;width: 423px;height:488px; margin-bottom:0px;padding-bottom:15px; position:fixed;overflow:scroll; padding-left:3px;
  312. }
  313.  
  314.  
  315.  
  316. #posts p a:hover {font-size:11px; -moz-transition-duration:.9s;
  317. -webkit-transition-duration:.9s;
  318. -o-transition-duration:.9s;}
  319.  
  320.  
  321. ::-webkit-scrollbar {
  322. width: 0px;
  323. background-color: transparent;
  324. }
  325.  
  326. ::-webkit-scrollbar-track {
  327. background-color: transparent
  328. }
  329.  
  330. ::-webkit-scrollbar-thumb {
  331. background-color: transparent;
  332. }
  333.  
  334.  
  335.  
  336.  
  337.  
  338. #posts {margin: 10px 0 60px 0; width: 400px;text-align: justify; padding: 10px;}
  339.  
  340. #posts img {max-width:100%; height:auto;}
  341.  
  342. #sidebar{scrollbar-width: none;
  343. position:fixed; width:412px; background:{color:container}; padding:7px 7px 0px 7px; overflow:scroll; left: 752px; height:84px;
  344. top:0px;
  345. margin-left:-164px; border: 1px solid {color:border}; outline: 1px solid {color:outline}; outline-offset:3px; {color:container}; margin-bottom:40px; font-size:8px;}
  346.  
  347. #purblock{scrollbar-width: none;
  348. position:fixed; width:412px; background:{color:container}; padding:7px 7px 0px 7px; overflow:scroll; left: 752px; height:84px;
  349. top:0px;
  350. margin-left:-164px; border: 1px solid {color:border}; outline: 1px solid {color:outline}; outline-offset: 3px; {color:container}; margin-bottom:40px; font-size:8px;}
  351.  
  352.  
  353.  
  354. .blueblock {
  355. position:fixed; width:412px; background:{color:container}; padding:7px 7px 0px 7px; overflow:scroll; left: 752px; height:84px;
  356. top:0px;
  357. margin-left:-164px; border: 1px solid {color:border}; outline: 1px solid {color:outline}; outline-offset:3px; {color:container}; margin-bottom:40px; font-size:8px; z-index:1000000000000;}
  358.  
  359.  
  360. #sidebartext
  361.  
  362. {
  363. scrollbar-width: none;
  364. position:fixed; width:412px; background:transparent; padding:0px 7px 7px 7px; overflow:scroll; left: 752px; height:101px;
  365. top:0px;
  366. margin-left:-164px;
  367. margin-bottom:100px;
  368.  
  369. }
  370.  
  371.  
  372. .user_1 {
  373.  
  374. background-color:{color:chatone};
  375. border-left:{color:border};
  376. text-align:left; }
  377.  
  378. .user_2 {
  379.  
  380. background-color:{color:chattwo};
  381. border-right:{color:border};
  382. text-align:right;
  383. }
  384.  
  385.  
  386. .chat ol {
  387. line-height:110%;
  388. }
  389.  
  390.  
  391.  
  392. #links a:hover {
  393.  
  394. color:{color:link hover};
  395.  
  396. }
  397.  
  398. #links a
  399. {position: fixed;
  400.  
  401. color:{color:border};
  402. top:94px;
  403. }
  404.  
  405.  
  406. /*
  407. @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
  408. @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
  409. @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
  410.  
  411. */
  412. #refresh {
  413. left: 752px;
  414. margin-left: -32px;
  415. margin-top: 486px;
  416. font-size: 30px;
  417. position: absolute;
  418. z-index: 1000000;
  419.  
  420. }
  421.  
  422. #refresh img {
  423. width:30px;
  424. height:auto;
  425. filter: blur(0);
  426.  
  427.  
  428. -moz-transition-duration:.9s;
  429. -webkit-transition-duration:.9s;
  430. -o-transition-duration:.9s;
  431. }
  432.  
  433. #nav {
  434. left: 752px;
  435. margin-top: 486px;
  436. margin-left: 106px;
  437. font-size: 30px;z-index: 1000000;
  438. position:absolute;
  439. }
  440.  
  441. #nav img {
  442. width:30px;
  443. height:auto;
  444. filter: blur(0);
  445.  
  446.  
  447. -moz-transition-duration:.9s;
  448. -webkit-transition-duration:.9s;
  449. -o-transition-duration:.9s;
  450. }
  451.  
  452.  
  453. #pagef {
  454. left: 752px;
  455. margin-left: 240px;
  456. margin-top: 486px;
  457. font-size: 30px;
  458. position: absolute;z-index: 1000000;
  459. }
  460.  
  461. #pagef img {
  462. width:30px;
  463. height:auto;
  464. filter: blur(0);
  465.  
  466.  
  467. -moz-transition-duration:.9s;
  468. -webkit-transition-duration:.9s;
  469. -o-transition-duration:.9s;
  470. }
  471.  
  472. #pagep {
  473. left: 752px;
  474. margin-left: -160px;
  475. margin-top: 486px;
  476. font-size: 30px;z-index: 1000000;
  477. position: absolute;
  478. }
  479.  
  480.  
  481. #pagep img {
  482. width:30px;
  483. height:auto;
  484. filter: blur(0);
  485.  
  486.  
  487.  
  488. -moz-transition-duration:.9s;
  489. -webkit-transition-duration:.9s;
  490. -o-transition-duration:.9s;
  491. }
  492.  
  493.  
  494. #pagep img:hover, #pagef img:hover, #nav img:hover, #refresh img:hover {
  495.  
  496. filter: blur(10px);
  497.  
  498.  
  499. -moz-transition-duration:.9s;
  500. -webkit-transition-duration:.9s;
  501. -o-transition-duration:.9s;
  502.  
  503. }
  504.  
  505.  
  506. #links i
  507. {color: {color:link};
  508. -moz-transition-duration:.9s;
  509. -webkit-transition-duration:.9s;
  510. -o-transition-duration:.9s;
  511.  
  512. }
  513.  
  514. #links i:hover
  515. {color: {color:link hover};
  516. -moz-transition-duration:.9s;
  517. -webkit-transition-duration:.9s;
  518. -o-transition-duration:.9s;
  519.  
  520. }
  521.  
  522.  
  523. .popup_block{
  524. display:none;
  525. background-image:transparent;
  526. background-repeat: no-repeat;
  527. float:left;
  528. font-family: 'Roboto', sans-serif;
  529. height: 10px;
  530. position:fixed;
  531. z-index: 99999;
  532. overflow-y: scroll;
  533. overflow-x: hidden;
  534.  
  535. }
  536.  
  537.  
  538. *html #fade {position: absolute;}
  539. *html .popup_block {position: absolute;}
  540. #fade {
  541. display:none;
  542. position:fixed;
  543. left:0px;
  544. top:100px;
  545. width:100%;
  546. height:488px;
  547. z-index:9999;
  548. background:{color:background};
  549. opacity:0;
  550. }
  551.  
  552.  
  553. .popcontent {
  554. background: {color:container};
  555. width: 402px;
  556. height:443px;
  557. padding:10px;
  558. top:101px;
  559. left: 752px;
  560. margin-left:-161px;
  561. font-weight:500;
  562. overflow: scroll;
  563. padding-left:12px;
  564. font-size:11px;
  565. position: fixed;
  566. padding-top:35px;
  567. text-align:justify;
  568.  
  569. z-index:1000000000000000000000000000000000000000000000;
  570.  
  571. }
  572.  
  573.  
  574.  
  575.  
  576. .tabslist {
  577.  
  578. scrollbar-width: none;
  579. background:transparent;
  580. padding:0px 9px;
  581. font-weight:500;
  582. font-size:11px;
  583. position: fixed;
  584. overflow-y:scroll;
  585. overflow-x:hidden;
  586. padding-top:20px;
  587.  
  588. text-align:center;
  589. margin-left:-163px;
  590. position:fixed; width:405px; overflow:scroll; left: 752px; height:89px;
  591. overflow-x:hidden;
  592. top:0px;
  593. margin-bottom:0px padding-bottom:0px;
  594.  
  595.  
  596. z-index:100000000000000000000000000000000000000000000; -moz-transition-duration:.9s;
  597. -webkit-transition-duration:.9s;
  598. -o-transition-duration:.9s;}
  599. }
  600. }
  601.  
  602.  
  603. .leftlink {
  604. float:left;
  605. width:75px;
  606. max-width:75px;
  607. text-align:center;
  608. }
  609.  
  610.  
  611.  
  612.  
  613. .rightlink {
  614. float:right;
  615.  
  616. width:75px;
  617. max-width:75px;
  618.  
  619. text-align:center;
  620. }
  621.  
  622.  
  623.  
  624.  
  625.  
  626. #credit{position:fixed; bottom:10px; left:10px; font-size:11px;font-family: 'Pacifico', cursive;;
  627. color:{color:text}; text-transform:uppercase;letter-spacing: 0px; font-style:normal; border: 1px solid transparent; outline: 1px solid transparent; outline-offset:3px; padding:3px;}
  628.  
  629. #info{border: 1px solid {color:border}; height:18px; outline: 1px solid {color:outline};outline-offset:3px;padding-top:5px; border-radius:0px; display:block; padding-bottom:5px; width:auto; font-size:11px; font-family:verdana;margin-top:20px; text-transform:uppercase;background: {color:chatone} url('{image:infoimage}');background-attachment:fixed; text-shadow:
  630. 1px 1px 0px #000,
  631. 1px -1px 0px #000,
  632. -1px -1px 0px #000,
  633. -1px 1px 0px #000,
  634. 0px 1px 0px #000,
  635. 0px -1px 0px #000,
  636. 1px 0px 0px #000,
  637. -1px 0px 0px #000,
  638. 0px 0px 5px #000;}
  639.  
  640. pre { padding-top:6px;
  641. padding:6px;
  642. white-space:pre-wrap;
  643. width:auto;
  644. text-align: center;
  645. word-wrap: break-word;
  646. color:{color:text};
  647. background-color:{color:pre};
  648. border-left:1px solid {color:border};
  649. border-right: 1px solid {color:border};
  650. font-family: 'Montserrat', sans-serif;
  651. text-transform:uppercase;
  652. line-height:100%;
  653. letter-spacing}
  654.  
  655.  
  656. figure {
  657. margin:0px;
  658. }
  659.  
  660.  
  661. .tags
  662. {
  663.  
  664. font-size:8px;
  665. }
  666.  
  667. #info1 {
  668. margin-left:45px;
  669. margin-top:0px;
  670. position:absolute;
  671. font-size:11px;
  672. text-decoration:none;
  673. }
  674.  
  675.  
  676. #info2 {
  677. margin-left:100px;
  678. margin-top:0px;
  679. position:absolute;
  680. font-size:11px;
  681. text-decoration:none;
  682. }
  683.  
  684.  
  685. #info3 {
  686. margin-left:155px;
  687. margin-top:0px;
  688. position:absolute;
  689. font-size:11px;
  690. text-decoration:none;
  691. }
  692.  
  693.  
  694. #info4 {
  695. margin-left:210px;
  696. margin-top:0px;
  697. position:absolute;
  698. font-size:11px;
  699. color:#ddd;
  700. text-decoration:none;
  701. }
  702.  
  703.  
  704. [type=radio]:checked ~ label {
  705. z-index: 2;
  706. color: {color:link hover};
  707.  
  708. border: 1px solid {color:border}; border-radius:0px; background: {color:chatone} url('{image:infoimage}');
  709. -moz-transition-duration:.9s;
  710. -webkit-transition-duration:.9s;
  711. -o-transition-duration:.9s;
  712. }
  713.  
  714. .tab [type=radio] {
  715. display: none;
  716. }
  717.  
  718. .content {
  719. scrollbar-width: none;
  720.  
  721. background: {color:container};
  722. width: 404px;
  723. overflow-x:hidden;
  724. padding:10px 10px 0px 10px;
  725. left: 752px;
  726. top:101px;
  727. margin-left:-164px;
  728. overflow-y:scroll;
  729. font-weight:500;
  730. padding-left:12px;
  731. font-size:11px;
  732. position: fixed;
  733. padding-top:30px;
  734. padding-bottom:15px;;
  735. text-align:justify;
  736.  
  737. width: 402px;
  738. height:468px;
  739. padding:10px;
  740. left: 752px;
  741. margin-left:-161px;
  742. -moz-transition-duration:.9s;
  743. -webkit-transition-duration:.9s;
  744. -o-transition-duration:.9s;
  745.  
  746. }
  747.  
  748. [type=radio]:checked ~ label ~ .content {
  749. z-index: 1;
  750. }
  751.  
  752.  
  753. .tab {
  754. width:60px;
  755. margin: -20px 2px;
  756. margin-bottom:10px;
  757. display: inline-block;
  758.  
  759. }
  760.  
  761.  
  762. .tab label {
  763. color: {color:bold};
  764. letter-spacing: 2px;
  765. font-size: 8px;
  766. line-height: 14px;
  767. font-weight: bold;
  768. background-color: {color:container};
  769. width:60px;
  770. text-transform: uppercase;
  771. text-align: center;
  772. cursor: pointer;
  773. box-sizing:border-box;
  774. display: block;
  775. margin-bottom: 5px;
  776. padding:5px 10px;
  777. border: 1px solid {color:container};
  778. border-radius:0px;
  779.  
  780. -moz-transition-duration:.9s;
  781. -webkit-transition-duration:.9s;
  782. -o-transition-duration:.9s;}
  783.  
  784.  
  785. }
  786.  
  787. .tab label:hover {
  788. background: {color:bold};
  789. color:{color:link hover};
  790. font-size: 10px;
  791.  
  792. border: 1px solid {color:border}; border-radius:0px; background: {color:chatone} url('{image:infoimage}'); background-attachment:fixed; -moz-transition-duration:.9s;
  793. -webkit-transition-duration:.9s;
  794. -o-transition-duration:.9s;
  795. }
  796.  
  797.  
  798. .tab a {
  799. color;{color:link};
  800. text-align: center;
  801. width:150px;
  802. -moz-transition-duration:.9s;
  803. -webkit-transition-duration:.9s;
  804. -o-transition-duration:.9s;
  805.  
  806. }
  807.  
  808.  
  809.  
  810. .tab a:hover {
  811.  
  812. color;{color:link};
  813. -moz-transition-duration:.9s;
  814. -webkit-transition-duration:.9s;
  815. -o-transition-duration:.2s;
  816.  
  817. }
  818.  
  819.  
  820. ::selection {
  821. background: {color:container};
  822. color: {color:link};/* WebKit/Blink Browsers */
  823. }
  824. ::-moz-selection {
  825. background: {color:container};
  826. color: {color:link};/* WebKit/Blink Browsers */}
  827.  
  828.  
  829.  
  830. .audio{background-color:black; display:block}
  831.  
  832.  
  833. .user_1 .label {color:{color:link}; font-weight:bold}
  834. .user_2 .label {color:{color:link}; font-weight:bold}
  835. .user_3 .label {color:{color:link}; font-weight:bold}
  836.  
  837. ul.chat {
  838. padding:20px 0px
  839. }
  840.  
  841. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:5px;}
  842.  
  843. .notes img{width:10px; position:relative; top:1px}
  844. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  845.  
  846.  
  847. .longpic {
  848.  
  849. font-size:10px;
  850. min-height:250px;
  851. margin-top:15px;
  852. margin-bottom:15px;
  853. overflow:hidden;
  854. }
  855.  
  856. .longpic img {
  857. padding: 0px;
  858. width: 200px;
  859. height: 250px;
  860. border-radius:10%;
  861. text-align:justify;
  862. margin-bottom: 40px;
  863.  
  864. }
  865.  
  866.  
  867.  
  868. .shortpic {
  869.  
  870. font-size:11px;
  871. min-height:100px;
  872. margin-top:15px;
  873. margin-bottom:15px;
  874.  
  875. }
  876.  
  877. .shortpic p{
  878. margin-top:-3px;
  879. line-height:130%;
  880. }
  881.  
  882. .shortpic img {
  883. padding: 0px;
  884. width: 100px;
  885. height: 100px;
  886. border-radius:10%;
  887. text-align:justify;
  888. margin-bottom:13px;
  889. }
  890.  
  891.  
  892.  
  893.  
  894.  
  895. .navpic
  896. {
  897. width:402px;
  898. height:auto;
  899. margin-bottom:15px;
  900. border-radius:20px;
  901. }
  902.  
  903.  
  904. .right
  905. {
  906.  
  907. float:right;
  908. margin-left: 11px;
  909. margin-right: 0px;
  910. }
  911.  
  912. .left
  913. {
  914. margin-left: 0px;
  915. margin-right: 11px;
  916.  
  917. float:left;
  918. }
  919.  
  920.  
  921. .right img
  922. {
  923.  
  924. float:right;
  925. }
  926.  
  927.  
  928. .left img
  929. {
  930. float: left;
  931.  
  932. }
  933.  
  934. #pagination {
  935.  
  936.  
  937.  
  938.  
  939. }
  940.  
  941. .linkbutton{
  942. text-align:center;
  943. text-transform:uppercase;
  944. font-family:'Roboto', sans-serif;
  945. font-size:9px;
  946. margin-bottom:15px;
  947. }
  948.  
  949. .linkbutton a {
  950. width:112px;
  951. margin-left:4px;
  952. margin-right:4px;
  953. margin-top:4px;
  954. margin-bottom:8px;
  955. display:inline-block;
  956. background-color:{color:pre};
  957.  
  958. color:{color:text};
  959. text-shadow:0px 0px 5px {color:bold};
  960. padding: 4px;
  961. line-height:20px;
  962. margin-top:2px;
  963. letter-spacing:1px;
  964. transition-duration: 0.6s;
  965. border:1px solid {color:border};
  966. -webkit-transition: .9s ease-in-out;
  967. -moz-transition: .9s ease-in-out;
  968. -o-transition: .9s ease-in-out;
  969. }
  970.  
  971. .linkbutton a:hover {
  972. background:{color:chatone} url('{image:infoimage}');
  973. background-attachment:fixed; }
  974.  
  975.  
  976.  
  977. #asker
  978. {
  979. min-height:70px;
  980. padding:00px 20px 0px 20px;
  981. border:1px solid {color:border};
  982. outline: 1px solid {color:outline};outline-offset:3px;
  983. background: {color:chatone} url('{image:infoimage}');background-attachment:fixed;
  984. background-attachment: fixed;
  985.  
  986.  
  987. }
  988. #asker a
  989. { color:{color:bold};
  990.  
  991. }
  992.  
  993. #asker a:hover
  994. { color:{color:link hover};
  995.  
  996. }
  997.  
  998.  
  999. #answer a
  1000. { color:{color:bold};
  1001.  
  1002. }
  1003.  
  1004. #answer a:hover
  1005. { color:{color:link hover};
  1006.  
  1007. }
  1008.  
  1009. #answer h3
  1010. { padding-bottom:10px;
  1011. margin-top:0px;
  1012. text-align:justify;
  1013. }
  1014. #asker h3
  1015. { color:{color:text};
  1016. text-align:justify;
  1017. }
  1018. #answer
  1019. {
  1020. padding:20px 20px 0px 20px;
  1021.  
  1022. }
  1023.  
  1024.  
  1025. iframe#ask_form {
  1026. min-height:270px;
  1027.  
  1028.  
  1029. }
  1030.  
  1031.  
  1032. #video {
  1033.  
  1034. margin-bottom:15px;
  1035. }
  1036.  
  1037. .audio_player {width: 33px;
  1038. height: 25px;
  1039. overflow: hidden;
  1040. position: relative;
  1041. border-radius:25px;
  1042. z-index: 10000000;}
  1043.  
  1044.  
  1045. .audiopic
  1046. {
  1047. width:100px;
  1048. height:110px;
  1049. border-radius:10px;
  1050. max-width:110px;
  1051. background-color: {color:border};
  1052. border-radius:10px;
  1053.  
  1054. margin-bottom:20px;
  1055. }
  1056.  
  1057. .audiopic img
  1058. {
  1059. border:3px solid transparent;
  1060. border-radius:10px;
  1061. }
  1062.  
  1063.  
  1064. .musicinfo
  1065. {
  1066.  
  1067. position:relative;
  1068. top: 0px;
  1069. left:110px;
  1070. width:295px;
  1071. }
  1072.  
  1073. .extraspace
  1074. {
  1075. padding:10px;
  1076. margin:10px;
  1077.  
  1078. }
  1079.  
  1080.  
  1081. .notes li
  1082. {
  1083. width:400px;}
  1084.  
  1085.  
  1086.  
  1087. ol.notes
  1088. {
  1089. width:400px;}
  1090.  
  1091.  
  1092.  
  1093. input[type='checkbox'] {
  1094. display: none;
  1095. }
  1096.  
  1097.  
  1098. /* Style the buttons that are used to open and close the accordion panel */
  1099. .accordion {
  1100. cursor: pointer;
  1101. width: 100%;
  1102. border: none;
  1103. outline: none;
  1104. transition: 0.9s;
  1105. margin-bottom:20px;
  1106. margin-top:-10px;
  1107.  
  1108. font-family: 'Lexend Deca', sans-serif;
  1109. }
  1110.  
  1111.  
  1112.  
  1113. .accordion:after {
  1114. content: '+'; /* Unicode character for "plus" sign (+) */
  1115. float: right;
  1116.  
  1117. color:{color:italic};
  1118. font-weight:bold;
  1119. line-height:100%;
  1120. text-transform:uppercase;
  1121. text-shadow: 0px 1px 1px {color:shadow} ;
  1122.  
  1123. line-height:30px;
  1124. font-size:22px;
  1125.  
  1126. margin-right: 5px;
  1127. padding-right:5px;
  1128. margin-top:-30px;
  1129. }
  1130.  
  1131. .active:after {
  1132. content: "-"; /* Unicode character for "minus" sign (-) */
  1133.  
  1134. }
  1135.  
  1136. button {
  1137. background:transparent;
  1138. padding:0px;
  1139. margin:0px;
  1140. }
  1141.  
  1142. button h2{
  1143. background-color:{color:pre};
  1144. color:{color:italic};
  1145. padding:5px 10px;
  1146. text-align:left;
  1147. border:1px {color:border} solid;
  1148. background:{color:chatone} url('{image:infoimage}'); background-attachment:fixed;
  1149. }
  1150.  
  1151. button h2:hover {
  1152.  
  1153. color:{color:link};
  1154. transition: 0.9s;
  1155. background:{color:pre};
  1156. }
  1157.  
  1158. button:hover {
  1159.  
  1160. }
  1161.  
  1162.  
  1163. /* Style the accordion panel. Note: hidden by default */
  1164. .panel {
  1165. max-height: 0;
  1166. overflow: hidden;
  1167. transition: max-height 0.9s ease-out;
  1168. }
  1169.  
  1170.  
  1171. /* GRID */
  1172.  
  1173. a.selected
  1174. {
  1175. color:{color:italic};
  1176. font-size:12px;
  1177. }
  1178.  
  1179. h2 a.selected
  1180. {
  1181. color:{color:italic};
  1182. font-size:17px;
  1183. }
  1184.  
  1185. #grid {
  1186. position:fixed;
  1187. display:block;
  1188. width:280px;
  1189. transition:0.9s;
  1190. top:-10px;
  1191. right: -132px;
  1192. overflow:scroll;
  1193. height:456px;
  1194.  
  1195. }
  1196.  
  1197.  
  1198.  
  1199.  
  1200. .isotope {
  1201.  
  1202. width:402px;
  1203. min-width:30%;
  1204. position:fixed;
  1205.  
  1206. }
  1207. .grid-item {
  1208. width:50%;
  1209. margin:0px;
  1210. padding:10px;
  1211. box-sizing:border-box;height:240px;
  1212. margin:0px auto;
  1213. }
  1214.  
  1215. .grid-item img{
  1216. max-width:100%;
  1217. height:auto;
  1218. border-radius:5px;
  1219. }
  1220.  
  1221. .tooltip{
  1222. display: inline;
  1223. position: relative;}
  1224.  
  1225. #sort {
  1226. position:fixed;
  1227. z-index:10000000000000000000000000000099999999999999999999999999999999999999;
  1228. margin-top:41px;
  1229. }
  1230.  
  1231. #filters {
  1232. width:120px;
  1233. height:389px;
  1234. margin-top: 6px;
  1235. }
  1236.  
  1237. #filters ul{
  1238. list-style:none;
  1239. padding:0px;
  1240. width:120px;
  1241. text-align:center;
  1242. }
  1243.  
  1244.  
  1245. #filters a{
  1246. padding:10px;
  1247. }
  1248. #filters li{
  1249.  
  1250. padding-bottom:10px;
  1251. float:left;
  1252. margin:0px auto;
  1253. width:120px;
  1254. }
  1255. #filters p{
  1256. clear:both;
  1257. margin-bottom:1px;
  1258. padding-bottom:10px;
  1259. }
  1260.  
  1261. .story
  1262. {transition:0.9s; };
  1263.  
  1264. #filters b {
  1265. }
  1266.  
  1267.  
  1268. #parentgrid
  1269.  
  1270. {
  1271. position: fixed;
  1272. width: 416px;
  1273. left: 600px;
  1274. overflow: scroll;
  1275. top: 160px;
  1276. height: 446px;
  1277. }
  1278.  
  1279.  
  1280. .grid-item label
  1281. {
  1282. color: initial;
  1283. padding: initial;
  1284. margin-bottom: initial;
  1285. text-transform: uppercase;
  1286. text-align: center;
  1287. cursor: pointer;
  1288. box-sizing: border-box;
  1289. display: block;
  1290. width:111.984px;
  1291. background-color:transparent;
  1292. margin-bottom: 5px;
  1293. border: none;
  1294. border-radius: 0px;
  1295. -moz-transition-duration: .9s;
  1296. -webkit-transition-duration: .9s;
  1297. -o-transition-duration: .9s;
  1298. }
  1299. /* GRID */
  1300. </style>
  1301.  
  1302.  
  1303. <body>
  1304.  
  1305. <div id="navpage" class="popup_block">
  1306. <div class="popcontent">
  1307. <div id="purblock"></div>
  1308. <div class="tabslist">
  1309. <h1 style="margin-top:-6px;">* BLOGNAME !</h1>
  1310. <div class="tab">
  1311. <input type="radio" id="tab-1" name="tab-group-1" checked>
  1312. <label for="tab-1"><a>NAV</a></label>
  1313. <div class="content">
  1314. <h4>NAVIGATION</h4>
  1315. <img class="navpic" src="{image:navpic}">
  1316. <div class="linkbutton">
  1317. <a href="link1">Link 1</a>
  1318. <a href="link2">Link 2</a>
  1319. <a href="link3">Link 3</a>
  1320. <a href="link4">Link 4</a>
  1321. <a href="link5">Link 5</a>
  1322. <a href="link6">Link 6</a>
  1323. <a href="link7">Link 7</a>
  1324. <a href="link8">Link 8</a>
  1325. <a href="link9">Link 9</a>
  1326. <p>
  1327. </div>
  1328. <div class="extraspace">
  1329. </p>
  1330. <p>
  1331. </p>
  1332. <p>
  1333. </div>
  1334. <div class="extraspace">
  1335. </p>
  1336. <p>
  1337. </p>
  1338. <p>
  1339. </div>
  1340. <div class="extraspace">
  1341. </p>
  1342. <p>
  1343. </p>
  1344. <p>
  1345. </div>
  1346.  
  1347. </div>
  1348. </div>
  1349. <div class="tab">
  1350. <input type="radio" id="tab-2" name="tab-group-1">
  1351. <label for="tab-2"><a>INBOX</a></label>
  1352. <div class="content">
  1353. <h4> MESSAGES </h4>
  1354. <center>
  1355. <p>
  1356. <iframe frameborder="0" height="240" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="90%"></iframe>
  1357. </center>
  1358. <p>
  1359. <h4> SUBMIT </h4>
  1360. <p>
  1361. <center>
  1362. <iframe frameborder="0" height="380" id="submit_form" scrolling="yes" src="https://www.tumblr.com/submit_form/{Name}.tumblr.com" width="90%"></iframe></center>
  1363. <p>
  1364.  
  1365.  
  1366. <div class="extraspace">
  1367. </p>
  1368. <p>
  1369. </p>
  1370. <p>
  1371. </div>
  1372. <div class="extraspace">
  1373. </p>
  1374. <p>
  1375. </p>
  1376. <p>
  1377. </div>
  1378. <div class="extraspace">
  1379. </p>
  1380. <p>
  1381. </p>
  1382. <p>
  1383. </div>
  1384.  
  1385.  
  1386.  
  1387. </div>
  1388. </div>
  1389.  
  1390.  
  1391. <div class="tab">
  1392. <input type="radio" id="tab-3" name="tab-group-1" >
  1393. <label for="tab-3"><a>RULES</a></label>
  1394. <div class="content">
  1395. <h4>RULES</h4>
  1396.  
  1397. <h3>Disclaimer:</h3>
  1398.  
  1399. <p> I AM NOT SUPERGIRL. I AM NOT KARA DANVERS. I AM NOT ASSOCIATED WITH MELISSA BENOIST. Sorry if you thought I was. ;) </p>
  1400.  
  1401.  
  1402. <h4>NSFW</h4>
  1403.  
  1404.  
  1405.  
  1406. <p>Mun and Muse are both of age. Themes of a NSFW nature will happen. That could involve general bedroom shenanigans (though it doesn’t have to be confined to the bedroom, let’s be real ;D) or canontypical violence. That being said, I’m neither going to reblog gifs nor images of graphic subjects. </p>
  1407.  
  1408.  
  1409. <h4>SHIPPING 'N' STUFF</h4>
  1410.  
  1411.  
  1412.  
  1413. <p> This is a multifandom, selectively shipping blog. Meaning that while Kara will work in different fandoms/verses than her own, my Kara will be a bisexual woman. So, she’ll go for either ladies or men. :P </p>
  1414.  
  1415. <h4>FORMATTING 'N' ICONS</h4>
  1416.  
  1417.  
  1418. <p> Will adjust to the format of my partner, but defaults to icons with big text. Sometimes I’ll do smaller text, but that’s the smallest I’ll go. I have vision problems so I’d prefer to be able to actually read your responses.
  1419. <p> I make the 200x100 icons you see on this blog. The others I find off Tumblr, including gif icons. I do not claim to have made any of those.
  1420.  
  1421. <h4>BELIEFS</h4>
  1422. <p> In-character beliefs do not equal that of the mun’s. That being said, if at any time the muse makes you uncomfortable, talk to me about it!! This is meant to be fun and I don’t want to ever step on any toes, MUCH LESS want to trigger someone. Ask if I need to tag something for you. Seriously, you’ll never be a bother about that kind of thing.
  1423.  
  1424. <h4>ORIGINAL CHARACTERS/CHILDREN</h4>
  1425.  
  1426. <p> Regarding original characters— BRING THEM ON!! Kara and the mun both love them. The only thing I ask is that you have a backstory that suits the canon that my specific Kara portrays. If you ever want to create an OC for my Kara specifically (God willing) just let me know and I’ll be so down to helping out with that!
  1427.  
  1428. <p> HERE IS A PLUG FOR <href="http://www.travelingdanvers.tumblr.com/">Charlie</href> and <href="http://wwww.tinyluthor.tumblr.com/">Lukas</href> the two OC children that Turtle has made for my Kara almost exclusively. It's a joy to write with them, and if you love OCs as much as I do--- you should definitely follow these two!
  1429.  
  1430. <h4>EXCLUSIVITY</h4>
  1431.  
  1432. <p> As to who I’ll be roleplaying with, I’m generally open to anyone responding to my open starters. However, I’m mostly going to look for mutuals first, or go to them before anyone else with plot ideas.
  1433. <p> On top of that, I do ask that your effort and enthusiasm match mine, even if our word counts are drastically different. This basically means to try and show me you’re as happy to write as I am. After all, why write at all if you aren’t feeling the characters?
  1434.  
  1435. <h4>HEADCANONS</h4>
  1436.  
  1437. <p> Headcanons are mine unless stated otherwise. Please don’t steal them or repost them without my permission! I work hard on fleshing Kara out, or giving her the best chance to flourish. Keep that in mind when writing with me, and everything will be a-okay! <b>REMEMBER, I PORTRAY KARA AS AUTISTIC.</b>
  1438.  
  1439. <h4>OOC DRAMA</h4>
  1440. No OOC drama. I’m here to roleplay & have fun, not get caught up in a petty fight. If you have a problem with me, there’s an unfollow button in the top right corner. Or you could be an adult and talk to me about it, but if I find anyone vague/specifically posting about me, in an unkind manner, I will block.
  1441.  
  1442. <div class="extraspace">
  1443. </p>
  1444. <p>
  1445. </p>
  1446. <p>
  1447. </div>
  1448. <div class="extraspace">
  1449. </p>
  1450. <p>
  1451. </p>
  1452. <p>
  1453. </div>
  1454. <div class="extraspace">
  1455. </p>
  1456. <p>
  1457. </p>
  1458. <p>
  1459. </div>
  1460.  
  1461. </div>
  1462. </div>
  1463.  
  1464. <div class="tab">
  1465. <input type="radio" id="tab-4" name="tab-group-1">
  1466. <label for="tab-4"><a>ABOUT</a></label>
  1467. <div class="content">
  1468. <h4>ABOUT</h4>
  1469.  
  1470.  
  1471. <div class="longpic"><img class="left" src="{image:aboutpic}">
  1472.  
  1473. <b>Name: </b>Kara Zor-El Danvers<br>
  1474. <b>Better Known As: </b>Supergirl, Paragon of Hope<br>
  1475. <b>Gender: </b>Female<br>
  1476. <b>Orientation: </b>Bisexual<br>
  1477. <b>Date Of Birth: </b>December 14th<br>
  1478. <b>Residence: </b>National City<br>
  1479. <b>Occupation: </b>Reporter, Superhero, Potsticker Demolisher<br>
  1480. <b>Education: </b>College<br>
  1481. <b>Class: </b>Moderately wealthy<br>
  1482. <b>Spirituality: </b>Raoism<br>
  1483. <b>Virtues: </b>Determined, hopeful, loyal<br>
  1484. <b>Vices: </b>Trusting, sassy, secretive,<br>
  1485. </div>
  1486. <hr>
  1487. <h3>"Kara Danvers, you are <b>MY</b> hero!"<p>
  1488. <i>-Lena Luthor</i></i>
  1489. </h3>
  1490.  
  1491. <hr>
  1492. <h1>I WANT TO BE YOUR GIRLFRIEND!</h1>
  1493. <hr>
  1494.  
  1495. <h4><p>
  1496. <b>Appearance</b><p> Blonde haired beauty with blue eyes that could convince the devil to repent.
  1497. <p>
  1498. <b>Habits</b><p> Nail biting, squeezing of fingers, cracking knuckles, jumps up and down when excited
  1499. <p>
  1500. <b>Health</b><p> Healthy as a Kryptonian
  1501. </h4>
  1502.  
  1503. <hr>
  1504. <h1>HEY HEY! NO WAY, NO WAY!</h1>
  1505. <hr>
  1506.  
  1507. <h2>Analysis</h2>
  1508. <div class="linkbutton">
  1509. <a href="Alignment">D&D ALIGNMENT</a>
  1510. <a href="MBTI">MBTI</a>
  1511. <br>
  1512. <a href="Element">Four Elements</a>
  1513. <a href="VisualDNA">VisualDNA</a>
  1514. <a href="ENNEAGRAM">ENNEAGRAM</a>
  1515. <br>
  1516. <a href="Temperament">Temperament</a>
  1517. <a href="Intelligence">Intelligence</a>
  1518. <p>
  1519. </div>
  1520.  
  1521. <hr>
  1522.  
  1523. <h3>sagittarius life</h3>
  1524. <div class="shortpic"><img class="left" src="https://i.imgur.com/HxmQMUp.png"></div><p><b></b> DECEMBER 14</b> birthday horoscope predicts that it is likely that you are a Sagittarius who has a great deal on his or her plate. You are naturally friendly and possess a big heart. You set goals, and you are extremely ambitious. Somehow, you remain humble in all of the madness. You will never make anyone feel small.
  1525.  
  1526. <p>
  1527. <h3>sagittarius friendships</h3>
  1528. <div class="shortpic"><img class="left" src="https://live.staticflickr.com/1649/26137793845_45d21527ae_b.jpg"</div>
  1529. It’s not unusual for you to have long relationships if not for a lifetime. Additionally, your friends get along with each other. So it’s a party every time you guys get together. It makes you exceptionally happy when you have all of your friends and family in one setting.
  1530. </div>
  1531. <p>
  1532. <h3>health of a sagittarius</h3>
  1533. <div class="shortpic"><img class="left" src="https://i.pinimg.com/originals/31/bc/58/31bc583396ef692c773a2707c5be4e2d.jpg"</div>
  1534. The December 14 birthday personality are health conscious individuals who probably have little or no sick days. However, you take note of alternative healing and therapy such as aura cleansing and balance. It has seemed to work for you, and you take little stock in what others have to think about your lifestyle.
  1535.  
  1536. <h3>career choices for a sagittarius</h3>
  1537. <div class="shortpic"><img class="left" src="https://i.pinimg.com/originals/d0/a6/5f/d0a65ff181c1884203d989847d213364.jpg"</div>
  1538. The career you’d be happiest is the one that drives you out of bed and comes naturally to you such as speaking or writing. How does investigative reporting sound? This occupation would solve your need for stimulation and variety.
  1539.  
  1540. <h3>the mushy stuff</h3>
  1541. <div class="shortpic"><img class="left" src="https://medias.spotern.com/wanted/w640/42/42892-1548267582.jpg"</div>
  1542. The December 14th astrology also predicts that you have the best interest at heart when you tell the truth but there are times when you could be more tactful. Sometimes, you don’t even realize that you have hurt someone’s feelings until it’s too late. Then there are times when you don’t know what to say, and you may start to drift off subject.
  1543. </div>
  1544. <p>
  1545. <hr>
  1546. <p>
  1547. <h3>Relatives</h3>
  1548. <center>
  1549. <a title="Mother">Mother</a> |
  1550. <a title="Father">Father</a> |
  1551. <a title="Child">Child</a>
  1552. </center>
  1553. <h3>Connections</h3>
  1554. <center>
  1555. <a title="Boss">Boss</a> |
  1556. <a title="Friend">Friend</a> |
  1557. <a title="Employee">Employee</a>
  1558. </center>
  1559. <div class="extraspace">
  1560. </p>
  1561. <p>
  1562. </p>
  1563. <p>
  1564. </div>
  1565. <div class="extraspace">
  1566. </p>
  1567. <p>
  1568. </p>
  1569. <p>
  1570. </div>
  1571. <div class="extraspace">
  1572. </p>
  1573. <p>
  1574. </p>
  1575. <p>
  1576. </div>
  1577.  
  1578.  
  1579. </div>
  1580. </div>
  1581.  
  1582.  
  1583. <div class="tab">
  1584. <input type="radio" id="tab-5" name="tab-group-1" >
  1585. <label for="tab-5"><a>VERSES</a></label>
  1586. <div class="content">
  1587. <h4>VERSES</h4>
  1588.  
  1589.  
  1590. <button class="accordion">
  1591. <h2>VERSE NAME</h2></button> <div class="panel">
  1592. <div class="shortpic"><img class="left" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100.png"><p>
  1593. <b>NAME:</b> <br>
  1594. <b>AGE:</b> <br>
  1595. <b>RESIDENCE:</b> <br>
  1596. <b>STATUS:</b> <br>
  1597.  
  1598. </div>
  1599.  
  1600.  
  1601. Verse Description.</div>
  1602.  
  1603. <button class="accordion">
  1604. <h2>VERSE NAME</h2></button> <div class="panel">
  1605. <div class="shortpic"><img class="right" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100.png"><p>
  1606. <b>NAME:</b> <br>
  1607. <b>AGE:</b> <br>
  1608. <b>RESIDENCE:</b> <br>
  1609. <b>STATUS:</b> <br>
  1610.  
  1611. </div>
  1612.  
  1613.  
  1614. Verse Description.</div>
  1615.  
  1616. <button class="accordion">
  1617. <h2>VERSE NAME</h2></button> <div class="panel">
  1618. <div class="shortpic"><img class="left" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100.png"><p>
  1619. <b>NAME:</b> <br>
  1620. <b>AGE:</b> <br>
  1621. <b>RESIDENCE:</b> <br>
  1622. <b>STATUS:</b> <br>
  1623.  
  1624. </div>
  1625.  
  1626.  
  1627. Verse Description.</div>
  1628.  
  1629. <button class="accordion">
  1630. <h2>VERSE NAME</h2></button> <div class="panel">
  1631. <div class="shortpic"><img class="right" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100.png"><p>
  1632. <b>NAME:</b> <br>
  1633. <b>AGE:</b> <br>
  1634. <b>RESIDENCE:</b> <br>
  1635. <b>STATUS:</b> <br>
  1636.  
  1637. </div>
  1638.  
  1639.  
  1640. Verse Description.</div>
  1641.  
  1642.  
  1643.  
  1644. <script>
  1645. var acc = document.getElementsByClassName("accordion");
  1646. var i;
  1647.  
  1648. for (i = 0; i < acc.length; i++) {
  1649. acc[i].addEventListener("click", function() {
  1650. this.classList.toggle("active");
  1651. var panel = this.nextElementSibling;
  1652. if (panel.style.maxHeight) {
  1653. panel.style.maxHeight = null;
  1654. } else {
  1655. panel.style.maxHeight = panel.scrollHeight + "px";
  1656. }
  1657. });
  1658. }
  1659. </script>
  1660.  
  1661. <div class="extraspace">
  1662. </p>
  1663. <p>
  1664. </p>
  1665. <p>
  1666. </div>
  1667. <div class="extraspace">
  1668. </p>
  1669. <p>
  1670. </p>
  1671. <p>
  1672. </div>
  1673. <div class="extraspace">
  1674. </p>
  1675. <p>
  1676. </p>
  1677. <p>
  1678. </div>
  1679.  
  1680. </div>
  1681. </div>
  1682.  
  1683. <div class="tab">
  1684. <input type="radio" id="tab-6" name="tab-group-1">
  1685. <label for="tab-6"><a>MUN</a></label>
  1686. <div class="content">
  1687. <h4>MUN</h4>
  1688.  
  1689.  
  1690.  
  1691. <div class="longpic"><img class="right" src="{image:munpic}">
  1692.  
  1693. <b>Name: </b>Mun Name Here<br>
  1694. <b>Better Known As: </b>Nicknames Here<br>
  1695. <b>Gender: </b>Gender Identity Here<br>
  1696. <b>Age: </b>Age Here<br>
  1697. <b>Timezone: </b>Timezone Here<br>
  1698. <b>Occupation: </b>Occupation Here<br>
  1699. <b>Activity: </b>Activity Level Here<br>
  1700. <b>Contact: </b>Preferred Contact Info Here<br>
  1701. <b>Discord: </b>Discord Tag Here<br>
  1702. </div>
  1703. <hr>
  1704. <h1>put a quote here!</h1>
  1705. <hr>
  1706. <div class="extraspace">
  1707. </p>
  1708. <p>
  1709. </p>
  1710. <p>
  1711. </div>
  1712. <div class="extraspace">
  1713. </p>
  1714. <p>
  1715. </p>
  1716. <p>
  1717. </div>
  1718. <div class="extraspace">
  1719. </p>
  1720. <p>
  1721. </p>
  1722. <p>
  1723. </div>
  1724.  
  1725. </div>
  1726. </div>
  1727.  
  1728.  
  1729. </div>
  1730. </div></div>
  1731.  
  1732.  
  1733.  
  1734. <div id="sidebar">
  1735.  
  1736. <div id="sidebartext">
  1737.  
  1738. <h1 style="margin-top:14px;">* BLOGNAME !</h1>
  1739. <h3 style="margin-bottom:20px;"> theme by Whitley </h3>
  1740. <h4> this is a h4 </h4>
  1741. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  1742.  
  1743.  
  1744. <h4> you can put stuff in it </h4>
  1745.  
  1746.  
  1747. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  1748.  
  1749. </p>
  1750.  
  1751.  
  1752. <h4>the sidebar scrolls </h4>
  1753. <p>Oh! and the sidebar goes to the max height of the page. As does the container.
  1754.  
  1755.  
  1756. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  1757.  
  1758. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  1759.  
  1760. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  1761.  
  1762. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  1763.  
  1764. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  1765.  
  1766. </p>
  1767.  
  1768. <div class="extraspace">
  1769. </p>
  1770. <p>
  1771. </p>
  1772. <p>
  1773. </div>
  1774. </div>
  1775. </div>
  1776. </center>
  1777. <div id="links">
  1778. <a id="refresh" href="/" title="refresh">✦</a>
  1779. <a id="nav" href="#?w=450" rel="navpage" class="poplight" title="navigate">✦</a>
  1780. {block:NextPage}<a id="pagef" href="{NextPage}" rel="navpage" class="poplight" title="forward">✦</a>{/block:NextPage}
  1781. {block:PreviousPage}<a id="pagep" href="{PreviousPage}" rel="navpage" class="poplight" title="previous">✦</a>{/block:PreviousPage}</div>
  1782.  
  1783.  
  1784. <div id="credit"><a href="http://imbicilite.tumblr.com/" title="theme by whitley">I.</a></div>
  1785. <div id=container>
  1786. <div id="entries">
  1787. {block:posts}
  1788.  
  1789. <div id="posts">
  1790. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1791.  
  1792.  
  1793. {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
  1794.  
  1795. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1796. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1797.  
  1798. {block:Photo}<center><img src="{PhotoURL-400}"/></center>
  1799. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1800.  
  1801. {block:Photoset}<center>{Photoset-400}</center>
  1802. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1803.  
  1804. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  1805.  
  1806. {block:Video}<div id="video">{Video-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1807.  
  1808. {block:Answer}<div id="asker"><div class="shortpic"><h3><img class="right" src="{AskerPortraitURL-128}"><b>{Asker} inquired:</b> <small>{Question}</small></h3></div></div><div id="answer">{block:isOriginalEntry}<img class="left" src="{PortraitURL-128}"><b><h3><a href="{SourceURL}">{Name}</a> repsonded:</b></h3> {/block:isOriginalEntry} {Answer}</div>{/block:Answer}
  1809.  
  1810.  
  1811. {block:Audio} <div class="audiopic">{block:AlbumArt}
  1812. <img class="right" src="{AlbumArtURL}"></img>{/block:AlbumArt}{AudioPlayerBlack} <div class="musicinfo">{block:TrackName}
  1813. <i>{TrackName}</i>
  1814. {/block:TrackName}{block:Artist}
  1815. -<b> {Artist}</b>
  1816. {/block:Artist}<br> {block:PlayCount}Played <b>{PlayCount}</b> Times{/block:PlayCount} <br></div></div>
  1817. {block:Caption}{Caption}{/block:Caption} {/block:Audio}
  1818.  
  1819. <center><div id="info"><div id="info1"> <a href="{Permalink}" title="{TimeAgo} - {NoteCountwithlabel}"><span class="fa fa-link"></span> </a> </div>
  1820. <div id="info2"> <a href="{ReblogURL}" title="reblog"> <span class="fa fa-retweet"></span> </a> </div>
  1821. <div id="info3"> {block:RebloggedFrom}<a title="↺ {ReblogParentName}" href="{ReblogParentURL}" > <span class="fa fa-history"></span> </a>{/block:RebloggedFrom} </div>
  1822. <div id="info4"> {block:ContentSource}
  1823. <a title="src. {SourceTitle}" href="{SourceURL}" target="_blank" title="{SourceTitle}"> <span class="fa fa-rss"></span> </a>
  1824. {/block:ContentSource}</div></center><p>
  1825.  
  1826. <center><div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}{/block:HasTags}
  1827. <br /></div></div>
  1828.  
  1829. {/block:Posts}
  1830.  
  1831. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  1832. </div>
  1833. </div></div>
  1834.  
  1835. </body>
  1836.  
  1837. </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!