User:Chi ZJ2/Sandbox5/style.css

@media screen and (min-width: 985px) {
    .AutoFloat {
        float: left;
    }
}
.AutoFloat {
	margin: 0 -1px -1px 0;
}

#chara_tabs {
	max-width: 745px;
}
#chara_tabs > .Tabs > .TabLabel {
	box-shadow: inset 0 -1px 0 0 #a2a9b1;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText {
    width: 55px;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
}
#chara_tabs > .Tabs > .TabContent {
    padding: 10px 0 0 20px !important;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText.selected {
	border-bottom: 3px solid !important;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(1).selected {
    color: #929797;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(2).selected {
    color: #009397;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(3).selected {
    color: #CF8620;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(4).selected {
    color: #5E45D2;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(5).selected {
    color: #4AA400;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(6).selected {
    color: #0086D2;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(7).selected {
    color: #E53D29;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(8).selected {
    color: #00A6CE;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(9).selected {
    color: #929797;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(10).selected {
    color: #254067;
}
 
#chara_tabs .Tabs .Tabs > .TabContent {
    margin-top: 5px;
}
#chara_tabs .Tabs .Tabs > .TabLabel {
    text-align: center;
    font-weight: bold;
}
#chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText {
    min-width: 5.5em;
}
#chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText img {
    margin-top: 4px;
}
#chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText.selected {
    color: #4f4f4f;
}