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; |
056a6dfe |
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 { |
fab0e649 |
71 | text-align: left; |
a7f6c9c0 |
72 | } |
73 | |
74 | #optionOrder { |
fab0e649 |
75 | text-align: center; |
a7f6c9c0 |
76 | } |
77 | |
78 | #optionOrder table { |
fab0e649 |
79 | text-align: center; |
a7f6c9c0 |
80 | margin-left: auto; |
81 | margin-right: auto; |
82 | margin-top: 8px; |
83 | margin-bottom: 8px; |
84 | width: 95%; |
fab0e649 |
85 | border: 1px solid #dcdcdc; |
a7f6c9c0 |
86 | } |
87 | |
88 | #optionOrder table.moveFields { |
89 | width: auto; |
90 | } |
91 | |
92 | #optionOrder table.moveFields td { |
93 | border-left: 1px solid #dcdcdc; |
94 | border-right: 1px solid #dcdcdc; |
95 | padding-left: 2px; |
96 | padding-right: 2px; |
97 | } |
98 | |
99 | #optionOrder td.moveLink { |
100 | text-align: right; |
101 | font-size: 75%; |
102 | vertical-align: bottom; |
103 | } |
104 | |
105 | #optionOrder td.fieldName { |
106 | text-align: left; |
107 | } |
108 | |
109 | #optionHightlightList { |
110 | text-align: center; |
111 | } |
112 | |
113 | #optionHighlightList table table { |
114 | margin-top: 10px; |
115 | margin-bottom: 10px; |
116 | width: 75%; |
117 | } |
118 | |
119 | #optionHighlightList td.ruleButtons { |
120 | text-align: center; |
121 | width: 1%; |
122 | } |
123 | |
124 | #optionHighlightList td.ruleName { |
125 | text-align: left; |
126 | width: 30%; |
127 | padding-left: 4px; |
128 | padding-right: 4px; |
129 | } |
130 | |
131 | #optionHighlightAdd { |
132 | text-align: center; |
133 | } |
134 | |
135 | #optionHighlightAdd table table { |
136 | margin-top: 10px; |
137 | margin-bottom: 10px; |
138 | width: 75%; |
139 | } |
140 | |
141 | #optionHighlightAdd td.ruleField { |
142 | text-align: right; |
143 | font-weight: bold; |
144 | width: 40%; |
145 | } |
146 | |
147 | #optionHighlightAdd td.fieldValue { |
148 | text-align: left; |
149 | } |
150 | |
151 | #optionHighlightAdd td.colorTable { |
152 | text-align: center; |
153 | } |
154 | |
155 | #optionHighlightAdd table.colorTable { |
156 | margin-left: auto; |
157 | margin-right: auto; |
158 | } |
209e24bb |
159 | #optionMessage { |
160 | text-align: center; |
161 | width: 100%; |
162 | font-size: larger; |
163 | color: red; |
164 | font-weight: bold; |
165 | } |