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