sakuravixen

lesbian [about me]

Jan 17th, 2022 (edited)
242
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=bkg][sc=box][sc=tabbed_interface horizontal][ul]
  2.     [li]tab[/li]
  3.     [li]tab[/li]
  4.     [li]tab[/li]
  5.     [li]tab[/li]
  6.     [li]tab[/li]
  7.     [li]tab[/li]
  8.     [li]tab[/li]
  9. [/ul][
  10. ][sc=tab-active]content[/sc][
  11. ][sc=tab]content[/sc][
  12. ][sc=tab]content[/sc][
  13. ][sc=tab]content[/sc][
  14. ][sc=tab]content[/sc][
  15. ][sc=tab]content[/sc][
  16. ][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]
  17.  
  18. [style]
  19. .bkg {
  20.     background: url('https://i.imgur.com/wK7M1uD.png');
  21.     border-radius: 7px;
  22.     min-height: 175px;
  23.     padding: 1%;
  24.     }
  25. .box {
  26.     margin: 2%;
  27.     padding: 3%;
  28.     background: rgba(0,0,0,0.60);
  29.     border: 1.5px solid black;
  30.     border-radius: 7px;
  31.     color: white;
  32.     font-size: 10pt;
  33.     }
  34.  
  35. a, a:visited {
  36.     color: white;
  37.     font-family: 'Indie Flower';
  38.     letter-spacing: 0px;
  39.     transition: 1s ease-in-out;
  40.     font-size: 12pt;
  41.     }
  42. a:hover {
  43.     letter-spacing: 2px;
  44.     transition: 1s ease-in-out;
  45.     }
  46.    
  47. .tooltip_content {
  48.     border: 1px solid black;
  49.     background: rgba(0,0,0,0.85);
  50.     max-width: fit-content;
  51.     color: white;
  52.     font-size: 10pt;
  53.     padding: 5px;
  54.     }
  55. .bbcode_tooltip {
  56.     border-bottom: 1px dashed rgba(255,255,255,0.75);
  57.     }
  58.    
  59. table {
  60.     margin: 0px auto;
  61.     border: 0px;
  62.     border-collapse: separate;
  63.     }
  64.     table th{
  65.         text-align: center;
  66.         vertical-align: middle;
  67.         padding: 5px;
  68.         border: 1px solid black;
  69.         background: rgba(0,0,0,0.5);
  70.         color: white;
  71.         border-radius: 5px;
  72.         }
  73.     table td {
  74.         text-align: center;
  75.         vertical-align: middle;
  76.         padding: 3px;
  77.         border: 1px solid black;
  78.         background: none;
  79.         color: white;
  80.         border-radius: 5px;
  81.         }
  82.    
  83. .panel {
  84.     box-shadow: none;
  85.     background: none;
  86.     border: 1px solid black;
  87.     border-radius: 7px;
  88.     margin: 1% 0% 1% 0%;
  89.     >h3 {
  90.         background: rgba(0, 0, 0, 0.35);
  91.         color: white;
  92.         border: none;
  93.         padding: 1.5%;
  94.         font-size: 10pt;
  95.         a,a:visited {color:white}
  96.         }
  97.     >div {
  98.         color: white;
  99.         border: none;
  100.         font-size: 10pt;
  101.         }
  102.     }
  103.    
  104. .tabbed_interface {
  105.     border-collapse: separate;
  106.     >ul {
  107.         background: none;
  108.     >li {
  109.         border: 1px solid transparent;
  110.         border-radius: 6px;
  111.         font-size: 10pt;
  112.         margin: 1%;
  113.         min-width: fit-content;
  114.         text-align: center;
  115.         padding: 5px;
  116.  
  117.         &.tab-active {
  118.             border: 1px solid #000000;
  119.             border-radius: 6px;
  120.             padding: 5px;
  121.             }
  122.         }
  123.     >li:nth-child(1) {
  124.         background: #EA957F;
  125.         color: black;
  126.         }
  127.     >li:nth-child(2) {
  128.         background: #F7BA93;
  129.         color: black;
  130.         }
  131.     >li:nth-child(3) {
  132.         background: #FFCCAA;
  133.         color: black;
  134.         }
  135.     >li:nth-child(4) {
  136.         background: #FFFFFF;
  137.         color: black;
  138.         }
  139.     >li:nth-child(5) {
  140.         background: #E7B0D1;
  141.         color: black;
  142.         }
  143.     >li:nth-child(6) {
  144.         background: #D9AAC7;
  145.         color: black;
  146.         }
  147.     >li:nth-child(7) {
  148.         background: #D180B0;
  149.         color: black;
  150.         }
  151.  
  152.         }
  153.     .tab, .tab-active {
  154.         background: rgba(0,0,0,0.25);
  155.         margin: 1%;
  156.         color: white;
  157.         border: 1px solid black;
  158.         padding: 10px;
  159.         box-shadow: none;
  160.         border-radius: 6px;
  161.         font-size: 10pt;
  162.         }
  163.     }
  164.    
  165. .expbar {
  166.     background: none;
  167.     border-radius: 7px;
  168.     width: 66%;
  169.     border: 1px solid black;
  170.     color: white;
  171.     >div {
  172.         background: rgba(0,0,0,0.65);
  173.         border-right: 1px solid black;
  174.         }
  175.     }
  176.    
  177. .party > div {
  178.     background: rgba(0,0,0,0.25);
  179.     color: white;
  180.     border: 1px solid black;
  181.     font-size: 10pt;
  182.     box-shadow: none;
  183.     .happy {display: none;}
  184.     .nature {display: none;}
  185.     .type {display: none;}
  186.     .berrybuttons {filter: brightness(75%);}
  187.     a:link, a:visited {
  188.         color: white;
  189.         font-family: 'Arial';
  190.         }
  191.     div.tooltip_content {
  192.     min-width: fit-content;
  193.     }
  194. .bbcode_tooltip {
  195.     border-bottom: 1px solid black;
  196.     }
  197.     }
  198.     .party > div > .pkmn:before {
  199.         border: solid white;
  200.         background-color: black;
  201.     }
  202.    
  203. .snek {
  204.     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');
  205.     float: right;
  206.     width: 40%;
  207.     margin-top: -10%;
  208.     }
  209.  
  210. .credit {
  211.     padding: 0.5% 0% 0% 0.5%;
  212.     font-size: 10pt;
  213.     font-family: 'Arial';
  214.     >a, a:visited, a:hover {
  215.         letter-spacing: 0px;
  216.         color: var(--col-link1);
  217.         font-family: 'Arial';
  218.         font-size: 10pt;
  219.         }
  220.     }[/style]
Add Comment
Please, Sign In to add comment