About Me personalized

[sc=bg][sc=box][sc=bar]Username Here[/sc]
[/sc][/sc]
[sc=divcolor][sc=tabbed_interface horizontal][ul]
    [li]About Me[/li]
    [li]More Info[/li]
    [li]Pkmn[/li]
    [li]Special[/li]
    [li]Misc[/li]
[/ul][
[/ul][
][sc=tab-active]Birthday:
Gender:
Sexuality:
Age:
[/sc][
][sc=tab]More Info Here[/sc][
][sc=tab]Pkmn Here[/sc][
][sc=tab]Special Here[/sc][
][sc=tab]Misc Here[/sc][
][/sc]


[/sc]
[sc=icon][/sc][sc=cred][url=https://pokefarm.com/forum/post/3134767]code[/url]  * official TCG art[/sc]

[style]
a:hover {
color: #7d1e2c;
    -webkit-transition: all .1s linear 0s;
}
a {
    color: #441e2c;
    -webkit-transition: all .1s linear 0s;
}
.bg{
width: 310px;
border-radius: 10px;
height: 340px;
background-image: linear-gradient(background gradient colors here);
}
.box{
color: black;
Background-image: none;
border: none;
border-radius: 10px;
left: 8px; position: absolute;
width: 300px;
height: 300px;
top: 8px;
}
.icon{
position: absolute;
background-size: cover;
height: 135px;
width: 98px;
border-radius: 0px;
border: 2px solid #BF0A30;
border-radius: 5px;
top: 15px;
left: 198px;
background-image: url("Profile picture url here");
background-position:center;
}
.bar{
position: absolute;
left: 10px;
top: 10px;
height: 18px;
width: 172px;
padding: 2px;
background-image: linear-gradient(background gradient colors here);
text-align: center;
border-radius: 10px;
color: black;
font-family: times;
}
.divcolor{
position: absolute;
top: 42px;
left: 10px;
height: 262px;
width: 176px;
background: rgba(255,255,255,0.5);
border-radius: 10px;
}
.tabbed_interface{
box-shadow:0 0 0 transparent;
margin: 0;
>ul {
>li {
border: 2px solid #BF0A30;
border-radius: 10px;
background: rgba(255,255,255,0.5);
padding: 3px;
margin: 1px;
top: 104px;
width: 84px;
height: 15px;
position: absolute;
overflow: hidden;
text-align: center;
    color: black;
font-size:14px;
letter-spacing: 0.5px;
font-family:Times;
cursor: pointer;
-webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
}
>li:nth-child(1) {
left: 185px;
top: 112px;
}
>li:nth-child(2) {
left: 185px;
top: 143px;
}
>li:nth-child(3) {
left: 185px;
top: 174px;
}
>li:nth-child(4) {
left: 185px;
top: 205px;
}
>li:nth-child(5) {
left: 185px;
top: 236px;
}
>li:nth-child(6) {
left: 158px;
top: 200px;
}
>li:nth-child(7) {
left: 189px;
top: 200px;
}
li:hover {
    background-image: linear-gradient(background gradient colors here);
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
}
li{
&.tab-active {
color: black;
background-image: linear-gradient(background gradient colors here);
}}
}
>div {
margin-top: 0px;
height: 254px;
width: 169px;
border-radius: 10px;
border: #008282;
animation: 0.5s fade;
min-height: 10px;
text-align: center;
position: relative;
background: none;
color: black;
font-family: Times;
letter-spacing: 0.5px;
font-size: 14px;
box-shadow:0 0 0 transparent;
padding: 4px;
overflow: hidden;
}}
.panel {
border: none;
background: none;
font-family: times;
box-shadow:0 0 0 transparent;
&>h3 {
background: #cc83d5;
color: black;
text-align: center;
border-radius: 0px;
border: none;
font-size: 12px;
border-radius: 10px 10px 0px 0px;
}
&>div {
background: rgba(255,255,255,0.5);
color: #441e2c;
border-radius: 0px;
border: 1px solid #cc83d5;
border-top: none;
border-radius: 0px 0px 5px 5px;
}}
 table {
      margin: 0px auto;
      border: 0px;
      }
    td {
      border: 1px solid #cc83d5;
     background: rgba(255,255,255,0.5);;
      color: #441e2c;
      text-align: center;
      }
    th {
      border: 0px;
      background-color: #cc83d5;
      border: 1px solid #cc83d5;
      padding: 3px;
      color: #441e2c;
      text-align: center;
      }
.expbar {
border-radius: 0px;
background: rgba(255,255,255,0.5);
border: 1px solid #cc83d5;
text-align: top;
font-family: times;
color: #441e2c;
line-height: 15px;
overflow: hidden;
}
.expbar div {
background: #cc83d5;
border: 0px;
}
.tooltip_content {
font-size: 14px;
text-align:center;
 font-family: times;
background: #f7d4c8;
color: #441e2c;
border-radius: 0px;
border: 1px solid #803853;
}
span.bbcode_tooltip {
    border-bottom: 1px dotted #803853;
}
::selection {
    color: white;
    background: #e36393;
}
.cred{
>a { color: white; }
 color: white;
    text-shadow:
    -1px -1px 0 #150025,
    1px -1px 0 #150025,
    -1px 1px 0 #150025,
    1px 1px 0 #150025;
position: absolute;
top: 325px;
left: 10px;
font-family: times;
font-size: 12px;
}
[/style]