Fix spacing on options pages
[squirrelmail.git] / templates / default / css / options.css
CommitLineData
a7f6c9c0 1#optionGroups table {
2 border: 1px solid #dcdcdc;
3 margin-left: auto;
4 margin-right: auto;
5 padding: 0;
6 width: 95%;
7}
8
9#optionGroups td {
10 width: 50%;
11 padding: 2px;
12 vertical-align: top;
13}
14
15#optionGroups td.title {
16 background: #dcdcdc;
17 text-align: center;
18 font-weight: bold;
19}
20
21#optionGroups td.optionElement {
22 height: 100%;
23 padding: 10px;
24}
25
26#optionGroups td.optionElement table {
27 border:1px solid #ababab;
28 height: 100%;
29}
30
31
32#optionGroups td.optionName {
33 background: #ababab;
34 text-align: left;
35 height: 1%;
36}
37
38#optionGroups td.optionDesc {
39 text-align: left;
40 background: #dcdcdc;
41}
42
43#optionDisplay {
44 text-align:center;
45}
46
47#optionDisplay table {
48 margin-left: auto;
49 margin-right: auto;
50 margin-top: 8px;
51 margin-bottom: 8px;
52 width: 95%;
53 border: 1px solid #dcdcdc
54}
55
56#optionDisplay td {
57 width: 50%;
58 padding-top: 2px;
59 padding-bottom: 2px;
60 padding-left: 4px;
61 padding-right: 4px;
3f69d937 62# FIXME: this was forcing horizontal scrolling on long coment texts and maybe other stuff; I'm not sure I see why we want this(?). if someone restores it, PLEASE have a solution in mind for when an option widget has a 'comment' value that is quite long
63# white-space: nowrap;
a7f6c9c0 64}
65
66#optionDisplay td.optionName {
67 text-align: right;
68}
69
70#optionDisplay td.optionValue {
71 text-align:left;
72}
73
74#optionOrder {
75 text-align:center;
76}
77
78#optionOrder table {
79 margin-left: auto;
80 margin-right: auto;
81 margin-top: 8px;
82 margin-bottom: 8px;
83 width: 95%;
84 border: 1px solid #dcdcdc
85}
86
87#optionOrder table.moveFields {
88 width: auto;
89}
90
91#optionOrder table.moveFields td {
92 border-left: 1px solid #dcdcdc;
93 border-right: 1px solid #dcdcdc;
94 padding-left: 2px;
95 padding-right: 2px;
96}
97
98#optionOrder td.moveLink {
99 text-align: right;
100 font-size: 75%;
101 vertical-align: bottom;
102}
103
104#optionOrder td.fieldName {
105 text-align: left;
106}
107
108#optionHightlightList {
109 text-align: center;
110}
111
112#optionHighlightList table table {
113 margin-top: 10px;
114 margin-bottom: 10px;
115 width: 75%;
116}
117
118#optionHighlightList td.ruleButtons {
119 text-align: center;
120 width: 1%;
121}
122
123#optionHighlightList td.ruleName {
124 text-align: left;
125 width: 30%;
126 padding-left: 4px;
127 padding-right: 4px;
128}
129
130#optionHighlightAdd {
131 text-align: center;
132}
133
134#optionHighlightAdd table table {
135 margin-top: 10px;
136 margin-bottom: 10px;
137 width: 75%;
138}
139
140#optionHighlightAdd td.ruleField {
141 text-align: right;
142 font-weight: bold;
143 width: 40%;
144}
145
146#optionHighlightAdd td.fieldValue {
147 text-align: left;
148}
149
150#optionHighlightAdd td.colorTable {
151 text-align: center;
152}
153
154#optionHighlightAdd table.colorTable {
155 margin-left: auto;
156 margin-right: auto;
157}
209e24bb 158#optionMessage {
159 text-align: center;
160 width: 100%;
161 font-size: larger;
162 color: red;
163 font-weight: bold;
164}