Revision 1825
Added by Dietmar over 11 years ago
screen.css | ||
---|---|---|
1 | 1 |
* html body * { overflow :auto; } |
2 | 2 |
html { font-family :"trebuchet MS", verdana, arial, sans-serif; font-size :100.1%; overflow-y :scroll; :; } |
3 |
body,td,th,input,textarea { font-family :verdana,arial,helvetica,sans-serif; font-size :12px; color : #666666; }
|
|
3 |
body,td,th,input,textarea { font-family :verdana,arial,helvetica,sans-serif; font-size :12px; color :#666666; } |
|
4 | 4 |
body { background :url(../images/background.jpg) #f9f9f9 0 0 repeat-x; margin :0; text-align :center; } |
5 | 5 |
img { border :0px; } |
6 | 6 |
#admin_header { text-align :center; width :948px; height :105px; margin :0 auto; padding :10px 0 0 0; } |
... | ... | |
22 | 22 |
.menu a span { display :block; background :url(../images/tabr.jpg) #28609b no-repeat right top; padding :6px 9px 6px 6px; } |
23 | 23 |
.menu a:hover, .menu a:hover span { background-color :#28609b; text-decoration :none; } |
24 | 24 |
.menu .current a, .menu a:hover { border-bottom :3px solid #d25e59; } |
25 |
#content_container { text-align :center; width : 948px; clear :both; margin :0 auto; }
|
|
26 |
.content { margin :0; padding :20px 0; width : 948px; text-align :left; vertical-align :top; }
|
|
25 |
#content_container { text-align :center; width :948px; clear :both; margin :0 auto; } |
|
26 |
.content { margin :0; padding :20px 0; width :948px; text-align :left; vertical-align :top; } |
|
27 | 27 |
hr { margin :15px 0; color :#003366; height :1px; } |
28 | 28 |
.center { text-align :center; } |
29 | 29 |
form { margin :0; } |
... | ... | |
33 | 33 |
.img_noborder img { border :0; } |
34 | 34 |
iframe { border :1px solid #35373a; } |
35 | 35 |
div.box { font-size :11px; width :100%; text-align :right; margin :-10px 0 0 0; } |
36 |
.section { margin-top :10px; padding :0; border :1px solid #999999; height :75px; width :100%; background-color :#fdfdfd; } |
|
36 |
.section { margin-top :10px; padding :5px; border :0px solid #999999; height :85px; width :100%; background-color :#fdfdfd; } |
|
37 |
table.section { border-collapse :separate; width :100%; table-layout :fixed; border-spacing :0px; border :1px solid #999999; } |
|
38 |
.section tr td.graphic { border-right :2px solid #cccccc; width :70px; height :50px; padding :10px 0px; margin :0; } |
|
39 |
.section tbody tr { padding :5px; } |
|
37 | 40 |
.note { color :#666666; font-size :11px; } |
38 | 41 |
.bold { font-weight :bold; } |
39 | 42 |
.rBold { font-weight :bold; text-align :right; } |
... | ... | |
66 | 69 |
.pages_list .icon_col td img { display :block; border-style :none; float :left; padding-right :7px; } |
67 | 70 |
.pages_list table { width :900px; } |
68 | 71 |
table.pages_view { width :900px; } |
69 |
table.pages_view tr, tr.sectionrow { background :#f0f0f0; line-height :2.2em; }
|
|
72 |
table.pages_view tr, tr.sectionrow { line-height :2.2em; } |
|
70 | 73 |
table.pages_view tr:hover, tr.sectionrow:hover { background :#eaeff6; } |
71 | 74 |
tr.sectionrow { padding :0 10px; } |
72 | 75 |
tr.sectionrow td { border-top :3px solid #f9f9f9; } |
... | ... | |
114 | 117 |
div.mbox span, |
115 | 118 |
div.mbox textarea, |
116 | 119 |
div.mbox input { display :block; float :left; margin :3px auto; } |
117 |
div.mbox label { padding-right : 5px; }
|
|
120 |
div.mbox label { padding-right :5px; } |
|
118 | 121 |
div.mbox br { clear :both; } |
119 | 122 |
div.mbox span { white-space :nowrap; } |
120 | 123 |
div.mbox [type="radio"], |
121 |
div.mbox [type="checkbox"] { width : 1.5em; }
|
|
124 |
div.mbox [type="checkbox"] { width :1.5em; } |
|
122 | 125 |
/**/ |
123 | 126 |
div.mbox label.radio { text-align :left; padding-right :20px; width :100px; } |
124 | 127 |
/* END of mbox - definition ************************************************* */ |
... | ... | |
127 | 130 |
div.mbox.dev-info { background :#dddddd; color :#990066; font-size :0.9em; overflow :auto; height :auto; white-space :normal; margin :0 auto 3em; position :relative; } |
128 | 131 |
div.mbox.dev-info div span { margin-bottom :1px; } |
129 | 132 |
/* */ |
130 |
.msg-box { background :#e5ffe6; border :0.2em #009900 solid; color :#336600; margin-bottom :1em; padding :0.63em; text-align : left; }
|
|
133 |
.msg-box { background :#e5ffe6; border :0.2em #009900 solid; color :#336600; margin-bottom :1em; padding :0.63em; text-align :left; } |
|
131 | 134 |
.error-box { background :#ffeeee; border :0.2em #884444 solid; color :#440000; margin-bottom :1em; padding :0.63em; text-align :center; } |
132 | 135 |
.msg-box p, |
133 | 136 |
.error-box p { font-size :120%; } |
... | ... | |
137 | 140 |
.center{ text-align :center; } |
138 | 141 |
.hidden { visibility :hidden; } |
139 | 142 |
.left{ text-align :left; } |
140 |
.bold{ font-weight :bold; } |
|
141 |
.grey { color :#999999; } |
|
143 |
.right{ text-align :right; } |
|
144 |
.middle { vertical-align :middle; } |
|
145 |
.top { vertical-align :top; } |
|
146 |
.nowrap { white-space :nowrap; } |
|
142 | 147 |
.hide, .none { display :none; height :0; } |
143 | 148 |
#hide1, #hide2, #hide3 { display :none; } |
149 |
/* */ |
|
144 | 150 |
.right{ text-align :right; } |
145 |
.row_0 { background-color :#fff; } |
|
146 |
.row_1 { background-color :#eee; } |
|
151 |
.row_0 { background-color :#ffffff; }
|
|
152 |
.row_1 { background-color :#eeeeee; }
|
|
147 | 153 |
.rounded { border-radius :10px; -khtml-border-radius :10px; -webkit-border-radius :10px; -moz-border-radius :10px; } |
148 | 154 |
/* set div layers in dead tables */ |
149 | 155 |
.info { padding :10px; margin-bottom :0.5em; background :#f8f8f8; color :#666666; font-size :91.7%; } |
150 | 156 |
.note { border :2px #448844 solid; padding :10px; margin :10px auto; background :#eeffee; color :#004400; } |
151 | 157 |
.important { border :2px #888844 solid; padding :10px; margin-bottom :1em; background :#ffffee; color :#444400; } |
152 | 158 |
.warning { border :2px #884444 solid; padding :10px; margin-bottom :1em; background :#ffeeee; color :#440000; } |
153 |
.section { background-color :#FDFDFD; border :1px solid #999999; font-size :0.9em; height :85px; margin :5px; padding :0; width :98%; }
|
|
154 |
.graphic { border :4px none #FDFDFD; height :50px; padding-left :3px; width :50px; }
|
|
155 |
.graphic img { background-color :#FFFFFF; border :1px none #D0D0D0; padding :4px; vertical-align :middle; width :50px; height :50px; }
|
|
156 |
.description { padding :4px 0 0; text-align :left; }
|
|
159 |
.section { background-color :transparent; font-size :0.9em; margin-bottom :15px; padding :5px; height :85px; }
|
|
160 |
.graphic { border :0px solid #fdfdfd; height :52px; padding-left :3px; width :70px; }
|
|
161 |
.graphic img { background-color :#ffffff; border :1px none #d0d0d0; padding :4px; vertical-align :middle; width :50px; height :50px; }
|
|
162 |
.description { padding :4px 5px 0; text-align :left; }
|
|
157 | 163 |
.title { text-align :left; padding :4px 5px 0px 3px; font-weight :bold; font-size :1.2em; margin-bottom :5px; } |
158 | 164 |
span.title { display :block; } |
159 | 165 |
.tool_table td { text-align :left; vertical-align :top; } |
... | ... | |
163 | 169 |
div.settings_table { margin :0 auto; width :90%; } |
164 | 170 |
form.settings_table { border :1px none #eeee; font-family :verdana,arial,helvetica,sans-serif; margin :5px auto; padding :5px; } |
165 | 171 |
form.settings_table fieldset { border :1px none #eeeeee; display :block; line-height :1.0em; margin-bottom :1px; padding :3px 0px 3px 0px; } |
166 |
form input[type="file"] { width :80%; border :1px solid black; background-color :#ccccff; }
|
|
172 |
form input[type="file"] { width :80%; border :1px solid #000000; background-color :#ccccff; }
|
|
167 | 173 |
legend.settings_table , |
168 | 174 |
form.settings_table legend { border :none; color :#006699; font-size :140%; margin :1em; padding :0; } |
169 | 175 |
form.settings_table div.sub-row { background-color :transparent !important; background-color :#eeeeee; } |
170 |
form.settings_table label { text-align :right; margin : 1px auto; }
|
|
171 |
form.settings_table label.setting_name { clear :left; color :#333333; vertical-align :top; display :block; margin :3px auto; min-height :1.6em; float :left; padding-right :5px; width :25%; }
|
|
176 |
form.settings_table label { text-align :right; margin :1px auto; } |
|
177 |
form.settings_table label.setting_name { clear :left; color :#333333; vertical-align :top; display :block; margin :3px auto; min-height :1.6em; float :left; padding-right :5px; width :30%; }
|
|
172 | 178 |
form.settings_table fieldset div.input { padding :0; margin :0 auto; vertical-align :top; overflow :hidden; display :inline; line-height :2em; min-height :1em; list-style-type :none; width :60%; } |
173 | 179 |
form.settings_table fieldset div.input input.radio { margin :0.8em auto; border :none; padding-left :6px; } |
174 | 180 |
form.settings_table fieldset div.input label { margin :6px auto; padding-left :6px; min-height :1em; width :35%; float :none; display :inline; vertical-align :top; } |
175 | 181 |
form.settings_table input[type="text"], |
176 |
form.settings_table input[type="password"] { border :1px solid #666666; margin : 0px auto; padding-left : 5px; width :72%; }
|
|
182 |
form.settings_table input[type="password"] { border :1px solid #666666; margin :0px auto; padding-left :5px; width :72%; }
|
|
177 | 183 |
form.settings_table input.radio { border :1px none #666666; margin :0px auto; padding-left :0.5em; height :1em; } |
178 |
form.settings_table input[type="button"].button { border :1px solid #666666; color :#000000; text-align :left; font-weight :bold; background-color :#dddddd; margin : 2px auto; padding :2px 0px 2px 6px; width : 70%; }
|
|
179 |
form.settings_table textarea { border :1px solid #666666; margin :3px auto; padding-left :0.5em; min-height :1em; width :72%; }
|
|
184 |
form.settings_table input[type="button"].button { border :1px solid #666666; color :#000000; text-align :left; font-weight :bold; background-color :#dddddd; margin :2px auto; padding :2px 0px 2px 6px; width :70%; }
|
|
185 |
form.settings_table textarea { border :1px solid #666666; margin :3px auto; padding-left :0.5em; min-height :1em; width : 60%; }
|
|
180 | 186 |
form.settings_table select { border :1px solid #666666; margin :3px auto; padding-left :0.5em; min-height :1em; width :73%; } |
181 | 187 |
/* */ |
182 | 188 |
div.content_box form { } |
183 |
div.sub-row { background-color :#eeeeee; margin : 1px auto; overflow :hidden; padding :0; }
|
|
189 |
div.sub-row { background-color :#eeeeee; margin :1px auto; overflow :hidden; padding :0; } |
|
184 | 190 |
div.col_content { margin-right :0.5em; padding :2px 0; } |
185 | 191 |
.content_box { position :relative; margin :0px auto; padding :0; } |
186 | 192 |
.content_box form { background :transparent; height :auto; } |
187 |
.content_box li { |
|
188 |
float :left; |
|
189 |
padding :0 10px; |
|
190 |
list-style-type :none; |
|
191 |
display :block; |
|
192 |
} |
|
193 |
.content_box li { float :left; padding :0 10px; list-style-type :none; display :block; } |
|
193 | 194 |
.content_box ul { padding :0 0 0 15px; margin :0 auto; width :100%; } |
194 | 195 |
.content_box h5.title { color :#339bff; font-weight :bold; font-size :1.2em; margin :0 auto; text-align :left; } |
195 |
.content_box h5.title a:link { color :#0067ca; }
|
|
196 |
.content_box h5.title a:hover { color : #0099ff; }
|
|
196 |
.content_box h5.title a:link { color :#0067ca; } |
|
197 |
.content_box h5.title a:hover { color :#0099ff; }
|
|
197 | 198 |
.content_box h5.noscript { font-size :1.2em; padding :5px 0px 5px 0px; } |
198 | 199 |
.content_box div.noscript { height :auto; width :100%; padding :5px; background :none no-repeat left; } |
199 | 200 |
/* */ |
200 | 201 |
button { padding :2px; } |
201 | 202 |
button.link { padding :0px; background-color :transparent; display :inline; vertical-align :middle; border :0px none; cursor :pointer; } |
202 | 203 |
button span.title { font-size :1.3em; display :inline; font-weight :100; color :#007ac8; letter-spacing :1px; } |
203 |
.curved { border : 1px solid #666666; }
|
|
204 |
.curved { border :1px solid #666666; } |
|
204 | 205 |
/* */ |
205 |
textarea { resize:both; } /* none|horizontal|vertical|both */
|
|
206 |
textarea.vert { resize:vertical; } |
|
207 |
textarea.noResize { resize:none; } |
|
206 |
textarea { /* none|horizontal|vertical|both */ resize :both; }
|
|
207 |
textarea.vert { resize :vertical; }
|
|
208 |
textarea.noResize { resize :none; }
|
|
208 | 209 |
#file_mode, |
209 | 210 |
#dir_mode { width :290px; height :auto; margin-right :0.5em; font-size :1em; } |
210 | 211 |
#file_mode table, |
... | ... | |
217 | 218 |
table.permission_box tbody { text-align :left; } |
218 | 219 |
table.permission_box td label { text-align :left; vertical-align :text-top; font-size :0.8em; } |
219 | 220 |
/* */ |
221 |
div.page-info table { border-collapse :collapse; width :948px; table-layout :fixed; margin-bottom :10px; } |
|
222 |
div.page-info .id { width :80px; } |
|
223 |
div.page-info .description { width :30%; } |
|
224 |
div.page-info table tbody td { padding :5px; background :#f0f0f0; } |
|
220 | 225 |
div.pages_list { font-size :0.6em; width :100%; } |
221 | 226 |
table.pages_list table td, |
222 | 227 |
table.pages_view td { font-size :1.2em; padding :0 2px; vertical-align :middle; margin :0 auto; height :30px; } |
... | ... | |
236 | 241 |
.header_list_page_id { padding-right :15px; text-align :right; width :30px; } |
237 | 242 |
.header_list_page_title, |
238 | 243 |
.list_page_title { width :350px; } |
239 |
.list_page_title, .list_menu_title, .header_list_menu_title, .header_list_type { text-align :left; vertical-align : middle; }
|
|
244 |
.list_page_title, .list_menu_title, .header_list_menu_title, .header_list_type { text-align :left; vertical-align :middle; } |
|
240 | 245 |
.header_list_pubdate_start, |
241 | 246 |
.header_list_pubdate_end, |
242 | 247 |
.list_pubdate_start, |
243 | 248 |
.list_pubdate_end { text-align :left; white-space :nowrap; width :185px; } |
244 | 249 |
.header_list_sections_actions { text-align :left; width :30px; } |
245 |
.header_list_type { font-size :1em; padding :4px 0; text-align :left; } |
|
246 |
.jsadmin_drag img { cursor :pointer; margin-top : 0px; padding : 0px 0; vertical-align : baseline; }
|
|
250 |
.header_list_type { font-size :1em; padding :4px 0; text-align :left; width :34%; }
|
|
251 |
.jsadmin_drag img { cursor :pointer; margin-top :0px; padding :0px 0; vertical-align :baseline; }
|
|
247 | 252 |
.list_actions { height :20px; padding :0 1px; text-align :left; width :20px; } |
248 | 253 |
.list_page_code, |
249 | 254 |
.list_page_language { width :240px; } |
... | ... | |
251 | 256 |
.list_pubdate_end input[type="text"] { width :120px; } |
252 | 257 |
.list_section_id, |
253 | 258 |
.list_page_id, |
254 |
.header_list_section_id { padding :0 3px; text-align :right; vertical-align : middle; width :2em; }
|
|
255 |
.modify_link { display :inline; padding :0 2px; vertical-align : middle; }
|
|
259 |
.header_list_section_id { padding :0 3px; text-align :right; vertical-align :middle; width :2em; } |
|
260 |
.modify_link { display :inline; padding :0 2px; vertical-align :middle; } |
|
256 | 261 |
.page_list { display :none; } |
257 | 262 |
img.page_list_rights { border :none; float :left; margin :0 auto; padding :0 2px; } |
258 | 263 |
.page_list_show li { display :block; } |
... | ... | |
260 | 265 |
.icon_col td img { border-style :none; display :inline; float :left; padding-right :7px; } |
261 | 266 |
.pages_list table { background-color :#dcdcdc; font-size :1.3em; margin :0 auto; table-layout :fixed; width :100%; } |
262 | 267 |
.pages_list ul { font-weight :normal; margin :0; padding :0px; } |
263 |
.pages_list ul li { list-style-type :none; margin :1px 0; padding : 0; vertical-align :baseline; }
|
|
268 |
.pages_list ul li { list-style-type :none; margin :1px 0; padding :0; vertical-align :baseline; } |
|
264 | 269 |
.sectionrow { font-size :1.1em; height :30px; } |
265 | 270 |
.sectionrow a:link { color :#003366; font-weight :bold; text-decoration :none; } |
266 | 271 |
.sectionrow a:hover { color :#6699ff; } |
267 | 272 |
.sections_list, |
268 | 273 |
.pages_list_header { background :#dddddd; line-height :1.5em; font-size :1em; text-align :left; height :25px; font-weight :bold; padding-left :10px; } |
269 | 274 |
.value_page_code { color :#006400; font-weight :400; width :240px; } |
270 |
.section-info { |
|
271 |
margin :1em auto; |
|
272 |
} |
|
275 |
.section-info { margin :1em auto; } |
|
273 | 276 |
/* depending styles for /admin/pages_settings */ |
274 |
div.page-settings { font-size :0.9em; border :none; text-align :left; } |
|
277 |
div.page-settings { font-size :0.9em; border :none; text-align :left; width :948px; }
|
|
275 | 278 |
div.page-settings div.caption { font-size :1em; font-weight :bold; padding :3px 0 0px 0; margin :0; padding :0; border :none; margin-bottom :10px; border-bottom :groove 2px #a8bccb; } |
276 | 279 |
div.page-settings label { display :inline-block; } |
277 | 280 |
div.page-settings input, |
... | ... | |
280 | 283 |
div.page-settings select { } |
281 | 284 |
div.page-settings textarea { height :5em; } |
282 | 285 |
div.page-settings [type=checkbox] { width :2.5em; } |
283 |
div.page-settings-leftcol { float :left; padding :10px 10px 10px 10px; border-right :groove 2px #a8bccb; } |
|
286 |
div.page-settings [type=reset], |
|
287 |
div.page-settings [type=submit] { padding :2px; width :auto; } |
|
288 |
div.page-settings-leftcol { float :left; padding :10px 10px 10px 10px; border-right :groove 0px #a8bccb; } |
|
289 |
div.page-settings-leftcol div.page-settings-tab { border :solid 1px #a8bccb; padding :8px; margin-bottom :8px; } |
|
284 | 290 |
div.page-settings-leftcol div { padding :2px 0 3px 0; vertical-align :top; } |
285 | 291 |
div.page-settings-leftcol label { width :170px; vertical-align :top; } |
286 |
div.page-settings-righttoprow { margin-left :417px; padding :10px; }
|
|
292 |
div.page-settings-righttoprow { margin-left :0px; padding :10px; border :solid 0px #a8bccb; }
|
|
287 | 293 |
div.page-settings-righttoprow label { width :110px; vertical-align :top; } |
288 |
div.page-settings-centercol { float :left; padding :10px 20px 10px 20px; border-right :groove 2px #a8bccb; } |
|
289 |
div.page-settings-rightcol { float :left; padding :10px 20px 10px 10px; border :none; } |
|
290 |
h1, h2, h3, h4, h5, h6 { color :#003366; display :block; font-weight : normal; margin :0.5em auto; padding-bottom :5px; } |
|
291 |
h6 { font-size : 105%; } |
|
294 |
div.page-settings-centercol { float :left; padding :10px; border-right :groove 0px #a8bccb; width :210px; } |
|
295 |
div.page-settings-right { float :none; padding :10px 10px 10px 10px; border-right :groove 0px #a8bccb; border :solid 0px #a8bccb; margin-left :417px; width :500px; } |
|
296 |
div.page-settings-right div.content { border :solid 1px #a8bccb; width :210px; padding :5px; } |
|
297 |
div.page-settings-centercol div#viewers { border :solid 1px #a8bccb; width :210px; padding :5px; } |
|
298 |
div.page-settings-right div.page-settings-tab { border :solid 1px #a8bccb; padding :8px; margin-bottom :8px; } |
|
299 |
div.page-settings-rightcol { float :none; padding :0px; border :none; } |
|
300 |
h1, h2, h3, h4, h5, h6 { color :#003366; display :block; font-weight :normal; margin :0.5em auto; padding-bottom :5px; } |
|
301 |
h6 { font-size :105%; } |
|
292 | 302 |
/* end depending styles for /admin/pages_settings */ |
293 |
div.page-settings-leftcol label { background-repeat :no-repeat; background-position :right; text-align :right; padding-right :17px; font-weight :bold; width :156px; }
|
|
303 |
div.page-settings-leftcol label { background-repeat :no-repeat; background-position :right; text-align :right; padding-right :17px; font-weight :bold; width :156px; } |
|
294 | 304 |
div.page-settings-leftcol label a:link { text-decoration :none; color :#003366; } |
295 |
div.page-settings-leftcol label a:hover { color : #006699; text-decoration : underline; }
|
|
296 |
div.page-settings-leftcol textarea { resize :vertical; }
|
|
305 |
div.page-settings-leftcol label a:hover { color :#006699; text-decoration :underline; }
|
|
306 |
div.page-settings-leftcol textarea { resize :vertical; } |
|
297 | 307 |
#overDiv { max-width :450px; background-position :center; background-attachment :fixed; text-align :left; line-height :1em; padding :1px; font-size :120%; } |
298 | 308 |
div.page-settings span.overlib { width :20px; margin-left :-20px; } |
299 | 309 |
/* */ |
300 |
div.page_group { height: 180px;max-height: 260px; margin: 0; padding: 0; overflow: auto; } |
|
301 |
div.page_group div { overflow: hidden; } |
|
310 |
div.page_group { height :168px; max-height :260px; margin :0; padding :0; overflow :auto; } |
|
311 |
div.page_group div { overflow :hidden; } |
|
312 |
div.page-settings select.page_user { width :210px; } |
|
313 |
div.page-settings div.page_user, |
|
314 |
div.page-settings div.page_group { padding :0px; } |
|
302 | 315 |
div.page-settings p.page_user, |
303 |
div.page-settings p.page_group { }
|
|
316 |
div.page-settings p.page_group { }
|
|
304 | 317 |
/* */ |
305 | 318 |
.header_title, .setting_value input, .setting_value select, .setting_value textarea, .value_input input, .value_input text, .value_input select, .form_submit, .input_full { width :80%; } |
306 | 319 |
.content_box { text-align :left; } |
... | ... | |
311 | 324 |
div.col_content ul li { font-size :86%; margin :auto 2px; } |
312 | 325 |
.c33, |
313 | 326 |
div.col_width33 { width :33.333%; } |
314 |
.c50, div.col_width50 { width : 47%; }
|
|
327 |
.c50, div.col_width50 { width :47%; } |
|
315 | 328 |
.c60, div.col_width60 { width :60%; } |
316 | 329 |
.h65 { min-height :65px; overflow :auto; } |
317 | 330 |
.h80 { height :80px; line-height :1.3em; } |
Also available in: Unified diff
! update page settings, add save & back Button, add extended hide/show
redesign the page settings for a better overview