Project

General

Profile

1
* html div{ height :1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorers 6 */ }
2
html{ font-family :Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size :100.1%; font-weight :normal; color :#404040; overflow :-moz-scrollbars-vertical; }
3
body{ margin :0 auto; padding :0px; background :#a8bccb; text-align :left; font-size :0.8em; }
4
body { background-color :#a8bccb; background-repeat :repeat-x; }
5
table {border-collapse: separate;}
6
td,th,input,textarea { color :#000000; font-size :1.0em; font-family :Verdana, Arial, Helvetica, sans-serif; }
7
textarea { font-size :1em; }
8
img { border :0px; }
9
form { margin :0; }
10
hr { margin :1em auto; color :#003366; height :1px; }
11
h1 { color :#000000; font-size :1.8em; text-align :center; text-transform :uppercase; }
12
h2 { margin :0.5em 0px 0.5em 0px; color :#336699; font-size :1.5em; }
13
h2 { font-family :arial,sans-serif; letter-spacing :-1px; margin :0.5em 0; text-align :left; }
14
h4 { margin :0; border-bottom :1px solid #dddddd; padding-bottom :5px; }
15
a h3 { margin :0; font-size :1.1em; padding-bottom :2px; }
16
li p { margin :0.5em 0; }
17
/**/
18
a:link, a:visited, a:active { color :#003366; text-decoration :none; }
19
a:hover { color :#336699; text-decoration :none; }
20
ul, li { margin :0; padding :0; list-style :none; }
21
.current a, .current a:link, .current a:active, .current a:visited { background :url(images/menuo.png) #ffffff; background-repeat :repeat-x; color :#ffffff; }
22

    
23
label { cursor :pointer; }
24
input:focus, input:active, select:focus, textarea:focus { background :#f1f8fd; }
25
iframe { border :1px solid #35373a; }
26
div.box { width :100%; margin :-10px 0 0 0; font-size :small; text-align :right; }
27
.header { width :900px; margin :0 auto; }
28
.container { width :85%; margin :0 auto; background :url(images/bgtitle.png) #ffffff; background-repeat :repeat-x; }
29
.content { padding :1.6em; margin :0 auto; min-height :300px; vertical-align :top; width :900px; }
30
#content_container { text-align :center; width :900px; clear :both; margin :0 auto; }
31
#admintools ul { padding :0; margin :0 auto; width :100%; }
32
#admintools li { list-style-type :none; display :inline; float :left; width :47%; margin :0 10px 0 0; }
33
.description { padding :4px 4px 0 4px; text-align :left; vertical-align :top; }
34
.graphic { border :4px solid #fdfdfd; height :50px; padding-left :3px; width :50px; }
35
.graphic img { background-color :#ffffff; border :1px solid #d0d0d0; padding :4px; vertical-align :middle; }
36
.menu { margin :0; padding :0; padding-top :8px; padding-bottom :10px; padding-left :8px; background :url(images/menu.png) #000000; background-repeat :repeat-x; }
37
.menu li { padding-right :1px; list-style-type :none; display :inline; }
38
.menu a, .menu a:link, .menu a:active, .menu a:visited { border-bottom :0; padding :7px 11px 9px 11px; color :#ffffff; }
39
.menu a:hover { color :#ffffff; background :url(images/menuo.png) #ffffff; background-repeat :repeat-x; text-decoration :none; }
40
.note { color :#666666; font-size :10px; }
41
div .pages_list { width :100%; font-size :0.7em; }
42
.pages_list .icon_col td img { border-style :none; float :left; padding-right :7px; display :block; }
43
.pages_list table { width :100%; margin :0 auto; background-color :#dcdcdc; }
44
.pages_list ul { margin :0; padding :0px; font-weight :normal; }
45
.pages_list ul li { margin :2px 0; padding :0px; list-style-type :none; }
46
.page_list_show li { display :block; }
47
img.page_list_rights { border :none; margin-right :5px; float :left; margin-top :2px; margin-bottom :2px; }
48
.content input { font-size :12px; }
49
.section { margin-top :10px; padding :0px; border :1px solid #999999; font-size :1em; width :100%; background-color :#fdfdfd; height :75px; }
50
.sections_header { width :100%; margin-bottom :10px; border :none; background-color :#f0f0f0; height :50px; }
51
.sections_header td { padding :5px; }
52
.setting_name { width :20%; min-width :200px;  }
53
.setting_value { width :80%; }
54
.setting_value_permissions { width :50%; min-width :400px; }
55
.setting_value textarea { height :50px; }
56
.title {
57
   text-align :left;
58
   padding :4px 5px 0px 3px;
59
   font-weight :bold;
60
   font-size :14px;
61
   margin-bottom :5px;
62
}
63
span.title { display :block; }
64
.tool_table ul { margin :0; padding :0; margin-left :20px; margin-bottom :2px; }
65
.tool_table li { padding :1px; list-style-type :disc; }
66
/* CSS STYLES FOR THE PAGES SECTION */
67
table.pages_view { width :100%; margin :0 auto; border :0; background-color :#ecf3f7; border-spacing :0px; }
68
table.pages_view tr:hover { background-color :#f1f8dd; }
69
/* FORMS */
70
.submit, .cancel { width :100px; margin-top :5px; }
71
.form_submit .right { text-align :right; }
72
.input_small { width :20px; }
73
.input_normal { width :120px; }
74
.input_medium { width :150px; }
75
.input_wide { width :200px; }
76
.input_large { width :300px; }
77
select option.disabled { color :#aaaaaa; }
78
.jsadmin_drag img { padding :3px 0; margin-top :1px; vertical-align :top; cursor :pointer; }
79
.modify_link { padding-top :4px; display :inline; vertical-align :middle; }
80
.header_list_page_id { width :30px; padding-right :15px; text-align :right; }
81
.header_list_actions { width :150px; text-align :left; }
82
.list_actions { width :20px; text-align :left; }
83
.sections_list { padding-left :10px; font-weight :bold; }
84
.header_list_block { width :180px; text-align :left; }
85
.header_list_sections_actions { width :30px; text-align :left; }
86
.value_page_code { width :240px; color :#006400; font-weight :400; }
87
/* Ende */
88
.pages_list table td, table.pages_view td { padding :3px; }
89
.save, .reset, .input_narrow { width :100px; }
90
.settings_table td, .tool_table td { text-align :left; vertical-align :top; }
91
#file_mode input, #dir_mode input { width :12px; height :12px; }
92
#hide2, .hide, .page_list { display :none; }
93
.header_list_page_title, .list_page_title { width :300px; text-align :left; }
94
.list_section_id, .list_page_id, .header_list_section_id { width :2em; text-align :right; }
95
.list_page_code, .list_page_language { width :240px; }
96
.form_submit .left, .header_list_menu_title, .list_menu_title, .header_list_type { text-align :left; }
97
.header_title, .sections_list table, .setting_value input, .setting_value select, .setting_value textarea, .value_input input, .value_input text, .value_input select, .form_submit, .input_full { width :100%; }
98
.header_list_pubdate_start, .header_list_pubdate_end, .list_pubdate_start, .list_pubdate_end { width :200px; text-align :left; }
99
.right{ text-align :right; }
100
.left{ text-align :left; }
101
/* set div layers in dead tables */
102
.subcolumns { width :100%; overflow :hidden; margin :10px 0; }
103
.subcolumns_oldgecko { width :100%; float :left; margin :10px 0; }
104
.c10l, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float :left; }
105
.c10r, .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float :right; margin-left :-5px; }
106
  .c10l, .c10r { width :10%; }
107
  .c20l, .c20r { width :20%; line-height :2em; }
108
  .c40l, .c40r { width :40%; }
109
  .c60l, .c60r { width :60%; height :21px; }
110
  .c25l, .c25r { width :28%; }
111
  .c33l, .c33r { width :33.333%; }
112
  .c50l, .c50r { width :50%; }
113
  .c66l, .c66r { width :66.666%; }
114
  .c38l, .c38r { width :38.2%; }
115
  .c62l, .c62r { width :61.8%; }
116
  .subc { padding :0 0.5em; }
117
  .subcl { padding :0 1em 0 0; }
118
  .subcr { padding :0 0 0 1em; }
119
.c80l, .c80r, .c90l, .c90r { width :80%; }
120
.c75l, .c75r, .c80l, .c80r { width :75%; }
121
.info { padding :10px; margin-bottom :0.5em; background :#f8f8f8; color :#666666; font-size :91.7%; }
122
.note { border :2px #448844 solid; padding :10px; margin :10px auto; background :#eeffee; color :#004400; }
123
.important { border :2px #888844 solid; padding :10px; margin-bottom :1em; background :#ffffee; color :#444400; }
124
.warning { border :2px #884444 solid; padding :10px; margin-bottom :1em; background :#ffeeee; color :#440000; }
125
.row_0 { background-color :transparent; }
126
.row_1 { background-color :#ccddee; }
127
div.content_box { margin :0em auto; }
128
div.content_box form { width :98%; }
129
#language,
130
#timezone,
131
#date_format,
132
#time_format { min-width :250px; }
133
#display_name,
134
#username,
135
#email,
136
#new_password_1,
137
#new_password_2,
138
#current_password { min-width :250px; }
139
#submit,
140
#reset { max-width :100px; }
141
 div#username { height :17px; width :118%; background-color :#e9e9e9; min-width :250px; border :0px groove #6799c4; text-align :left; font-weight :bold; margin :0; }
142
.save_section { margin :20px auto 5px auto; }
143
#language,
144
#timezone,
145
#date_format,
146
#time_format,
147
#display_name,
148
#username,
149
#email,
150
#new_password_1,
151
#new_password_2,
152
#current_password { width :118%; }
153
.section-info { margin :1.5em 0; }
154
.rounded { border-radius :10px; -khtml-border-radius :10px; -webkit-border-radius :10px; -moz-border-radius :10px; }
155
.bigger { font-size :150%; }
156
.strong { font-weight :bold; }
157
.msg-box { background :#e5ffe6; border :0.2em #009900 solid; color :#336600; margin-bottom :1em; padding :0.63em; text-align :center; }
158
.error-box { background :#ffeeee; border :0.2em #884444 solid; color :#440000; margin-bottom :1em; padding :0.63em; text-align :center; }
159
.msg-box p,
160
.error-box p { font-size :120%; }
161
select > option.user-inactive { color :#990000; }
162
button.status { cursor :pointer; border-radius :5px; -khtml-border-radius :5px; -webkit-border-radius :5px; -moz-border-radius :5px; }
163

    
164
/* depending styles for /admin/pages_settings */
165
div.page-settings {
166
	font-size: 0.9em;
167
	border: none;
168
}
169
	div.page-settings div.caption {
170
		font-size: 1em;
171
		font-weight: bold;
172
		padding: 3px 0 0px 0;
173
		margin: 0; padding: 0; border: none;
174
		margin-bottom: 10px;
175
		border-bottom: groove 2px #a8bccb;
176
	}
177
	div.page-settings label {
178
		display: inline-block;
179
	}
180
	div.page-settings input,
181
	div.page-settings textarea,
182
	div.page-settings select {
183
		width: 210px;
184
	}
185
	div.page-settings select {
186
/*		font-size: 1em; */
187
	}
188
	div.page-settings textarea {
189
		height: 5em;
190
	}
191
	div.page-settings [type=checkbox] {
192
		width: 2.5em;
193
	}
194
div.page-settings-leftcol {
195
	float: left;
196
	padding: 10px 10px 10px 10px;
197
	border-right: groove 2px #a8bccb;
198
}
199
	div.page-settings-leftcol div {
200
		padding: 2px 0 3px 0;
201
		vertical-align: top;
202
	}
203
	div.page-settings-leftcol label {
204
		width: 170px;
205
		vertical-align: top;
206
	}
207
div.page-settings-righttoprow {
208
	margin-left:417px;
209
	padding: 5px 20px 5px 10px;
210
}
211
	div.page-settings-righttoprow label {
212
		width: 110px;
213
		vertical-align: top;
214
	}
215
div.page-settings-centercol {
216
	float: left;
217
	padding: 10px 20px 10px 20px;
218
	border-right: groove 2px #a8bccb;
219
}
220
div.page-settings-rightcol {
221
	float: left;
222
	padding: 10px 20px 10px 10px;
223
	border: none;
224
}
225
/* ************************************************************************** */
226
/* DIV-mbox to show selector or simply content only ************************* */
227
div.mbox {
228
   padding :10px;
229
   margin :15px auto;
230
   background-color :#fff;
231
   color :#330033;
232
   font-size :1em;
233
   display :block;
234
}
235
 	div.mbox div { } /* inner div to expand for additional decorations (see .mbox-icon div) */
236
		div.mbox div a { font-size :1em; color: #0052A1; }
237
		div.mbox div a:hover { color: #0099FF; }
238
		div.mbox div p.title { margin :0; padding :0.08em 0 0.6em 0; font-size: 110%; color: #0052A1; font-weight: bold;}
239
		div.mbox div p { margin :0; padding :0 0 0.6em 0;}
240
div.mbox:hover {  }
241
/* extension for mbox to show additional icons on left side ***************** */
242
div.mbox-icon { background-repeat :no-repeat; background-image :url(icons/info_50.png); background-position :15px 50%; padding :15px; min-height: 25px;}
243
	div.mbox-icon div { margin-left :70px; border-left : 0px outset; padding-left: 5px;}
244
div.mbox-icon16 { background-repeat :no-repeat; background-image :url(icons/info_16.png); background-position :5px 50%; padding :5px; min-height: 10px;}
245
	div.mbox-icon16 div { margin-left :30px; border-left : 4px outset; padding-left: 5px;}
246
/* coloring of the mbox and other boxes also ******************************** */
247
div.box-ok { border-color: green; color: green; }
248
div.box-error { border-color: red; color: red; }
249
div.box-info { border-color: #bb7a00; color: #003ff2;}
250
div.box-warning { border-color: orange; color: orange;}
251
/* Border attributes for mbox and other elements also *********************** */
252

    
253
/* label/input attributes for mbox for tableless design *********************** */
254
div.mbox label, 
255
div.mbox select, 
256
div.mbox span, 
257
div.mbox textarea, 
258
div.mbox input { display :block; float :left; margin-bottom :10px; margin-right :5px; }
259
div.mbox label { padding-right :10px; }
260
div.mbox label.radio { text-align : left; padding-right :20px; width :100px; }
261
div.mbox br { clear : both; }
262
/**/
263
/* END of mbox - definition ************************************************* */
264
/* ************************************************************************** */
265
div.content_box form { width : 100%; }
266
.content_box {
267
   position :relative;
268
   margin :0px auto;
269
   padding :0;
270
}
271
   .content_box form{ background :transparent; height :auto; }
272
   .content_box li {
273
   float :left;
274
   margin :auto 0.8em;
275
   list-style-type :none;
276
   display :block;
277
}
278
   .content_box ul { padding :0 0 0 15px; margin :0 auto; width :100%; }
279
   .content_box h5.title { color :#339bff; font-weight :bold; font-size :1.2em; margin :0 auto; text-align :left; }
280
   .content_box h5.title a:link  { color :#0067ca; }
281
   .content_box h5.title a:hover  { color : #0099ff; }
282
   .content_box h5.noscript { font-size :1.2em; padding :5px 0px 5px 0px; }
283
   .content_box div.noscript { height :auto; width :100%; padding :5px; background :none no-repeat left; }
284
/*  */
285
   button { padding :2px; }
286
   button.link { padding :0px; background-color :transparent; display :inline; vertical-align :middle; border :0px none; cursor :pointer; }
287
   button span.title { font-size :1.3em; display :inline; font-weight :100; color :#007ac8; letter-spacing :1px; }
288
/*  */
289
.curved { border : 1px solid #666666; }
290
div.col_content { margin-right :0.5em; padding :2px 0 2px 10px; }
291
.shadow { box-shadow :3px 3px 10px rgba(0, 0, 0, 0.6); }
292
.row_0 { background-color :transparent; }
293
.row_1 { background-color : #cccccc; }
294
/**/
295
h1, h2, h3, h4, h5, h6 { color : #003366; display :block; font-weight :bold; margin :0.5em auto; padding-bottom :5px; }
296
h6 { font-size :100%; }
297
/**/
298
.cleft, div.col_left { float :left; }
299
.cright, div.col_right { float :right; }
300
.c25, div.col_width25 { width :25%; }
301
.c33, div.col_width33 { width :33.333%; }
302
.c50, div.col_width50 { width :48%; }
303
.c60, div.col_width60 { width :60%; }
304
.c75, div.col_width75 { width :75%; }
305
.c90, div.col_width90 { width :90%; }
306
.c100, div.col_width100 {
307
   width :100%;
308
   margin : 0 auto;
309
}
310
.c400, .col_width400 { width :400px; }
311
.h30 { height :25px; }
312
.h50 { height :49px; }
313
.h65 { min-height :70px; overflow :hidden; }
314
.h80 { height :80px; }
315
.h100 { height :100px; }
316
.h120 { height :120px; }
317
.h140 { height :140px; }
318
.h185 { height :185px; }
319
.min_h100 { min-height :100px; }
320
.border { border-right :5px solid #cccccc; }
321
/**/
322
.clear:after { clear :both; content :"."; display :block; font-size :0; height :0; visibility :hidden; }
323
.clear { clear :both; display :block; }
324
.ie-clearing { display :none; }
325
.floatbox { overflow :hidden; }
326
.spacer { line-height :1em; margin-right :0.5em; position :relative; }
327
table.layout { table-layout :fixed;  }
328
/*overwriting above */
329
td,th,textarea { color :#000000; font-size :96%; font-family :Verdana, Arial, Helvetica, sans-serif; }
330
textarea { font-size :86%; }
331
.container, .hmenu { 
332
   min-width :320px;
333
 }
334
.content {
335
  padding: 1em;
336
  width: 85%;
337
  min-width :320px;
338
}
339
div.dev-info {
340
   background :#DDDDDD;
341
   max-width: 85%;
342
   overflow :auto;
343
   height :auto;
344
   white-space :normal;
345
   margin : 0 auto 10px;
346
   position :relative;
347

    
348
}
349
div.dev-info div span {
350
   margin-bottom :1px;
351

    
352
}
353

    
354
.settings_table, .tool_table {
355
   text-align :left;
356
   vertical-align :top;
357
   width :95%;
358
}
359

    
360
input.save,
361
input.reset { 
362
width: auto;
363
 }
364
.content input {
365
  font-size: 100%;
366
}
367
.msg-box { text-align :left; }
368

    
369
.permission_box { 
370
   width :95%;
371
   border :2px solid #ddd;
372
 }
373
.permission_box caption { 
374
   text-align : center;
375
   line-height : 30px;
376
   font-weight :bold;
377
 }
378
.permission_box th { 
379
   text-align :left;
380
   background :#d2e8e8;
381
 }
382
.permission_box th { 
383
   text-align :left;
384
 }
385
.permission_box td label { 
386
   text-align :left;
387
   vertical-align : text-top;
388
   font-size :98%;
389
 }
390
textarea { font-size :100%; }
391

    
392
.setting_value label { 
393
   text-align :left;
394
   vertical-align : text-top;
395
   font-size :98%;
396
 }
397
/* header horizontal navigation */  
398
div.hmenu {
399
   background : #486991 url(images/menu.png);
400
   line-height : 3em;
401
   margin : 0px auto;
402
   font-size :96%;
403
   text-align :left;
404
   width :100%;
405
}
406
   div.hmenu ul {
407
   color :#ffffff;
408
   margin : 0px auto;
409
   display :block;
410
   padding :0;
411
   list-style-position :outside;
412
}
413
	   div.hmenu * a { color :#ffffff; text-decoration :none; }	
414
   div.hmenu ul li {
415
   color :#ffffff;
416
   display :inline;
417
   padding :10px 0px;
418
}
419
   div.hmenu ul li a {
420
   color :#ffffff;
421
   display :inline;
422
   height :2em;
423
   padding :10px 5px;
424
   font-weight :normal;
425
   background :transparent;
426
} 
427
   div.hmenu ul li a.active,
428
   div.hmenu ul li a.current {
429
   color :#ffffff;
430
   background : transparent url(images/menuo.png) repeat-x;
431
}
432
   div.hmenu ul li:hover,
433
   div.hmenu ul li a:hover {
434
   color :#ffffff;
435
   background : transparent url(images/menuo.png) repeat-x;
436
} 
437
.main { 
438
   width :auto;
439
   min-/width :320px;
440
   max-width :87em;
441
   border :0px solid #000000;
442
   margin : 0px auto;
443
   padding :0px;
444
 }
445

    
446
.header { 
447
   width :85%;
448
 }   
449
 .footer {
450
   width :85%;
451
   margin :15px auto;
452
}
453
.logo { 
454
   width :278px;
455
   padding-right :20px;
456
 }  
457
.version {
458
   margin :15px auto;
459
   float :right;
460
}   
461
 .topnav { 
462
    margin : 0 auto;
463
    text-align :center;
464
 }   
465
 div.msg-box.center { 
466
    margin : 0 auto;
467
    text-align :center;
468
 }   
469
.pages_list table td, table.pages_view td {
470
   padding :3px;
471
   font-size :150%;
472
}
(8-8/10)