[sc=tabbed_interface horizontal][ul]
[li]Title 1[/li]
[li]Title 2[/li]
[li]Title 3[/li]
[/ul][
][sc=tab-active]contents 1[/sc][

][sc=tab]contents 2[/sc][

][sc=tab]contents 3[/sc][/sc][/sc][css=padding:3px; text-align:right; font-size:7pt;][url=https://pokefarm.com/user/buckembarnes]coding[/url] / [url=https://www.maxpixel.net/Rain-Astronomy-Desktop-Galaxy-Space-3307578]background[/url] / [url=https://pokefarm.com/user/HarlequinPrince]art[/url] / [url=https://www.deviantart.com/m-adking/art/space-thing-620851069]divider[/url] / [url=https://www.deviantart.com/ciefabies/art/F2U-Saturn-pixel-634664732]bullets[/url][/css]

[style]
.body {background:#3E2C59; padding:5px;}

a:link {color:white;
    -webkit-transition: all .6s linear 0s;
    -moz-transition: all .6s linear 0s;
    -ms-transition: all .6s linear 0s;
    -o-transition: all .6s linear 0s;
    transition: all .6s linear 0s;}
a:visited {color:black; }
A:hover {color:#94A4B1; text-shadow:1px 1px 1px white; letter-spacing:2px;}
A:active {color:black; }

h1, h2, h3 {color: #DAC3CE; font-family:"charmonman"; background-image:url('https://i.imgur.com/Fe0Kgkt.png');}

hr {background-position:center; border:0; background-image:url('https://orig00.deviantart.net/4e80/f/2016/223/7/2/space_thing_by_m_adking-da9mzr1.png'); background-repeat:no-repeat; height:60px; }

B {font-family:"charmonman"; letter-spacing:2px; }
I {color:#DAC3CE; }
U {text-decoration:underline wavy #DAC3CE; }

.tooltip_content {border:2px solid #94A4B1; background:#DAC3CE; color:black; border-radius:0;}

span.bbcode_tooltip {border-bottom:2px dotted #94A4B1; }

table {margin:auto; text-align:center; border:3px double black;}
th {background:radial-gradient(#DAC3CE, #676F98); border:1px solid black; padding:4px;}
td {border:1px solid black; padding:4px; }
td:hover {background:#606E86;
    -webkit-transition: all .6s linear 0s;
    -moz-transition: all .6s linear 0s;
    -ms-transition: all .6s linear 0s;
    -o-transition: all .6s linear 0s;
    transition: all .6s linear 0s;}

.panel {background:none; border:1px solid black; box-shadow:none;
&>h3 {border:none; a {color:#DAC3CE; text-shadow:none; svg {display:none;}}}
&>div {background:#606E86; color:black; text-align:center; border-radius:0 0 5px 5px; border-top:1px solid black;} }

.expbar {color:#DAC3CE; border:1px solid black; background:#606E86; &>div {background-image:url('https://i.imgur.com/Fe0Kgkt.png'); border:none; } }
ul {list-style-image:url('https://orig00.deviantart.net/acd0/f/2016/259/3/6/saturn_pixel_by_beiiossom-dahv2fw.png'); text-align: center; }
ol { }

.tabbed_interface { >ul {
    background: none;
li, li.tab-active {border:3px double black; padding:5px; margin:5px; text-align:center; width:100px; font-family:"charmonman"; font-weight:bold;
}
li {background-image:url('https://i.imgur.com/Fe0Kgkt.png'); color:black;
}
li.tab-active {background:radial-gradient(#DAC3CE, #676F98);
}}
.tab, .tab-active {padding:5px; border:3px double black; background:#676F98; color:black; box-shadow:none; font-family:"montserrat";
}}

@font-face {
  font-family: 'Charmonman';
  font-style: normal;
  font-weight: 400;
  src: local('Charmonman Regular'), local('Charmonman-Regular'), url(https://fonts.gstatic.com/s/charmonman/v1/MjQDmiR3vP_nuxDv47jiaJaivQ.woff2) format('woff2');
  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;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  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;
}[/style]