FOR KEI'S USE ONLY

[sc=background][css=width:58%; margin-left: -20px; margin-top: -20px;][img]https://i.imgur.com/A6UUmyV.png[/img][/css]

[css=background: #8f65cf; color: #0c0a3b; border-radius: 20px; padding: 2px; width: 175px; margin-top: -200px; margin-left: 122px; margin-bottom: 150px; text-align: center;]Kei - 18 - trans - poly[/css]

[css=background: #8f65cf; color: #0c0a3b; border-radius: 20px; padding: 2px; width: 175px; margin-top: -177px; margin-left: 122px; margin-bottom: -13px; text-align: center; font-size: 12px; height: 110px;]cram some info or lyrics or something[/css]


[sc=tabbox][sc=tabbed_interface horizontal][ul]
    [li]TAB 1[/li]
    [li]TAB 2[/li]
    [li]TAB 3[/li]
    [li]TAB 4[/li]
    [li]TAB 5[/li]
    [li]TAB 6[/li]

[/ul][
][sc=tab-active]TAB 1 CONTENT[/sc][
][sc=tab]TAB 2 CONTENT[/sc][
][sc=tab]TAB 3 CONTENT[/sc][
][sc=tab]TAB 4 CONTENT[/sc][
][sc=tab]TAB 5 CONTENT[/sc][
][sc=tab]TAB 6 CONTENT[/sc][
][sc=tab]TAB 7 CONTENT[/sc][
][/sc]
[/sc][sc=cred]art by Milktcho * code and bg by Esme * for KeiRose's use only[/sc][/sc]

[style]
a:hover {
color: #7373eb;
	-webkit-transition: all .1s linear 0s;
}
a {
	color: black;
	-webkit-transition: all .1s linear 0s;
}
.cred{
color: black;
font-family: calibri;
font-size: 10px;
margin-left: 6px;
margin-top: 10px;
}
.background{
background-image: url("https://i.imgur.com/OLmaIpL.png");
width: 310px;
color: #2b4bd7;
font-family: Calibri;
font-size: 15px;
}
.tabbed_interface{
margin: 0;
>ul {
background: none;

>li {
display: inline-block;
 border: none;
border-radius: 20px;
background: #7373eb;
height: content;
width: content;
padding: 2px;
margin: 3px;
font-family: calibri;
 text-align: center;
    color: #0c0a3b;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
cursor: pointer;
}
li:hover {
background: #c0b1eb;
    color: #7d7399;
    text-decoration:none;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
>li {
&.tab-active {
background: #c0b1eb;
color: #7d7399;
}}
}
li:nth-child(odd){
background: #8f65cf;
}
>div {
border-radius: 20px;
border: none;
background: none;
color: #0c0a3b;
animation: 0.5s fade;
margin-left: -2px;
min-height: 10px;
text-align: center;
position: relative;
margin: 1%;
margin-top: 1%;
font-family: calibri;
font-size: 15px;
padding: 3%;
box-shadow:0 0 0 transparent;
}}
.tabbox{
border: 1px solid #d3dbdd;
border-radius: 10px;
margin: 5px;
margin-top: -30px;
margin-bottom: -10px;
background: white;
}
.panel h3 > a > svg {
	display:none;
}
.panel {
border: none;
font-family: calibri;
box-shadow:0 0 0 transparent;
&>h3 {
background: #7373eb;
color: black;
text-align: center;
border-radius: 0px;
border: none;
font-size: 14px;
}
&>div {
background: white;
color: #3F1372;
border-radius: 0px;
border: 1px solid #7373eb;
border-top: none;
}}
   table {
        margin: 0px auto;
        border: 0px;
        }
    td {
        border: 1px solid #7373eb;
        background-color: white;
        color: #3F1372;
        text-align: center;
        }
    th {
        border: 0px;
        background-color: #7373eb;
        border: 1px solid #7373eb;
        padding: 3px;
        color: #0c0a3b;
        text-align: center;
        }

.expbar {
border-radius: 0px;
background: white;
border: 1px solid #b1bdeb;
text-align: top;
font-family: calibri;
color: #150f66;
line-height: 15px;
overflow: hidden;
}
.expbar div {
background: #b1bdeb;
 border: 0px;
}
.tooltip_content {
  font-size: 14px;
  text-align:center;
   font-family: calibri;
 min-width:100px;
  background: white;
  color: #0c0a3b;
  border-radius: 0px;
border: 1px solid #0c0a3b;
}
span.bbcode_tooltip {
    border-bottom: 1px dotted #0c0a3b;
}
::selection {
    color: white;
    background: #4983da;
}
[/style]