Revision 1825
Added by Dietmar over 11 years ago
screen.css | ||
---|---|---|
3 | 3 |
html{ font-family :Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size :100.1%; font-weight :normal; color :#333333; overflow :auto; overflow-y :scroll; } |
4 | 4 |
body{ margin :0 auto; padding :0px; background :#a8bccb; text-align :left; font-size :0.8em; } |
5 | 5 |
/* */ |
6 |
div.main { border :0px none #666666; margin :0px auto 1em auto; min-width :60em; max-width :90em; font-size :1.0em; padding :10px 15px; width :83%; overflow :hidden; }
|
|
6 |
div.main { border :0px none #666666; margin :0px auto 1em auto; min-width :75em; max-width :90em; font-size :1.0em; padding :10px 15px; width :83%; overflow :hidden; }
|
|
7 | 7 |
.td { clear :both; font-size :1.0em; margin :0 auto; text-align :center; width :100%; } |
8 | 8 |
div.main .table { background :url(../images/bgtitle.png) #ffffff repeat-x; margin :0 auto; overflow :auto; width :100%; } |
9 | 9 |
.wrapper { position :relative; display :block; overflow :auto; width :inherit; } |
... | ... | |
17 | 17 |
.input_large { width :300px; } |
18 | 18 |
.input_full { width :100%; } |
19 | 19 |
/* */ |
20 |
table { |
|
21 |
border-collapse :separate; |
|
22 |
width :100%; |
|
23 |
table-layout:fixed; |
|
24 |
} |
|
20 |
table { border-collapse :collapse; width :100%; table-layout :fixed; } |
|
25 | 21 |
table.layout { table-layout :auto; } |
26 | 22 |
table.header { margin :auto; width :100%; } |
27 | 23 |
table.header td { min-width :10%; } |
... | ... | |
101 | 97 |
.center{ text-align :center; } |
102 | 98 |
.hidden { visibility :hidden; } |
103 | 99 |
.left{ text-align :left; } |
100 |
.right{ text-align :right; } |
|
101 |
.middle { vertical-align :middle; } |
|
102 |
.top { vertical-align :top; } |
|
103 |
.nowrap { white-space :nowrap; } |
|
104 | 104 |
.hide, .none { display :none; height :0; } |
105 | 105 |
#hide1, #hide2, #hide3 { display :none; } |
106 |
.right{ text-align :right; vertical-align :middle; }
|
|
106 |
/* */
|
|
107 | 107 |
.rBold{ text-align :right; font-weight :bold; vertical-align :middle; } |
108 | 108 |
.rightTop{ text-align :right; vertical-align :top; } |
109 | 109 |
.bold{ font-weight :bold; } |
... | ... | |
119 | 119 |
.note { border :2px #448844 solid; padding :10px; margin :10px auto; background :#eeffee; color :#004400; } |
120 | 120 |
.important { border :2px #888844 solid; padding :10px; margin-bottom :1em; background :#ffffee; color :#444400; } |
121 | 121 |
.warning { border :2px #884444 solid; padding :10px; margin-bottom :1em; background :#ffeeee; color :#440000; } |
122 |
.graphic { border :4px solid #fdfdfd; height :50px; padding-left :3px; width :50px; } |
|
123 |
.graphic img { background-color :#ffffff; border :1px solid #d0d0d0; padding :4px; vertical-align :middle; width :50px; height :50px; } |
|
124 |
|
|
125 |
.section { |
|
126 |
background-color :#fdfdfd; |
|
127 |
border :1px solid #999999; |
|
128 |
font-size :0.9em; |
|
129 |
height :85px; |
|
130 |
margin :5px; |
|
131 |
padding :0; |
|
132 |
width :98%; |
|
133 |
} |
|
134 |
.description { padding :4px 0 0; text-align :left; } |
|
122 |
.graphic { border :0px solid #fdfdfd; height :52px; padding-left :3px; width :70px; } |
|
123 |
.graphic img { background-color :transparent; border :1px solid #d0d0d0; padding :2px; vertical-align :middle; width :50px; height :50px; } |
|
124 |
.section { background-color :transparent; font-size :0.9em; margin-bottom :15px; padding :5px; height :85px; } |
|
125 |
table.section { border-collapse :separate; width :100%; table-layout :fixed; border-spacing :0px; border :1px solid #999999; } |
|
126 |
.section tr td.graphic { border-right :2px solid #cccccc; width :60px; height :50px; padding :5px; margin :0; } |
|
127 |
.section tbody tr { padding :5px; } |
|
128 |
.description { padding :4px 0 0 10px; text-align :left; } |
|
135 | 129 |
.title { text-align :left; padding :4px 5px 0px 3px; font-weight :bold; font-size :1.2em; margin-bottom :5px; } |
136 | 130 |
span.title { display :block; } |
137 | 131 |
.tool_table td { text-align :left; vertical-align :top; } |
... | ... | |
140 | 134 |
/* new tablelayout without table attribute */ |
141 | 135 |
div.settings_table { margin :0 auto; width :90%; } |
142 | 136 |
form.settings_table { border :1px none #eeee; font-family :verdana,arial,helvetica,sans-serif; margin :5px auto; padding :5px; } |
143 |
form.settings_table fieldset { border :1px none #eeeeee; display :block; line-height :1.0em; margin :1px auto; padding :3px 0px 3px 0px; }
|
|
137 |
form.settings_table fieldset { border :2px none #eeeeee; display :block; line-height :1.0em; margin :1px auto; padding :3px 0px 3px 0px; }
|
|
144 | 138 |
input[type="file"] { width :100%; border :1px solid #000000; background-color :#ccccff; } |
145 | 139 |
legend.settings_table , |
146 | 140 |
form.settings_table legend { border :none; color :#006699; font-size :140%; margin :5px; padding :0; } |
... | ... | |
192 | 186 |
table.permission_box tbody { text-align :left; } |
193 | 187 |
table.permission_box td label { text-align :left; vertical-align :text-top; font-size :0.8em; } |
194 | 188 |
/* */ |
189 |
div.page-info table { border-collapse :collapse; width :100%; table-layout :fixed; margin-bottom :10px; } |
|
190 |
div.page-info .id { width :80px; } |
|
191 |
div.page-info .description { width :30%; } |
|
192 |
div.page-info table tbody td { padding :5px; background :#f0f0f0; } |
|
195 | 193 |
div.pages_list { font-size :0.6em; width :100%; } |
196 | 194 |
table.pages_list table td, |
197 | 195 |
table.pages_view td { font-size :1.2em; padding :0 2px; vertical-align :middle; margin :0 auto; height :30px; } |
... | ... | |
214 | 212 |
/**/ |
215 | 213 |
.list_page_title, .list_menu_title, |
216 | 214 |
.header_list_menu_title, .header_list_type { text-align :left; vertical-align :middle; } |
217 |
|
|
218 | 215 |
.header_list_pubdate_start, |
219 | 216 |
.header_list_pubdate_end, |
220 | 217 |
.list_pubdate_start, |
221 |
.list_pubdate_end { |
|
222 |
text-align :left; |
|
223 |
white-space :nowrap; |
|
224 |
width :185px; |
|
225 |
} |
|
226 |
.header_list_sections_actions { |
|
227 |
text-align :left; |
|
228 |
width :30px; |
|
229 |
} |
|
230 |
.header_list_type { |
|
231 |
font-size :1em; |
|
232 |
padding :4px 0; |
|
233 |
text-align :left; |
|
234 |
width :30%; |
|
235 |
} |
|
218 |
.list_pubdate_end { text-align :left; white-space :nowrap; width :185px; } |
|
219 |
.header_list_sections_actions { text-align :left; width :30px; } |
|
220 |
.header_list_type { font-size :1em; padding :4px 0; text-align :left; width :34%; } |
|
236 | 221 |
.jsadmin_drag img { cursor :pointer; margin-top :0px; padding :0px 0; vertical-align :baseline; } |
237 | 222 |
.list_actions { height :20px; padding :0 1px; text-align :left; width :20px; } |
238 | 223 |
.list_page_code, |
... | ... | |
248 | 233 |
.page_list_show li { display :block; } |
249 | 234 |
.pages_list |
250 | 235 |
.icon_col td img { border-style :none; display :inline; float :left; padding-right :7px; } |
251 |
.pages_list { }
|
|
236 |
.pages_list { }
|
|
252 | 237 |
.icon_col td img { border-style :none; display :inline; float :left; padding-right :7px; } |
253 | 238 |
.pages_list table { background-color :#dcdcdc; font-size :1.3em; margin :0 auto; table-layout :fixed; width :100%; } |
254 | 239 |
.pages_list ul { font-weight :normal; margin :0; padding :0px; } |
255 | 240 |
.pages_list ul li { list-style-type :none; margin :1px 0; padding :0; vertical-align :baseline; } |
256 |
|
|
257 | 241 |
.sectionrow { font-size :1.1em; height :30px; table-layout :fixed; } |
258 | 242 |
.sectionrow a:link { color :#003366; font-weight :bold; text-decoration :none; } |
259 | 243 |
.sectionrow a:hover { color :#6699ff; } |
... | ... | |
266 | 250 |
.value_page_code { color :#006400; font-weight :400; width :240px; } |
267 | 251 |
.section-info { margin :1em auto; } |
268 | 252 |
/* depending styles for /admin/pages_settings */ |
269 |
div.page-settings { font-size :0.9em; border :none; text-align :left; } |
|
270 |
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; }
|
|
253 |
div.page-settings { font-size :0.9em; border :none; text-align :left; overflow :hidden; }
|
|
254 |
div.page-settings div.caption { font-size :1em; font-weight :bold; padding :3px 0 0px 0; margin :0; padding :0; border :0px none; margin-bottom :10px; border-bottom :groove 2px #a8bccb; width :100%; }
|
|
271 | 255 |
div.page-settings label { display :inline-block; } |
272 | 256 |
div.page-settings input, |
273 | 257 |
div.page-settings textarea, |
... | ... | |
275 | 259 |
div.page-settings select { } |
276 | 260 |
div.page-settings textarea { height :5em; } |
277 | 261 |
div.page-settings [type=checkbox] { width :2.5em; } |
278 |
div.page-settings-leftcol { float :left; padding :10px 10px 10px 10px; border-right :groove 2px #a8bccb; } |
|
262 |
div.page-settings [type=reset], |
|
263 |
div.page-settings [type=submit] { padding :2px; width :auto; } |
|
264 |
div.page-settings-leftcol { float :left; padding :10px 10px 10px 10px; border-right :groove 0px #a8bccb; border 0 solid 1px #a8bccb :; } |
|
265 |
div.page-settings-leftcol div.page-settings-tab { border :solid 1px #a8bccb; padding :8px; margin-bottom :8px; } |
|
279 | 266 |
div.page-settings-leftcol div { padding :2px 0 3px 0; vertical-align :top; } |
280 | 267 |
div.page-settings-leftcol label { width :170px; vertical-align :top; } |
281 |
div.page-settings-righttoprow { margin-left :417px; padding :10px; }
|
|
268 |
div.page-settings-righttoprow { margin-left :0px; padding :10px; border :solid 0px #a8bccb; }
|
|
282 | 269 |
div.page-settings-righttoprow label { width :110px; vertical-align :top; } |
283 |
div.page-settings-centercol { float :left; padding :10px 20px 10px 20px; border-right :groove 2px #a8bccb; } |
|
284 |
div.page-settings-rightcol { float :left; padding :10px 20px 10px 10px; border :none; } |
|
270 |
div.page-settings-centercol { float :left; padding :10px; border-right :groove 0px #a8bccb; width :40%; } |
|
271 |
div.page-settings-right { float :none; padding :10px 10px 10px 10px; border-right :groove 0px #a8bccb; border :solid 0px #a8bccb; margin-left :417px; min-width :40em; } |
|
272 |
div.page-settings-right div.content { border :solid 1px #a8bccb; min-width :10em; } |
|
273 |
div.page-settings-right div.page-settings-tab { border :solid 1px #a8bccb; padding :8px; margin-bottom :8px; } |
|
274 |
div.page-settings-rightcol { float :none; padding :0px; border :none; } |
|
285 | 275 |
h1, h2, h3, h4, h5, h6 { color :#003366; display :block; font-weight :normal; margin :0.5em auto; padding-bottom :5px; } |
286 | 276 |
h6 { font-size :100%; } |
287 | 277 |
/* end depending styles for /admin/pages_settings */ |
... | ... | |
292 | 282 |
#overDiv { max-width :450px; background-position :center; background-attachment :fixed; text-align :left; line-height :1em; padding :1px; font-size :120%; } |
293 | 283 |
div.page-settings span.overlib { width :20px; margin-left :-20px; } |
294 | 284 |
/* */ |
295 |
div.page_group { height :180px; max-height :260px; margin :0; padding :0; overflow :auto; }
|
|
285 |
div.page_group { height :174px; max-height :260px; margin :0; padding :0; overflow :auto; }
|
|
296 | 286 |
div.page_group div { overflow :hidden; } |
287 |
div.page-settings select.page_user { width :100%; min-width :160px; } |
|
297 | 288 |
div.page-settings p.page_user, |
298 | 289 |
div.page-settings p.page_group { } |
299 | 290 |
/* */ |
Also available in: Unified diff
! update page settings, add save & back Button, add extended hide/show
redesign the page settings for a better overview