vertical-tabs.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. /**
  2. * Override of misc/vertical-tabs.css.
  3. */
  4. div.vertical-tabs {
  5. background: #fff url(images/fc.png) repeat-y 0 0; /* LTR */
  6. border: 1px solid #ccc;
  7. margin: 10px 0;
  8. position: relative;
  9. }
  10. div.vertical-tabs .field-group-tab fieldset {
  11. border: solid 1px #ddd;
  12. border-top: 3px solid #0074BD;
  13. padding: 12px;
  14. margin: 18px 0;
  15. }
  16. div.vertical-tabs .vertical-tabs-panes legend {
  17. display: inherit !important;
  18. }
  19. div.vertical-tabs .vertical-tabs-list {
  20. border-bottom: 1px solid #ccc;
  21. float: left; /* LTR */
  22. font-size: 1em;
  23. line-height: 1;
  24. margin: 0 -100% -1px 0; /* LTR */
  25. padding: 0;
  26. width: 240px;
  27. }
  28. div.vertical-tabs ul li.vertical-tab-button {
  29. list-style: none;
  30. list-style-image: none;
  31. margin: 0;
  32. }
  33. div.vertical-tabs ul li.vertical-tab-button a {
  34. border-top: 1px solid #ccc;
  35. display: block;
  36. padding: 10px;
  37. }
  38. div.vertical-tabs ul li.first a {
  39. border-top: 0;
  40. }
  41. div.vertical-tabs .vertical-tabs-pane ul li.first a {
  42. border-top: 2px solid #0074BD;
  43. }
  44. div.vertical-tabs ul li.vertical-tab-button strong {
  45. font-size: 0.923em;
  46. }
  47. div.vertical-tabs ul li.vertical-tab-button .summary {
  48. color: #666;
  49. display: block;
  50. font-size: 0.846em;
  51. padding-top: 0.4em;
  52. }
  53. div.vertical-tabs ul li.vertical-tab-button a:hover,
  54. div.vertical-tabs ul li.vertical-tab-button a:focus {
  55. background: #d5d5d5;
  56. text-decoration: none;
  57. outline: 0;
  58. }
  59. div.vertical-tabs ul li.selected a,
  60. div.vertical-tabs ul li.selected a:hover,
  61. div.vertical-tabs ul li.selected a:focus,
  62. div.vertical-tabs ul li.selected a:active {
  63. background: #fff;
  64. border-right-color: #fff; /* LTR */
  65. border-top: 1px solid #ccc;
  66. }
  67. div.vertical-tabs ul li.first.selected a,
  68. div.vertical-tabs ul li.first.selected a:hover {
  69. border-top: 0;
  70. }
  71. div.vertical-tabs ul li.selected a:focus strong {
  72. text-decoration: underline;
  73. }
  74. div.vertical-tabs .vertical-tabs-panes {
  75. margin: 0 0 0 265px; /* LTR */
  76. padding: 10px 15px 10px 0; /* LTR */
  77. }
  78. div.vertical-tabs fieldset.vertical-tabs-pane > legend {
  79. /*display: none;*/
  80. }
  81. .vertical-tabs-pane .fieldset-wrapper > div:first-child {
  82. padding-top: 5px;
  83. }
  84. /**
  85. * Prevent text inputs from overflowing when container is too narrow. "width" is
  86. * applied to override hardcoded cols or size attributes and used in conjunction
  87. * with "box-sizing" to prevent box model issues from occurring in most browsers.
  88. */
  89. .vertical-tabs .form-type-textfield input {
  90. -moz-box-sizing: content-box;
  91. -webkit-box-sizing: content-box;
  92. box-sizing: content-box;
  93. }
  94. * html .vertical-tabs .form-type-textfield,
  95. * html .vertical-tabs .form-textarea-wrapper {
  96. width: 95%; /* IE6 */
  97. }