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