User:Chi ZJ2/Sandbox5/style.css

< User:Chi ZJ2
Chi ZJ2讨论 | 贡献2024年12月17日 (二) 06:03的版本
  1. @media screen and (min-width: 800px) {
  2. .AutoFloat {
  3. float: left;
  4. }
  5. }
  6. .AutoFloat {
  7. margin: 0 -1px -1px 0;
  8. }
  9. .AutoFloat td {
  10. padding: 0;
  11. }
  12. #chara_tabs > .Tabs > .TabLabel {
  13. margin-bottom: 5px;
  14. }
  15. #chara_tabs > .Tabs > .TabLabel > .TabLabelText {
  16. width: 55px;
  17. text-align: center;
  18. font-weight: bold;
  19. font-size: 110%;
  20. }
  21. #chara_tabs .divider {
  22. max-width: 700px;
  23. height: 3px;
  24. }
  25. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(1).selected {
  26. color: #929797;
  27. }
  28. #chara_tabs .divider:nth-child(1) {
  29. background: #929797;
  30. }
  31. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(2).selected {
  32. color: #009397;
  33. }
  34. #chara_tabs .divider:nth-child(2) {
  35. background: #009397;
  36. }
  37. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(3).selected {
  38. color: #CF8620;
  39. }
  40. #chara_tabs .divider:nth-child(3) {
  41. background: #CF8620;
  42. }
  43. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(4).selected {
  44. color: #5E45D2;
  45. }
  46. #chara_tabs .divider:nth-child(4) {
  47. background: #5E45D2;
  48. }
  49. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(5).selected {
  50. color: #4AA400;
  51. }
  52. #chara_tabs .divider:nth-child(5) {
  53. background: #4AA400;
  54. }
  55. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(6).selected {
  56. color: #0086D2;
  57. }
  58. #chara_tabs .divider:nth-child(6) {
  59. background: #0086D2;
  60. }
  61. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(7).selected {
  62. color: #E53D29;
  63. }
  64. #chara_tabs .divider:nth-child(7) {
  65. background: #E53D29;
  66. }
  67. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(8).selected {
  68. color: #00A6CE;
  69. }
  70. #chara_tabs .divider:nth-child(8) {
  71. background: #00A6CE;
  72. }
  73. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(9).selected {
  74. color: #929797;
  75. }
  76. #chara_tabs .divider:nth-child(9) {
  77. background: #929797;
  78. }
  79. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(10).selected {
  80. color: #254067;
  81. }
  82. #chara_tabs .divider:nth-child(10) {
  83. background: #254067;
  84. }
  85. #chara_tabs .Tabs .Tabs > .TabContent {
  86. margin-top: -1px;
  87. }
  88. #chara_tabs .Tabs .Tabs > .TabLabel {
  89. max-width: 750px;
  90. text-align: center;
  91. font-weight: bold;
  92. flex-shrink: 0;
  93. }
  94. #chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText {
  95. min-width: 5.5em;
  96. }
  97. #chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText img {
  98. margin-top: 4px;
  99. }
  100. #chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText.selected {
  101. color: #4f4f4f;
  102. }
热门评论
返回顶部