sakuravixen

lesbian [post]

Jan 17th, 2022 (edited)
200
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=bkg][sc=box]text here
  2.  
  3. [sc=tabbed_interface horizontal][ul]
  4.     [li]tab[/li]
  5.     [li]tab[/li]
  6.     [li]tab[/li]
  7.     [li]tab[/li]
  8.     [li]tab[/li]
  9.     [li]tab[/li]
  10.     [li]tab[/li]
  11. [/ul][
  12. ][sc=tab-active]content[/sc][
  13. ][sc=tab]content[/sc][
  14. ][sc=tab]content[/sc][
  15. ][sc=tab]content[/sc][
  16. ][sc=tab]content[/sc][
  17. ][sc=tab]content[/sc][
  18. ][sc=tab]content[/sc][/sc][/sc][sc=snek][/sc][/sc][sc=credit][url=https://pfq.link/~LDxq]coding[/url] | [url=https://www.deviantart.com/huniitea/gallery/66575999/pride-snakes]pixel[/url][/sc]
  19. [style]
  20. .bkg {
  21.     background: url('https://i.imgur.com/wK7M1uD.png');
  22.     border-radius: 7px;
  23.     min-height: 175px;
  24.     padding: 1%;
  25.     }
  26. .box {
  27.     margin: 2%;
  28.     padding: 3%;
  29.     background: rgba(0,0,0,0.60);
  30.     border: 1.5px solid black;
  31.     border-radius: 7px;
  32.     color: white;
  33.     font-size: 10pt;
  34.     }
  35.  
  36. hr {
  37.     border: 1px dashed white;
  38.     width: 70%;
  39.     }
  40. h1 {
  41.     font-family: 'Amatic SC';
  42.     font-size: 30pt;
  43.     background: rgba(255,255,255,0.75);
  44.     border-radius: 7px;
  45.     color: black;
  46.     letter-spacing: 0px;
  47.     transition: 1s ease-in-out;
  48.     width: fit-content;
  49.     margin: auto;
  50.     }
  51. h1:hover {
  52.     background: rgba(255,255,255,0.95);
  53.     }
  54. h2 {
  55.     font-family: 'Amatic SC';
  56.     font-size: 25pt;
  57.     letter-spacing: 0px;
  58.     transition: 1s ease-in-out;
  59.     }
  60. h1:hover, h2:hover {
  61.     letter-spacing: 5px;
  62.     transition: 1s ease-in-out;
  63.     }
  64.  
  65. a, a:visited {
  66.     color: white;
  67.     font-family: 'Indie Flower';
  68.     letter-spacing: 0px;
  69.     transition: 1s ease-in-out;
  70.     font-size: 12pt;
  71.     }
  72. a:hover {
  73.     letter-spacing: 2px;
  74.     transition: 1s ease-in-out;
  75.     }
  76.    
  77. .tooltip_content {
  78.     border: 1px solid black;
  79.     background: rgba(0,0,0,0.85);
  80.     max-width: fit-content;
  81.     color: white;
  82.     font-size: 10pt;
  83.     padding: 5px;
  84.     }
  85. .bbcode_tooltip {
  86.     border-bottom: 1px dashed rgba(255,255,255,0.75);
  87.     }
  88.    
  89. table {
  90.     margin: 0px auto;
  91.     border: 0px;
  92.     border-collapse: separate;
  93.     }
  94.     table th{
  95.         text-align: center;
  96.         vertical-align: middle;
  97.         padding: 5px;
  98.         border: 1px solid black;
  99.         background: rgba(0,0,0,0.5);
  100.         color: white;
  101.         border-radius: 5px;
  102.         }
  103.     table td {
  104.         text-align: center;
  105.         vertical-align: middle;
  106.         padding: 3px;
  107.         border: 1px solid black;
  108.         background: none;
  109.         color: white;
  110.         border-radius: 5px;
  111.         }
  112.    
  113. .panel {
  114.     box-shadow: none;
  115.     background: none;
  116.     border: 1px solid black;
  117.     border-radius: 7px;
  118.     margin: 1% 0% 1% 0%;
  119.     >h3 {
  120.         background: rgba(0, 0, 0, 0.35);
  121.         color: white;
  122.         border: none;
  123.         padding: 1.5%;
  124.         font-size: 10pt;
  125.         a,a:visited {color:white}
  126.         }
  127.     >div {
  128.         color: white;
  129.         border: none;
  130.         font-size: 10pt;
  131.         }
  132.     }
  133.    
  134. .tabbed_interface {
  135.     border-collapse: separate;
  136.     >ul {
  137.         background: none;
  138.     >li {
  139.         border: 1px solid transparent;
  140.         border-radius: 6px;
  141.         font-size: 10pt;
  142.         margin: 1%;
  143.         min-width: fit-content;
  144.         text-align: center;
  145.         padding: 5px;
  146.        
  147.         &.tab-active {
  148.             border: 1px solid #000000;
  149.             border-radius: 6px;
  150.             padding: 5px;
  151.             }
  152.         }
  153.     >li:nth-child(1) {
  154.         background: #EA957F;
  155.         color: black;
  156.         }
  157.     >li:nth-child(2) {
  158.         background: #F7BA93;
  159.         color: black;
  160.         }
  161.     >li:nth-child(3) {
  162.         background: #FFCCAA;
  163.         color: black;
  164.         }
  165.     >li:nth-child(4) {
  166.         background: #FFFFFF;
  167.         color: black;
  168.         }
  169.     >li:nth-child(5) {
  170.         background: #E7B0D1;
  171.         color: black;
  172.         }
  173.     >li:nth-child(6) {
  174.         background: #D9AAC7;
  175.         color: black;
  176.         }
  177.     >li:nth-child(7) {
  178.         background: #D180B0;
  179.         color: black;
  180.         }
  181.  
  182.         }
  183.     .tab, .tab-active {
  184.         background: rgba(0,0,0,0.25);
  185.         margin: 1%;
  186.         color: white;
  187.         border: 1px solid black;
  188.         padding: 10px;
  189.         box-shadow: none;
  190.         border-radius: 6px;
  191.         font-size: 10pt;
  192.         }
  193.     }
  194.    
  195. .expbar {
  196.     background: none;
  197.     border-radius: 7px;
  198.     width: 66%;
  199.     border: 1px solid black;
  200.     color: white;
  201.     >div {
  202.         background: rgba(0,0,0,0.65);
  203.         border-right: 1px solid black;
  204.         }
  205.     }
  206.    
  207. .party > div {
  208.     background: rgba(0,0,0,0.25);
  209.     color: white;
  210.     border: 1px solid black;
  211.     font-size: 10pt;
  212.     box-shadow: none;
  213.     .happy {display: none;}
  214.     .nature {display: none;}
  215.     .type {display: none;}
  216.     .berrybuttons {filter: brightness(75%);}
  217.     a:link, a:visited {
  218.         color: white;
  219.         font-family: 'Arial';
  220.         }
  221.     div.tooltip_content {
  222.     min-width: fit-content;
  223.     }
  224. .bbcode_tooltip {
  225.     border-bottom: 1px solid black;
  226.     }
  227.     }
  228.     .party > div > .pkmn:before {
  229.         border: solid white;
  230.         background-color: black;
  231.     }
  232.    
  233. .snek {
  234.     content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c27d45ff-20a1-4fb8-b888-3b8561ff2db8/dd85t7a-9d0f300d-3895-41ca-8151-70ffdd13c675.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2MyN2Q0NWZmLTIwYTEtNGZiOC1iODg4LTNiODU2MWZmMmRiOFwvZGQ4NXQ3YS05ZDBmMzAwZC0zODk1LTQxY2EtODE1MS03MGZmZGQxM2M2NzUucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.9kisF-4nihb3N8l79zrW_FwD72SIhkFp_WIxyRpu5IY');
  235.     float: right;
  236.     width: 20%;
  237.     margin-top: -10%;
  238.     }
  239.  
  240. .credit {
  241.     padding: 0.5% 0% 0% 0.5%;
  242.     font-size: 10pt;
  243.     font-family: 'Arial';
  244.     >a, a:visited, a:hover {
  245.         letter-spacing: 0px;
  246.         color: var(--col-link1);
  247.         font-family: 'Arial';
  248.         font-size: 10pt;
  249.         }
  250.     }
  251.    
  252. /* latin */
  253. @font-face {
  254.   font-family: 'Amatic SC';
  255.   font-style: normal;
  256.   font-weight: 400;
  257.   font-display: swap;
  258.   src: url(https://fonts.gstatic.com/s/amaticsc/v16/TUZyzwprpvBS1izr_vOECuSfU5cP1Q.woff2) format('woff2');
  259.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  260. }
  261.  
  262. /* latin */
  263. @font-face {
  264.   font-family: 'Indie Flower';
  265.   font-style: normal;
  266.   font-weight: 400;
  267.   font-display: swap;
  268.   src: url(https://fonts.gstatic.com/s/indieflower/v12/m8JVjfNVeKWVnh3QMuKkFcZVaUuH99GUDg.woff2) format('woff2');
  269.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  270. }
  271. [/style]
Add Comment
Please, Sign In to add comment