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
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