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 | |
6c06cf54 |
31 | #optionDisplay table.optionInfo { |
32 | width: 80%; |
33 | text-align: left; |
34 | border: 0px; |
35 | } |
a7f6c9c0 |
36 | |
37 | #optionGroups td.optionName { |
38 | background: #ababab; |
39 | text-align: left; |
40 | height: 1%; |
41 | } |
42 | |
43 | #optionGroups td.optionDesc { |
44 | text-align: left; |
45 | background: #dcdcdc; |
46 | } |
47 | |
48 | #optionDisplay { |
49 | text-align:center; |
50 | } |
51 | |
52 | #optionDisplay table { |
53 | margin-left: auto; |
54 | margin-right: auto; |
55 | margin-top: 8px; |
56 | margin-bottom: 8px; |
57 | width: 95%; |
58 | border: 1px solid #dcdcdc |
59 | } |
60 | |
61 | #optionDisplay td { |
62 | width: 50%; |
63 | padding-top: 2px; |
64 | padding-bottom: 2px; |
65 | padding-left: 4px; |
66 | padding-right: 4px; |
056a6dfe |
67 | /* 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 |
68 | white-space: nowrap;*/ |
a7f6c9c0 |
69 | } |
70 | |
71 | #optionDisplay td.optionName { |
72 | text-align: right; |
73 | } |
74 | |
75 | #optionDisplay td.optionValue { |
fab0e649 |
76 | text-align: left; |
a7f6c9c0 |
77 | } |
78 | |
79 | #optionOrder { |
fab0e649 |
80 | text-align: center; |
a7f6c9c0 |
81 | } |
82 | |
83 | #optionOrder table { |
fab0e649 |
84 | text-align: center; |
a7f6c9c0 |
85 | margin-left: auto; |
86 | margin-right: auto; |
87 | margin-top: 8px; |
88 | margin-bottom: 8px; |
89 | width: 95%; |
fab0e649 |
90 | border: 1px solid #dcdcdc; |
a7f6c9c0 |
91 | } |
92 | |
93 | #optionOrder table.moveFields { |
94 | width: auto; |
95 | } |
96 | |
97 | #optionOrder table.moveFields td { |
98 | border-left: 1px solid #dcdcdc; |
99 | border-right: 1px solid #dcdcdc; |
100 | padding-left: 2px; |
101 | padding-right: 2px; |
102 | } |
103 | |
104 | #optionOrder td.moveLink { |
105 | text-align: right; |
106 | font-size: 75%; |
107 | vertical-align: bottom; |
108 | } |
109 | |
110 | #optionOrder td.fieldName { |
111 | text-align: left; |
112 | } |
113 | |
114 | #optionHightlightList { |
115 | text-align: center; |
116 | } |
117 | |
118 | #optionHighlightList table table { |
119 | margin-top: 10px; |
120 | margin-bottom: 10px; |
121 | width: 75%; |
122 | } |
123 | |
124 | #optionHighlightList td.ruleButtons { |
125 | text-align: center; |
126 | width: 1%; |
127 | } |
128 | |
129 | #optionHighlightList td.ruleName { |
130 | text-align: left; |
131 | width: 30%; |
132 | padding-left: 4px; |
133 | padding-right: 4px; |
134 | } |
135 | |
136 | #optionHighlightAdd { |
137 | text-align: center; |
138 | } |
139 | |
140 | #optionHighlightAdd table table { |
141 | margin-top: 10px; |
142 | margin-bottom: 10px; |
143 | width: 75%; |
144 | } |
145 | |
146 | #optionHighlightAdd td.ruleField { |
147 | text-align: right; |
148 | font-weight: bold; |
149 | width: 40%; |
150 | } |
151 | |
152 | #optionHighlightAdd td.fieldValue { |
153 | text-align: left; |
154 | } |
155 | |
156 | #optionHighlightAdd td.colorTable { |
157 | text-align: center; |
158 | } |
159 | |
160 | #optionHighlightAdd table.colorTable { |
161 | margin-left: auto; |
162 | margin-right: auto; |
163 | } |
209e24bb |
164 | #optionMessage { |
165 | text-align: center; |
166 | width: 100%; |
167 | font-size: larger; |
168 | color: red; |
169 | font-weight: bold; |
170 | } |