User:Chi ZJ2/Sandbox5/style.css

< User:Chi ZJ2
Chi ZJ2讨论 | 贡献2024年12月18日 (三) 04:59的版本
  1. @media screen and (min-width: 985px) {
  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 {
  13. max-width: 745px;
  14. }
  15. #chara_tabs > .Tabs > .TabLabel {
  16. box-shadow: inset 0 -1px 0 0 #a2a9b1;
  17. }
  18. #chara_tabs > .Tabs > .TabLabel > .TabLabelText {
  19. width: 55px;
  20. text-align: center;
  21. font-weight: bold;
  22. font-size: 110%;
  23. }
  24. #chara_tabs > .Tabs > .TabContent {
  25. padding: 10px 0 0 20px !important;
  26. }
  27. #chara_tabs > .Tabs > .TabLabel > .TabLabelText.selected {
  28. border-bottom: 3px solid !important;
  29. }
  30. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(1).selected {
  31. color: #929797;
  32. }
  33. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(2).selected {
  34. color: #009397;
  35. }
  36. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(3).selected {
  37. color: #CF8620;
  38. }
  39. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(4).selected {
  40. color: #5E45D2;
  41. }
  42. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(5).selected {
  43. color: #4AA400;
  44. }
  45. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(6).selected {
  46. color: #0086D2;
  47. }
  48. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(7).selected {
  49. color: #E53D29;
  50. }
  51. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(8).selected {
  52. color: #00A6CE;
  53. }
  54. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(9).selected {
  55. color: #929797;
  56. }
  57. #chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(10).selected {
  58. color: #254067;
  59. }
  60. #chara_tabs .Tabs .Tabs > .TabContent {
  61. margin-top: 5px;
  62. }
  63. #chara_tabs .Tabs .Tabs > .TabLabel {
  64. text-align: center;
  65. font-weight: bold;
  66. }
  67. #chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText {
  68. min-width: 5.5em;
  69. }
  70. #chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText img {
  71. margin-top: 4px;
  72. }
  73. #chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText.selected {
  74. color: #4f4f4f;
  75. }