User:Chi ZJ2/Sandbox5/style.css

< User:Chi ZJ2
Chi ZJ2讨论 | 贡献2024年12月17日 (二) 05:44的版本
@media screen and (min-width: 800px) {
    .AutoFloat {
        float: left;
    }
}
.AutoFloat {
	margin: 0 -1px -1px 0;
}
.AutoFloat td {
	padding: 0;
}
  
#chara_tabs > .Tabs > .TabLabel {
    margin-bottom: 5px;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText {
    width: 55px;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
}
#chara_tabs .divider {
	max-width: 700px;
	height: 3px;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(1).selected {
    color: #929797;
}
#chara_tabs > .divider:nth-child(1) {
	background: #929797;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(2).selected {
    border-bottom: 4px solid #009397 !important;
    color: #009397;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(3).selected {
    border-bottom: 4px solid #CF8620 !important;
    color: #CF8620;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(4).selected {
    border-bottom: 4px solid #5E45D2 !important;
    color: #5E45D2;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(5).selected {
    border-bottom: 4px solid #4AA400	 !important;
    color: #4AA400;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(6).selected {
    border-bottom: 4px solid #0086D2 !important;
    color: #0086D2;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(7).selected {
    border-bottom: 4px solid #E53D29 !important;
    color: #E53D29;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(8).selected {
    border-bottom: 4px solid #00A6CE !important;
    color: #00A6CE;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(9).selected {
    border-bottom: 4px solid #929797 !important;
    color: #929797;
}
#chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(10).selected {
    border-bottom: 4px solid #254067 !important;
    color: #254067;
}
 
#chara_tabs .Tabs .Tabs > .TabContent {
    margin-top: -1px;
}
#chara_tabs .Tabs .Tabs > .TabLabel {
    max-width: 750px;
    text-align: center;
    font-weight: bold;
    flex-shrink: 0;
}
#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;
}