About Me Code - Growlithe

[sc=banner][/sc][sc=tabspace][/sc][sc=icon][/sc][sc=background][css=padding:3px; margin-left: 5px;] A small spark makes a great fire[/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]
    [li]TAB 7[/li]
[/ul][
]
[sc=tab-active]TAB 1 CONTENT

[tip=TIP MESSAGE]Tip[/tip]

[progress=300/1000]Progress Bar[/progress]

[accordion]
  [a-section=TITLE 1] CONTENTS 1 [/a-section]
  [a-section=TITLE 2] CONTENTS 2 [/a-section]
  [a-section=TITLE 3] CONTENTS 3 [/a-section]
  [a-section=TITLE 4] CONTENTS 4 [/a-section]
[/accordion]

[table]
[tr]
 [th=3x1]Header[/th]
[/tr]
[tr]
 [td]cell 1[/td]
 [td]cell 2[/td]
 [td]cell 3[/td]
[/tr]
[tr]
 [td]cell 4[/td]
 [td]cell 5[/td]
 [td]cell 6[/td]
[/tr]
[/table]

[/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]Base [url=https://pokefarm.com/forum/post/2565669]code[/url] by Esme * Design by Lexiebeth * [url=https://24.media.tumblr.com/tumblr_maf47xNP431r11qslo1_500.gif]Banner[/url] * TCG art[/sc][/sc]

[style]
a:hover {
color: white;
	-webkit-transition: all .1s linear 0s;
}
a {
	color: #ffffff;
	-webkit-transition: all .1s linear 0s;
}
.cred{
color: #FCDF9B;
font-family: calibri light;
font-size: 10px;
margin-left: 6px;
margin-top: 10px;
}
.background{
background: #E18B40;
width: 310px;
color: #FCDF9B;
font-family: Calibri;
font-size: 15px;
}
.banner{
height: 100px;
width: 310px;
background-image: url("https://24.media.tumblr.com/tumblr_maf47xNP431r11qslo1_500.gif");
}
.tabspace{
background: #3F302A;
width: 310px;
height: 35px;
border-top: 1px solid #3F302A;
border-bottom: 1px solid #3F302A;
}
.icon{
background-image: url("https://i.imgur.com/CTM31Nt.png");
background-size: 80px 80px;
height: 80px;
width: 80px;
border: 4px solid #3F302A;
border-radius: 80px;
position: absolute;
top: 60px;
left: 220px;
}
.tabbed_interface{
box-shadow:0 0 0 transparent;
margin: 0;
>ul {
>li {
 border: none;
border-radius: 100px;
background: 886550;
padding: 3px;
margin: 1px;
top: 104px;
width: 21px;
height: 21px;
position: absolute;
overflow: hidden;
 text-align: center;
	color: transparent;
font-size:11px;
text-transform:uppercase;
letter-spacing: 0.5px;
font-family:Calibri Light;
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: 3px;
background: #705445;
}
>li:nth-child(2) {
left: 34px;
background: #4A3E37;
}
>li:nth-child(3) {
left: 65px;
background: #705445;
}
>li:nth-child(4) {
left: 96px;
background: #4A3E37;
}
>li:nth-child(5) {
left: 127px;
background: #705445;
}

>li:nth-child(6) {
left: 158px;
background: #4A3E37;
}
>li:nth-child(7) {
left: 189px;
background: #705445;
}
li:hover {
    background: #886550;
	-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: transparent;
background: #886550;
}}
}
>div {
border-radius: 0;
border: none;
animation: 0.5s fade;
min-height: 10px;
text-align: center;
position: relative;
background: none;
margin-top: 0px;
margin-bottom: -18px;
color: #E18B40;
font-family: Calibri;
letter-spacing: 0.5px;
font-size: 14px;
box-shadow:0 0 0 transparent;
padding: 3%;
}}
.tabbox{
border: 1px solid #FBB371;
border-radius: 10px;
margin: 5px;
margin-top: -16px;
margin-bottom: -10px;
background: #FCDF9B;
}
.panel h3 > a > svg {
	display:none;
}
.panel {
border: none;
font-family: calibri;
box-shadow:0 0 0 transparent;
&>h3 {
background: #F7933C;
color: #886550;
text-align: center;
border-radius: 0px;
border: none;
font-size: 12px;
}
&>div {
background: #FFEAAB;
color: #F7933C;
border-radius: 0px;
border: 1px solid #F7933C;
border-top: none;
}}
   table {
        margin: 0px auto;
        border: 0px;
        }
    td {
        border: 1px solid #F7933C;
        background-color: #FFEAAB;
        color: #E18B40;
        text-align: center;
        }
    th {
        border: 0px;
        background-color: #F7933C;
        border: 1px solid #F7933C;
        padding: 3px;
        color: white;
        text-align: center;
        }

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