User:Chi ZJ2/Sandbox5/style.css

< User:Chi ZJ2
Chi ZJ2讨论 | 贡献2024年12月17日 (二) 05:44的版本
  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. border-bottom: 4px solid #009397 !important;
  33. color: #009397;
  34. }
  35. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(3).selected {
  36. border-bottom: 4px solid #CF8620 !important;
  37. color: #CF8620;
  38. }
  39. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(4).selected {
  40. border-bottom: 4px solid #5E45D2 !important;
  41. color: #5E45D2;
  42. }
  43. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(5).selected {
  44. border-bottom: 4px solid #4AA400 !important;
  45. color: #4AA400;
  46. }
  47. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(6).selected {
  48. border-bottom: 4px solid #0086D2 !important;
  49. color: #0086D2;
  50. }
  51. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(7).selected {
  52. border-bottom: 4px solid #E53D29 !important;
  53. color: #E53D29;
  54. }
  55. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(8).selected {
  56. border-bottom: 4px solid #00A6CE !important;
  57. color: #00A6CE;
  58. }
  59. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(9).selected {
  60. border-bottom: 4px solid #929797 !important;
  61. color: #929797;
  62. }
  63. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(10).selected {
  64. border-bottom: 4px solid #254067 !important;
  65. color: #254067;
  66. }
  67. #chara_tabs .Tabs .Tabs > .TabContent {
  68. margin-top: -1px;
  69. }
  70. #chara_tabs .Tabs .Tabs > .TabLabel {
  71. max-width: 750px;
  72. text-align: center;
  73. font-weight: bold;
  74. flex-shrink: 0;
  75. }
  76. #chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText {
  77. min-width: 5.5em;
  78. }
  79. #chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText img {
  80. margin-top: 4px;
  81. }
  82. #chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText.selected {
  83. color: #4f4f4f;
  84. }