Project

General

Profile

« Previous | Next » 

Revision 1825

Added by Dietmar over 11 years ago

! update page settings, add save & back Button, add extended hide/show
redesign the page settings for a better overview

View differences:

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