About me for Vyzakine

[styleclass=background][styleclass=icon][/styleclass][


][styleclass=tabbed_interface][


][ul][
][li]Info[/li][
][li]Currency[/li][
][li]Progress[/li][
][li]My shiny[/li][
][li]Links[/li][
][/ul][



][styleclass=tab-active][
]TAB 1 CONTENT (don't mess with the brackets, BTW)[
][/styleclass][



][styleclass=tab][
]TAB 2 CONTENT[
][/styleclass][




][styleclass=tab][
]TAB 3 CONTENT[
][/styleclass][

][styleclass=tab][
]TAB 4 CONTENT[
][/styleclass][


    ][styleclass=tab][
]TAB 5 CONTENT[
][/styleclass][


    ][styleclass=tab][
]TAB 6 CONTENT[
][/styleclass][
][/styleclass][styleclass=cred]Coded by ToxicGluttony, for Vyzakine's use only, official TCG art[/styleclass][





][/styleclass][
]
[style]
a {color: #fabd0d;letter-spacing:0.0px; -webkit-transition: all 0.2s ease-in-out;} a:hover {color: #91c2ef; letter-spacing: 1px; transition: all .2s ease-in;} a {text-decoration:underline;}
.panel{
background-color:rgba(255,255,255,.5);
border:0px;
border-radius:5px;
width: 230px;
margin-left: 28px;
&>h3{
background: #4b4d4e;
border-bottom: 1px solid #932138;
font-size: 13px;
color: #fabd0d;
text-align: center;
}
&>div{
color: #91c2ef;
background: #4b4d4e;
}}
.background{
width: 310px;
border: 1px transparent solid;
background: #646566;
background-position: center;
background-image: url('https://i.imgur.com/wcvD1nU.png');

}
.tabbed_interface{
margin: 0;
>ul {
width: 50px;
>li {
position: relative;
cursor: pointer;
width: 100px;
padding: 0;
line-height: 20px;
height: 20px;
background: #4b4d4e;
text-align: center;
text-align: center;
font-family: Times;
color: #91c2ef;
border-color: #4b4d4e;
border-radius: 100px;
left: 10px;
-webkit-transition: width 1s;
}
li:hover {

width: 130px;
-webkit-transition: width 0.5s;
}
>li {
&.tab-active {
color: #fabd0d;
}}
>li:nth-child(1) {
position: absolute;
top: 20px;
left: 142px;
border-top-left-radius: 0px;
}
>li:nth-child(2) {
position: absolute;
top: 55px;
left:  168px;

}
>li:nth-child(3) {
position: absolute;
top: 89px;
left:  176px;
}
>li:nth-child(4) {
position: absolute;
top: 123px;
left:  168px;
}
>li:nth-child(5) {
position: absolute;
top: 157px;
left:  138px;
border-bottom-left-radius: 0px;


}}
>div {
border-radius: 0;
border: 1px solid #1d1d1d;
border-radius: 20px;
background: #2a2a2a;
color: #fabd0d;
min-height: 10px;
text-align: center;
position: relative;
width: 288px;
margin: 190px;
margin-left: 5px;
margin-bottom: 5px;
font-family: tahoma;
font-size: 13px;
animation: fade 0.5s;
}}
th {
background: #4b4d4e;
text-align:center;
}
table,th,td,{
border: 1px solid #1d1d1d;
background-color: #4b4d4e;
margin: 0 auto;
font-family: tahoma;
color: #91c2ef;
}
.expbar {
width: 90%;
left: 0px;
background: #3a3a3a;
border:1px solid #1d1d1d;
text-align: top;
font-family: tahoma;
color: #91c2ef;
overflow: hidden;
}
.expbar div {
background: #4b4d4e;
    border: 0px;
}
.tooltip_content {
  font-size: 13px;
  text-align:center;
   font-family: tahoma;
 min-width: 100px;
  background: #4b4d4e;
  color: #91c2ef;
 border: 1px dotted #1d1d1d;
}
span.bbcode_tooltip {
    border-bottom: 1px solid #91c2ef;

}
.cred{
position: relative;
margin-top: -4px;
font-size: 7pt;
color: white;
font-family: times;
text-align: center;
}
.icon{
height: 150px;
width: 150px;
background-size: 150px 150px;
background-position: top;
border: 14px solid #4b4d4e;
border-radius: 100px;
top: 9px;
left: 10px;
position: absolute;
background-image: url("https://i.imgur.com/9U7yKPL.jpg");
}
[/style]