Revision 1529
Added by Dietmar over 12 years ago
theme.css | ||
---|---|---|
1 |
* html div{ height :1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorers 6 *//* Workaround gegen den 3-Pixel-Bug des Internet Explorers 6 */ }
|
|
1 |
* html div{ height :1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorers 6 */ } |
|
2 | 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 | 3 |
body{ margin :0 auto; padding :0px; background :#a8bccb; text-align :left; font-size :0.8em; } |
4 | 4 |
body { background-color :#a8bccb; background-repeat :repeat-x; } |
5 |
|
|
6 |
td,th,input,textarea { |
|
7 |
color :#000000; |
|
8 |
font-size :1.0em; |
|
9 |
font-family :Verdana, Arial, Helvetica, sans-serif; |
|
10 |
} |
|
5 |
td,th,input,textarea { color :#000000; font-size :1.0em; font-family :Verdana, Arial, Helvetica, sans-serif; } |
|
11 | 6 |
textarea { font-size :1em; } |
12 |
img { border: 0px; }
|
|
13 |
form { margin: 0; }
|
|
14 |
hr { margin: 1em auto; color: #003366; height: 1px; }
|
|
15 |
h1 { color: #000000; font-size: 1.8em; text-align: center; text-transform: uppercase; }
|
|
16 |
h2 { margin: 0.5em 0px 0.5em 0px; color: #336699; font-size: 1.5em; }
|
|
7 |
img { border :0px; }
|
|
8 |
form { margin :0; }
|
|
9 |
hr { margin :1em auto; color :#003366; height :1px; }
|
|
10 |
h1 { color :#000000; font-size :1.8em; text-align :center; text-transform :uppercase; }
|
|
11 |
h2 { margin :0.5em 0px 0.5em 0px; color :#336699; font-size :1.5em; }
|
|
17 | 12 |
h2 { font-family :arial,sans-serif; letter-spacing :-1px; margin :0.5em 0; text-align :left; } |
18 |
h4 { margin: 0; border-bottom: 1px solid #DDD; padding-bottom: 5px; } |
|
19 |
a h3 { margin: 0; font-size :1.1em; padding-bottom: 2px; } |
|
20 |
li p { margin: 0.5em 0; } |
|
21 |
a:link, a:visited, a:active { color: #003366; text-decoration: none; } |
|
22 |
a:hover { color: #336699; text-decoration: none; } |
|
23 |
ul, li { margin: 0; padding: 0; list-style: none; } |
|
24 |
.current a, .current a:link, .current a:active, .current a:visited { background: #fff url(images/menuo.png); background-repeat: repeat-x; color: #fff; } |
|
25 |
label { cursor: pointer; } |
|
26 |
input:focus, input:active, select:focus, textarea:focus { background: #F1F8FD; } |
|
27 |
iframe { border: 1px solid #35373a; } |
|
28 |
div.box { width: 100%; margin: -10px 0 0 0; font-size: small; text-align: right; } |
|
29 |
.header { width: 900px; margin: 0 auto; } |
|
30 |
.container { width: 85%; margin: 0 auto; background: #fff url(images/bgtitle.png); background-repeat: repeat-x; } |
|
31 |
.content { padding: 1.6em; margin: 0 auto; min-height: 300px; vertical-align: top; } |
|
32 |
|
|
33 |
#content_container {text-align:center;width:900px;clear:both;margin:0 auto;} |
|
34 |
|
|
35 |
.description { width: 240px; padding: 0px 0px 0px 3px; text-align: left; vertical-align: top; } |
|
36 |
.graphic { width: 50px; border: 4px solid #FDFDFD; padding-left: 3px; height: 50px; } |
|
37 |
.graphic img { padding: 3px 12px 3px 3px; margin-right: 12px; border-right: 3px solid silver; background-color: #FFFFFF; vertical-align: middle; } |
|
38 |
.menu { margin: 0; padding: 0; padding-top: 8px; padding-bottom: 10px; padding-left: 8px; background: #000 url(images/menu.png); background-repeat: repeat-x; } |
|
39 |
.menu li { padding-right: 1px; list-style-type: none; display: inline; } |
|
40 |
.menu a, .menu a:link, .menu a:active, .menu a:visited { border-bottom: 0; padding: 7px 11px 9px 11px; color: #fff; } |
|
41 |
.menu a:hover { color: #fff; background: #fff url(images/menuo.png); background-repeat: repeat-x; text-decoration: none; } |
|
42 |
.note { color: #666666; font-size: 10px; } |
|
43 |
div .pages_list { |
|
44 |
width :100%; |
|
45 |
font-size :0.7em; |
|
46 |
} |
|
47 |
.pages_list .icon_col td img { border-style: none; float: left; padding-right: 7px; display: block; } |
|
48 |
.pages_list table { width: 100%; margin: 0 auto; background-color: #DCDCDC; } |
|
49 |
.pages_list ul { margin: 0; padding: 0px; font-weight: normal; } |
|
50 |
.pages_list ul li { margin: 2px 0; padding: 0px; list-style-type: none; } |
|
51 |
.page_list_show li { display: block; } |
|
52 |
img.page_list_rights { border: none; margin-right: 5px; float: left; margin-top: 2px; margin-bottom: 2px; } |
|
53 |
.content input { font-size: 12px; } |
|
54 |
|
|
55 |
.section { margin-top :10px; padding :0px; font-size :1em; width :100%; background-color :#FDFDFD; height :75px; } |
|
56 |
.sections_header { width: 100%; margin-bottom: 10px; border: none; background-color: #F0F0F0; height: 50px; } |
|
57 |
.sections_header td { padding: 5px; } |
|
58 |
.setting_name { width: 20%; } |
|
59 |
.setting_value { width: 90%; } |
|
60 |
.setting_value textarea { height: 50px; } |
|
61 |
.title { width: 90%; padding: 4px 0px 0px 3px; color: #003366; font-weight: bold; font-size: 14px; text-align: left; height: 16px; } |
|
62 |
.tool_table ul { margin: 0; padding: 0; margin-left: 20px; margin-bottom: 2px; } |
|
63 |
.tool_table li { padding: 1px; list-style-type: disc; } |
|
13 |
h4 { margin :0; border-bottom :1px solid #dddddd; padding-bottom :5px; } |
|
14 |
a h3 { margin :0; font-size :1.1em; padding-bottom :2px; } |
|
15 |
li p { margin :0.5em 0; } |
|
16 |
a:link, a:visited, a:active { color :#003366; text-decoration :none; } |
|
17 |
a:hover { color :#336699; text-decoration :none; } |
|
18 |
ul, li { margin :0; padding :0; list-style :none; } |
|
19 |
.current a, .current a:link, .current a:active, .current a:visited { background :url(images/menuo.png) #ffffff; background-repeat :repeat-x; color :#ffffff; } |
|
20 |
label { cursor :pointer; } |
|
21 |
input:focus, input:active, select:focus, textarea:focus { background :#f1f8fd; } |
|
22 |
iframe { border :1px solid #35373a; } |
|
23 |
div.box { width :100%; margin :-10px 0 0 0; font-size :small; text-align :right; } |
|
24 |
.header { width :900px; margin :0 auto; } |
|
25 |
.container { width :85%; margin :0 auto; background :url(images/bgtitle.png) #ffffff; background-repeat :repeat-x; } |
|
26 |
.content { padding :1.6em; margin :0 auto; min-height :300px; vertical-align :top; } |
|
27 |
#content_container { text-align :center; width :900px; clear :both; margin :0 auto; } |
|
28 |
#admintools li { display :inline; float :left; list-style-type :none; margin :0 10px 0 0; width :48%; } |
|
29 |
.description { padding :4px 4px 0 4px; text-align :left; vertical-align :top; } |
|
30 |
.graphic { border :4px solid #fdfdfd; height :50px; padding-left :3px; width :50px; } |
|
31 |
.graphic img { background-color :#ffffff; border :1px solid #d0d0d0; padding :4px; vertical-align :middle; } |
|
32 |
.menu { margin :0; padding :0; padding-top :8px; padding-bottom :10px; padding-left :8px; background :url(images/menu.png) #000000; background-repeat :repeat-x; } |
|
33 |
.menu li { padding-right :1px; list-style-type :none; display :inline; } |
|
34 |
.menu a, .menu a:link, .menu a:active, .menu a:visited { border-bottom :0; padding :7px 11px 9px 11px; color :#ffffff; } |
|
35 |
.menu a:hover { color :#ffffff; background :url(images/menuo.png) #ffffff; background-repeat :repeat-x; text-decoration :none; } |
|
36 |
.note { color :#666666; font-size :10px; } |
|
37 |
div .pages_list { width :100%; font-size :0.7em; } |
|
38 |
.pages_list .icon_col td img { border-style :none; float :left; padding-right :7px; display :block; } |
|
39 |
.pages_list table { width :100%; margin :0 auto; background-color :#dcdcdc; } |
|
40 |
.pages_list ul { margin :0; padding :0px; font-weight :normal; } |
|
41 |
.pages_list ul li { margin :2px 0; padding :0px; list-style-type :none; } |
|
42 |
.page_list_show li { display :block; } |
|
43 |
img.page_list_rights { border :none; margin-right :5px; float :left; margin-top :2px; margin-bottom :2px; } |
|
44 |
.content input { font-size :12px; } |
|
45 |
.section { margin-top :10px; padding :0px; border :1px solid #999999; font-size :1em; width :100%; background-color :#fdfdfd; height :75px; } |
|
46 |
.sections_header { width :100%; margin-bottom :10px; border :none; background-color :#f0f0f0; height :50px; } |
|
47 |
.sections_header td { padding :5px; } |
|
48 |
.setting_name { width :20%; } |
|
49 |
.setting_value { width :90%; } |
|
50 |
.setting_value textarea { height :50px; } |
|
51 |
.title { width :90%; padding :3px 5px 0px 0px; color :#003366; font-weight :bold; font-size :14px; text-align :left; height :16px; } |
|
52 |
.tool_table ul { margin :0; padding :0; margin-left :20px; margin-bottom :2px; } |
|
53 |
.tool_table li { padding :1px; list-style-type :disc; } |
|
64 | 54 |
/* CSS STYLES FOR THE PAGES SECTION */ |
65 |
table.pages_view { width :100%; margin :0 auto; border :0; background-color :#ECF3F7; border-spacing :0px; }
|
|
66 |
table.pages_view tr:hover { background-color: #F1F8DD; }
|
|
55 |
table.pages_view { width :100%; margin :0 auto; border :0; background-color :#ecf3f7; border-spacing :0px; }
|
|
56 |
table.pages_view tr:hover { background-color :#f1f8dd; }
|
|
67 | 57 |
/* FORMS */ |
68 |
.submit, .cancel { width: 100px; margin-top: 5px; }
|
|
69 |
.form_submit .right { text-align: right; }
|
|
70 |
.input_small { width: 20px; }
|
|
71 |
.input_normal { width: 120px; }
|
|
72 |
.input_medium { width: 150px; }
|
|
73 |
.input_wide { width: 200px; }
|
|
74 |
.input_large { width: 300px; }
|
|
75 |
select option.disabled { color: #aaa; }
|
|
76 |
.jsadmin_drag img { padding: 3px 0; margin-top: 1px; vertical-align: top; cursor: pointer; }
|
|
77 |
.modify_link { padding-top: 4px; display: inline; vertical-align: middle; }
|
|
78 |
.header_list_page_id { width: 30px; padding-right: 15px; text-align: right; }
|
|
79 |
.header_list_actions { width: 150px; text-align: left; }
|
|
80 |
.list_actions { width: 20px; text-align: left; }
|
|
81 |
.sections_list { padding-left: 10px; font-weight: bold; }
|
|
82 |
.header_list_block { width: 180px; text-align: left; }
|
|
83 |
.header_list_sections_actions { width: 30px; text-align: left; }
|
|
84 |
.value_page_code { width: 240px; color: #006400; font-weight: 400; }
|
|
58 |
.submit, .cancel { width :100px; margin-top :5px; }
|
|
59 |
.form_submit .right { text-align :right; }
|
|
60 |
.input_small { width :20px; }
|
|
61 |
.input_normal { width :120px; }
|
|
62 |
.input_medium { width :150px; }
|
|
63 |
.input_wide { width :200px; }
|
|
64 |
.input_large { width :300px; }
|
|
65 |
select option.disabled { color :#aaaaaa; }
|
|
66 |
.jsadmin_drag img { padding :3px 0; margin-top :1px; vertical-align :top; cursor :pointer; }
|
|
67 |
.modify_link { padding-top :4px; display :inline; vertical-align :middle; }
|
|
68 |
.header_list_page_id { width :30px; padding-right :15px; text-align :right; }
|
|
69 |
.header_list_actions { width :150px; text-align :left; }
|
|
70 |
.list_actions { width :20px; text-align :left; }
|
|
71 |
.sections_list { padding-left :10px; font-weight :bold; }
|
|
72 |
.header_list_block { width :180px; text-align :left; }
|
|
73 |
.header_list_sections_actions { width :30px; text-align :left; }
|
|
74 |
.value_page_code { width :240px; color :#006400; font-weight :400; }
|
|
85 | 75 |
/* Ende */ |
86 |
.pages_list table td, table.pages_view td { padding: 3px; }
|
|
87 |
.save, .reset, .input_narrow { width: 100px; }
|
|
88 |
.settings_table td, .tool_table td { text-align: left; vertical-align: top; }
|
|
89 |
#file_mode input, #dir_mode input { width: 12px; height: 12px; }
|
|
90 |
#hide2, .hide, .page_list { display: none; }
|
|
91 |
.header_list_page_title, .list_page_title { width: 300px; text-align: left; }
|
|
92 |
.list_section_id, .list_page_id, .header_list_section_id { width: 2em; text-align: right; }
|
|
93 |
.list_page_code, .list_page_language { width: 240px; }
|
|
94 |
.form_submit .left, .header_list_menu_title, .list_menu_title, .header_list_type { text-align: left; }
|
|
95 |
.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%; }
|
|
96 |
.header_list_pubdate_start, .header_list_pubdate_end, .list_pubdate_start, .list_pubdate_end { width: 200px; text-align: left; }
|
|
97 |
.right{ text-align: right; }
|
|
98 |
.left{ text-align: left; }
|
|
76 |
.pages_list table td, table.pages_view td { padding :3px; }
|
|
77 |
.save, .reset, .input_narrow { width :100px; }
|
|
78 |
.settings_table td, .tool_table td { text-align :left; vertical-align :top; }
|
|
79 |
#file_mode input, #dir_mode input { width :12px; height :12px; }
|
|
80 |
#hide2, .hide, .page_list { display :none; }
|
|
81 |
.header_list_page_title, .list_page_title { width :300px; text-align :left; }
|
|
82 |
.list_section_id, .list_page_id, .header_list_section_id { width :2em; text-align :right; }
|
|
83 |
.list_page_code, .list_page_language { width :240px; }
|
|
84 |
.form_submit .left, .header_list_menu_title, .list_menu_title, .header_list_type { text-align :left; }
|
|
85 |
.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%; }
|
|
86 |
.header_list_pubdate_start, .header_list_pubdate_end, .list_pubdate_start, .list_pubdate_end { width :200px; text-align :left; }
|
|
87 |
.right{ text-align :right; }
|
|
88 |
.left{ text-align :left; }
|
|
99 | 89 |
/* set div layers in dead tables */ |
100 |
.subcolumns {width:100%;overflow:hidden;margin:10px 0;} |
|
101 |
.subcolumns_oldgecko {width:100%;float:left;margin:10px 0;} |
|
102 |
|
|
103 |
.c10l, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float: left; } |
|
104 |
.c10r, .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float: right; margin-left: -5px; } |
|
105 |
|
|
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 |
|
|
120 |
.c80l, .c80r, .c90l, .c90r { width: 80%; } |
|
121 |
.c75l, .c75r, .c80l, .c80r { width: 75%; } |
|
122 |
|
|
123 |
.info { padding: 10px; margin-bottom: 0.5em; background: #f8f8f8; color: #666; font-size: 91.7%; } |
|
124 |
.note { border: 2px #484 solid; padding: 10px;margin: 10px auto; background: #efe; color: #040; } |
|
125 |
.important { border: 2px #884 solid; padding: 10px; margin-bottom: 1em; background: #ffe; color: #440; } |
|
126 |
.warning { border: 2px #844 solid; padding: 10px; margin-bottom: 1em; background: #fee; color: #400; } |
|
127 |
|
|
128 |
.row_0 { background-color: transparent; } |
|
129 |
.row_1 { background-color: #ccddee; } |
|
130 |
|
|
90 |
.subcolumns { width :100%; overflow :hidden; margin :10px 0; } |
|
91 |
.subcolumns_oldgecko { width :100%; float :left; margin :10px 0; } |
|
92 |
.c10l, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float :left; } |
|
93 |
.c10r, .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float :right; margin-left :-5px; } |
|
94 |
.c10l, .c10r { width :10%; } |
|
95 |
.c20l, .c20r { width :20%; line-height :2em; } |
|
96 |
.c40l, .c40r { width :40%; } |
|
97 |
.c60l, .c60r { width :60%; height :21px; } |
|
98 |
.c25l, .c25r { width :28%; } |
|
99 |
.c33l, .c33r { width :33.333%; } |
|
100 |
.c50l, .c50r { width :50%; } |
|
101 |
.c66l, .c66r { width :66.666%; } |
|
102 |
.c38l, .c38r { width :38.2%; } |
|
103 |
.c62l, .c62r { width :61.8%; } |
|
104 |
.subc { padding :0 0.5em; } |
|
105 |
.subcl { padding :0 1em 0 0; } |
|
106 |
.subcr { padding :0 0 0 1em; } |
|
107 |
.c80l, .c80r, .c90l, .c90r { width :80%; } |
|
108 |
.c75l, .c75r, .c80l, .c80r { width :75%; } |
|
109 |
.info { padding :10px; margin-bottom :0.5em; background :#f8f8f8; color :#666666; font-size :91.7%; } |
|
110 |
.note { border :2px #448844 solid; padding :10px; margin :10px auto; background :#eeffee; color :#004400; } |
|
111 |
.important { border :2px #888844 solid; padding :10px; margin-bottom :1em; background :#ffffee; color :#444400; } |
|
112 |
.warning { border :2px #884444 solid; padding :10px; margin-bottom :1em; background :#ffeeee; color :#440000; } |
|
113 |
.row_0 { background-color :transparent; } |
|
114 |
.row_1 { background-color :#ccddee; } |
|
131 | 115 |
div.content_box { margin :0em auto; } |
132 |
div.content_box form { width: 98%; } |
|
133 |
|
|
116 |
div.content_box form { width :98%; } |
|
134 | 117 |
#language, |
135 | 118 |
#timezone, |
136 | 119 |
#date_format, |
137 |
#time_format { min-width: 250px; } |
|
138 |
|
|
120 |
#time_format { min-width :250px; } |
|
139 | 121 |
#display_name, |
140 | 122 |
#username, |
141 | 123 |
#email, |
142 | 124 |
#new_password_1, |
143 | 125 |
#new_password_2, |
144 |
#current_password { min-width: 250px; } |
|
145 |
|
|
126 |
#current_password { min-width :250px; } |
|
146 | 127 |
#submit, |
147 |
#reset { max-width: 100px; } |
|
148 |
|
|
149 |
div#username { height: 17px; width:118%; background-color: #e9e9e9; min-width:250px; border: 0px groove #6799c4; text-align: left; font-weight:bold; margin:0;} |
|
150 |
.save_section { margin: 20px auto 5px auto; } |
|
151 |
|
|
128 |
#reset { max-width :100px; } |
|
129 |
div#username { height :17px; width :118%; background-color :#e9e9e9; min-width :250px; border :0px groove #6799c4; text-align :left; font-weight :bold; margin :0; } |
|
130 |
.save_section { margin :20px auto 5px auto; } |
|
152 | 131 |
#language, |
153 | 132 |
#timezone, |
154 | 133 |
#date_format, |
... | ... | |
158 | 137 |
#email, |
159 | 138 |
#new_password_1, |
160 | 139 |
#new_password_2, |
161 |
#current_password {width:118%;} |
|
162 |
|
|
163 |
.section-info { margin : 1.5em 0; } |
|
164 |
|
|
140 |
#current_password { width :118%; } |
|
141 |
.section-info { margin :1.5em 0; } |
|
165 | 142 |
.rounded { border-radius :10px; -khtml-border-radius :10px; -webkit-border-radius :10px; -moz-border-radius :10px; } |
166 | 143 |
.bigger { font-size :150%; } |
167 | 144 |
.strong { font-weight :bold; } |
168 |
|
|
169 |
.msg-box { background : #e5ffe6; border :0.2em #009900 solid; color :#336600; margin-bottom :1em; padding :0.63em; text-align :center; } |
|
170 |
.error-box { background :#fee; border :0.2em #844 solid; color :#400; margin-bottom :1em; padding :0.63em; text-align :center; } |
|
145 |
.msg-box { background :#e5ffe6; border :0.2em #009900 solid; color :#336600; margin-bottom :1em; padding :0.63em; text-align :center; } |
|
146 |
.error-box { background :#ffeeee; border :0.2em #884444 solid; color :#440000; margin-bottom :1em; padding :0.63em; text-align :center; } |
|
171 | 147 |
.msg-box p, |
172 | 148 |
.error-box p { font-size :120%; } |
173 |
|
|
174 | 149 |
select > option.user-inactive { color :#990000; } |
175 |
button.status { cursor :pointer; border-radius :5px; -khtml-border-radius :5px; -webkit-border-radius :5px; -moz-border-radius :5px; } |
|
150 |
button.status { cursor :pointer; border-radius :5px; -khtml-border-radius :5px; -webkit-border-radius :5px; -moz-border-radius :5px; } |
Also available in: Unified diff
add new backend theme handling (Tks to Stefek)