PFQ About - "Warning Call"

[sc=bg][sc=img][/sc][sc=icon][/sc][sc=tabbox][sc=name]Username[/sc][sc=text][i]keep this one line![/i][/sc][sc=tabbed_interface horizontal][ul]
    [li]Tab 1[/li]
    [li]Tab 2[/li]
    [li]Tab 3[/li]
    [li]Tab 4[/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][/sc][css=margin-left: 15px;][url=https://pfq.link/~LLyx]code[/url] * [url=https://freetypography.com/2014/03/24/free-font-simplifica/]font[/url] * official anime gif and TCG art used[/css][/sc]


[style]
@font-face {font-family: "Simplifica";
src: url('https://dl.dropboxusercontent.com/s/haroezpz618madj/SIMPLIFICA%20Typeface.ttf');}
a:hover {
color: #ca9fe3;
	-webkit-transition: all .1s linear 0s;
}
a {
	color: #372c3e;
	-webkit-transition: all .1s linear 0s;
}
.bg{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(	194, 153, 253,1)), color-stop(100%, rgba(254, 202, 205,1)));
padding: 4px;
font: 10px calbri light;
color: #796586;
border-radius: 10px;
}
.img{
 background-color: #fff;
height: 140px;
width: 282px;
background-image: url("https://orig00.deviantart.net/8bf5/f/2018/147/a/9/sylveon_gif_by_catcamellia-dccntik.gif");
position: absolute;
background-size: 282px;
top: 14px;
left: 14px;
border-radius: 10px 10px 0px 0px;
-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}
.name{
color: #ae89c4;
font-size: 40px;
position: absolute;
top: 140px;
left: 120px;
font-family: Simplifica
}
.text{
color: #ae89c4;
font-size: 15px;
position: absolute;
top: 175px;
left: 119px;
font-family: calibri light;
font-variant: small-caps;
        text-transform: lowercase;
}
.icon{
position: absolute;
background-size: 90px 90px;
height: 90px;
width: 90px;
border-radius: 50px;
top: 100px;
left: 20px;
background-image: url("https://i.imgur.com/4w1Nj1Y.png");

}
.tabbed_interface{
margin: 0;
margin-top: 175px;
>ul {
background: none;

border: none;
>li {
 border: none;
        background-color: #f9f4fb;
        text-align: center;
        line-height: 16px;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 16px;
font-family: calibri light;
font-variant: small-caps;
        text-transform: lowercase;
        color: #796586;
cursor: pointer;
	-webkit-transition: all .1s linear 0s;
	-moz-transition: all .1s linear 0s;
	-ms-transition: all .1s linear 0s;
	-o-transition: all .1s linear 0s;
	transition: all .1s linear 0s;
}
li:hover{
color: #ae89c4;
border: none;
border-bottom: 2px solid #ae89c4;
	-webkit-transition: all .1s linear 0s;
	-moz-transition: all .1s linear 0s;
	-ms-transition: all .1s linear 0s;
	-o-transition: all .1s linear 0s;
	transition: all .1s linear 0s;
}
>li {
&.tab-active {
color: #ae89c4;
border-bottom: 2px solid #ae89c4;
}}}
>div {
border-radius: 0;
border-radius: 0px;
border: none;
background: none;
color: #796586;
min-height: 10px;
text-align: center;
position: relative;
margin: 1px;
font-family: calibri;
font-size: 14px;
animation: fade 0.4s;

}}
.tabbox{
border: 4px solid rgba(255,255,255,0.0);
border-radius: 10px;
margin: 10px;
margin-top: 10px;
margin-bottom: 3px;
background-color: #f9f4fb;
}
.panel h3 > a > svg {
    display:none;
}
.panel {
background: none;
border: none;
font-family: calibri light;
box-shadow:0 0 0 transparent;
&>h3 {
>a { color: white; }
font-variant: small-caps;
        text-transform: lowercase;
background: #ae89c4;
color: white;
text-align: center;

border: none;
font-size: 15px;
}
&>h3:hover{
>a { color: #e1d4ff; }
}
&>div {
background: #f9f4fb;
color: #796586;
border-radius: 0px;
border: 1px solid #ae89c4;
border-top: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}}
table {
margin: 0px auto;
border: 0px;
}
td {
border: 0.5px solid #ae89c4;
background: none;
color: #796586;
text-align: center;
}
th {
border: 0px;
background-color: #ae89c4;
color: white;
text-align: center;
font-weight: lighter;
padding: 2px;
}

.expbar {
border-radius: 5px;
background: #f4e2fb;
border: 1px solid #ae89c4;
text-align: top;
font-family: calibri;
color: #372c3e;
line-height: 15px;
overflow: hidden;
}
.expbar div {
background: #ae89c4;
border: 1px solid #ae89c4;
 border: 0px;
}
.tooltip_content {
  font-size: 14px;
  text-align:center;
   font-family: calibri;
      background: #f4e2fb;
border: 1px solid #ae89c4;
  color: #796586;
  border-radius: 5px;
}
span.bbcode_tooltip {
    border-bottom: 1px dotted #ae89c4;
}
::-moz-selection { background: #ccbadc; color: black;}
::selection { background:  #ccbadc; color: black;}
[/style]