vertical-tabs.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  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 ul li.vertical-tab-button strong {
  42. font-size: 0.923em;
  43. }
  44. div.vertical-tabs ul li.vertical-tab-button .summary {
  45. color: #666;
  46. display: block;
  47. font-size: 0.846em;
  48. padding-top: 0.4em;
  49. }
  50. div.vertical-tabs ul li.vertical-tab-button a:hover,
  51. div.vertical-tabs ul li.vertical-tab-button a:focus {
  52. background: #d5d5d5;
  53. text-decoration: none;
  54. outline: 0;
  55. }
  56. div.vertical-tabs ul li.selected a,
  57. div.vertical-tabs ul li.selected a:hover,
  58. div.vertical-tabs ul li.selected a:focus,
  59. div.vertical-tabs ul li.selected a:active {
  60. background: #fff;
  61. border-right-color: #fff; /* LTR */
  62. border-top: 1px solid #ccc;
  63. }
  64. div.vertical-tabs ul li.first.selected a,
  65. div.vertical-tabs ul li.first.selected a:hover {
  66. border-top: 0;
  67. }
  68. div.vertical-tabs ul li.selected a:focus strong {
  69. text-decoration: underline;
  70. }
  71. div.vertical-tabs .vertical-tabs-panes {
  72. margin: 0 0 0 265px; /* LTR */
  73. padding: 10px 15px 10px 0; /* LTR */
  74. }
  75. div.vertical-tabs fieldset.vertical-tabs-pane > legend {
  76. /*display: none;*/
  77. }
  78. .vertical-tabs-pane .fieldset-wrapper > div:first-child {
  79. padding-top: 5px;
  80. }
  81. /**
  82. * Prevent text inputs from overflowing when container is too narrow. "width" is
  83. * applied to override hardcoded cols or size attributes and used in conjunction
  84. * with "box-sizing" to prevent box model issues from occurring in most browsers.
  85. */
  86. .vertical-tabs .form-type-textfield input {
  87. -moz-box-sizing: content-box;
  88. -webkit-box-sizing: content-box;
  89. box-sizing: content-box;
  90. }
  91. * html .vertical-tabs .form-type-textfield,
  92. * html .vertical-tabs .form-textarea-wrapper {
  93. width: 95%; /* IE6 */
  94. }