|
1 |
|
2 div.vertical-tabs { |
|
3 margin: 1em 0 1em 15em; /* LTR */ |
|
4 border: 1px solid #ccc; |
|
5 position: relative; /* IE6/7 */ |
|
6 } |
|
7 .vertical-tabs ul.vertical-tabs-list { |
|
8 width: 15em; |
|
9 list-style: none; |
|
10 list-style-image: none; /* IE6 */ |
|
11 border-top: 1px solid #ccc; |
|
12 padding: 0; |
|
13 position: relative; /* IE6 */ |
|
14 margin: -1px 0 -1px -15em; /* LTR */ |
|
15 float: left; /* LTR */ |
|
16 } |
|
17 .vertical-tabs fieldset.vertical-tabs-pane { |
|
18 margin: 0 !important; |
|
19 padding: 0 1em; |
|
20 border: 0; |
|
21 } |
|
22 fieldset.vertical-tabs-pane legend { |
|
23 display: none; |
|
24 } |
|
25 fieldset.vertical-tabs-pane fieldset legend { |
|
26 display: block; |
|
27 } |
|
28 |
|
29 /* Layout of each tab */ |
|
30 .vertical-tabs ul.vertical-tabs-list li { |
|
31 background: #eee; |
|
32 border: 1px solid #ccc; |
|
33 border-top: 0; |
|
34 padding: 0; |
|
35 margin: 0; |
|
36 min-width: 0; /* IE7 */ |
|
37 } |
|
38 .vertical-tabs ul.vertical-tabs-list li a { |
|
39 display: block; |
|
40 text-decoration: none; |
|
41 padding: 0.5em 0.6em; |
|
42 } |
|
43 .vertical-tabs ul.vertical-tabs-list li a:focus strong, |
|
44 .vertical-tabs ul.vertical-tabs-list li a:active strong, |
|
45 .vertical-tabs ul.vertical-tabs-list li a:hover strong { |
|
46 text-decoration: underline; |
|
47 } |
|
48 .vertical-tabs ul.vertical-tabs-list li a:hover { |
|
49 outline: 1px dotted; |
|
50 } |
|
51 .vertical-tabs ul.vertical-tabs-list li.selected { |
|
52 background-color: #fff; |
|
53 border-right-width: 0; /* LTR */ |
|
54 } |
|
55 .vertical-tabs ul.vertical-tabs-list .selected strong { |
|
56 color: #000; |
|
57 } |
|
58 .vertical-tabs ul.vertical-tabs-list .summary { |
|
59 display: block; |
|
60 } |
|
61 .vertical-tabs ul.vertical-tabs ul.vertical-tabs-list .summary { |
|
62 line-height: normal; |
|
63 margin-bottom: 0; |
|
64 } |
|
65 |
|
66 /** |
|
67 * Prevent text inputs from overflowing when container is too narrow. "width" is |
|
68 * applied to override hardcoded cols or size attributes and used in conjunction |
|
69 * with "box-sizing" to prevent box model issues from occurring in most browsers. |
|
70 */ |
|
71 .vertical-tabs .form-type-textfield input { |
|
72 width: 100%; |
|
73 -moz-box-sizing: border-box; |
|
74 -webkit-box-sizing: border-box; |
|
75 box-sizing: border-box; |
|
76 } |
|
77 * html .vertical-tabs .form-type-textfield, |
|
78 * html .vertical-tabs .form-textarea-wrapper { |
|
79 width: 95%; /* IE6 */ |
|
80 } |