Revision 1777
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 :4px; width : 75%; overflow :hidden; }
|
|
7 |
.td { clear :both; font-size :1.0em; margin :0 auto; text-align :center; width : 99%; }
|
|
6 |
div.main { border :0px none #666666; margin :0px auto 1em auto; min-width :60em; max-width :90em; font-size :1.0em; padding : 15px; width : 78%; overflow :hidden; }
|
|
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; } |
10 | 10 |
.content { padding :10px; text-align :left; overflow :hidden; } |
... | ... | |
50 | 50 |
.spacer { line-height :1em; margin-right :0.5em; position :relative; } |
51 | 51 |
/* ************************************************************************** */ |
52 | 52 |
/* DIV-mbox to show selector or simply content only ************************* */ |
53 |
div.mbox { |
|
54 |
padding : 5px 10px; |
|
55 |
margin : 5px auto; |
|
56 |
background-color :#ffffff; |
|
57 |
color :#330033; |
|
58 |
font-size :1em; |
|
59 |
display :block; |
|
60 |
} |
|
53 |
div.mbox { padding :5px 10px; margin :5px auto; background-color :#ffffff; color :#330033; font-size :1em; display :block; } |
|
61 | 54 |
div.mbox div { } |
62 | 55 |
div.mbox div a { font-size :1em; color :#0052a1; } |
63 | 56 |
div.mbox div a:hover { color :#0099ff; } |
... | ... | |
65 | 58 |
div.mbox div p { margin :0; padding :0 0 0.6em 0; } |
66 | 59 |
div.mbox:hover { } |
67 | 60 |
/* extension for mbox to show additional icons on left side ***************** */ |
68 |
div.mbox-icon { |
|
69 |
background-repeat :no-repeat; |
|
70 |
background-image :url(icons/info_50.png); |
|
71 |
background-position :15px 50%; |
|
72 |
padding : 10px 5px; |
|
73 |
min-height :25px; |
|
74 |
} |
|
75 |
div.mbox-icon div { |
|
76 |
margin-left :70px; |
|
77 |
border-left :0px outset; |
|
78 |
padding-left :5px; |
|
79 |
} |
|
61 |
div.mbox-icon { background-repeat :no-repeat; background-image :url(icons/info_50.png); background-position :15px 50%; padding :10px 5px; min-height :25px; } |
|
62 |
div.mbox-icon div { margin-left :70px; border-left :0px outset; padding-left :5px; } |
|
80 | 63 |
div.mbox-icon16 { background-repeat :no-repeat; background-image :url(icons/info_16.png); background-position :5px 50%; padding :5px; min-height :10px; } |
81 | 64 |
div.mbox-icon16 div { margin-left :30px; border-left :4px outset; padding-left :5px; } |
82 | 65 |
/* coloring of the mbox and other boxes also ******************************** */ |
... | ... | |
116 | 99 |
.left{ text-align :left; } |
117 | 100 |
.hide, .none { display :none; height :0; } |
118 | 101 |
#hide1, #hide2, #hide3 { display :none; } |
119 |
.right{ text-align :right; } |
|
120 |
.rBold{ text-align :right; font-weight :bold; } |
|
102 |
.right{ text-align :right; vertical-align :middle; } |
|
103 |
.rBold{ text-align :right; font-weight :bold; vertical-align :middle; } |
|
104 |
.rightTop{ text-align :right; vertical-align : top; } |
|
121 | 105 |
.bold{ font-weight :bold; } |
122 | 106 |
.grey { color :#999999; } |
123 | 107 |
.row_0 { background-color :#fff; } |
... | ... | |
143 | 127 |
/* new tablelayout without table attribute */ |
144 | 128 |
div.settings_table { margin :0 auto; width :90%; } |
145 | 129 |
form.settings_table { border :1px none #eeee; font-family :verdana,arial,helvetica,sans-serif; margin :5px auto; padding :5px; } |
146 |
form.settings_table fieldset { border :1px none #eeeeee; display :block; line-height :1.0em; margin-bottom :1px; padding :3px 0px 3px 0px; }
|
|
130 |
form.settings_table fieldset { border :1px none #eeeeee; display :block; line-height :1.0em; margin :1px auto; padding :3px 0px 3px 0px; }
|
|
147 | 131 |
form input[type="file"] { width :80%; border :1px solid black; background-color :#ccccff; } |
148 | 132 |
legend.settings_table , |
149 |
form.settings_table legend { border :none; color :#006699; font-size :140%; margin :1em; padding :0; } |
|
133 |
form.settings_table legend { |
|
134 |
border :none; |
|
135 |
color :#006699; |
|
136 |
font-size :140%; |
|
137 |
margin :5px; |
|
138 |
padding :0; |
|
139 |
} |
|
150 | 140 |
form.settings_table div.sub-row { background-color :transparent !important; background-color :#eeeeee; } |
151 | 141 |
form.settings_table label { text-align :right; margin : 1px auto; } |
152 |
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%; } |
|
153 |
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%; } |
|
142 |
form.settings_table label.setting_name { |
|
143 |
clear :left; |
|
144 |
color :#333333; |
|
145 |
vertical-align :top; |
|
146 |
display :block; |
|
147 |
margin :3px auto; |
|
148 |
min-height :1.6em; |
|
149 |
float :left; |
|
150 |
padding-right :5px; |
|
151 |
width :30%; |
|
152 |
} |
|
153 |
form.settings_table fieldset div.input { |
|
154 |
padding :0; |
|
155 |
margin :0 auto; |
|
156 |
vertical-align :top; |
|
157 |
overflow :hidden; |
|
158 |
display :inline; |
|
159 |
line-height :2em; |
|
160 |
min-height :1em; |
|
161 |
list-style-type :none; |
|
162 |
width :60%; |
|
163 |
} |
|
154 | 164 |
form.settings_table fieldset div.input input.radio { margin :0.8em auto; border :none; padding-left :6px; } |
155 |
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; } |
|
165 |
form.settings_table fieldset div.input label { |
|
166 |
margin :6px auto; |
|
167 |
padding-left :6px; |
|
168 |
min-height :1em; |
|
169 |
width :35%; |
|
170 |
float :none; |
|
171 |
display :inline; |
|
172 |
vertical-align :top; |
|
173 |
} |
|
156 | 174 |
form.settings_table input[type="text"], |
157 |
form.settings_table input[type="password"] { border :1px solid #666666; margin : 0px auto; padding-left : 5px; width :72%; } |
|
175 |
form.settings_table input[type="password"] { |
|
176 |
border :1px solid #666666; |
|
177 |
margin :0px auto; |
|
178 |
padding-left :5px; |
|
179 |
width : 59%; |
|
180 |
} |
|
158 | 181 |
form.settings_table input.radio { border :1px none #666666; margin :0px auto; padding-left :0.5em; height :1em; } |
159 |
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%; } |
|
160 |
form.settings_table textarea { border :1px solid #666666; margin :3px auto; padding-left :0.5em; min-height :1em; width :72%; } |
|
161 |
form.settings_table select { border :1px solid #666666; margin :3px auto; padding-left :0.5em; min-height :1em; width :73%; } |
|
182 |
form.settings_table input[type="button"].button { |
|
183 |
border :1px solid #666666; |
|
184 |
color :#000000; |
|
185 |
text-align :left; |
|
186 |
font-weight :bold; |
|
187 |
background-color :#dddddd; |
|
188 |
margin :2px auto; |
|
189 |
padding :2px 0px 2px 6px; |
|
190 |
width :60%; |
|
191 |
} |
|
192 |
form.settings_table textarea { |
|
193 |
border :1px solid #666666; |
|
194 |
margin :3px auto; |
|
195 |
padding-left :0.5em; |
|
196 |
min-height :1em; |
|
197 |
width :60%; |
|
198 |
} |
|
199 |
form.settings_table select { |
|
200 |
border :1px solid #666666; |
|
201 |
margin :3px auto; |
|
202 |
padding-left :0.5em; |
|
203 |
min-height :1em; |
|
204 |
width :60%; |
|
205 |
} |
|
162 | 206 |
/* */ |
163 | 207 |
div.content_box form { } |
164 | 208 |
div.sub-row { background-color :#eeeeee; margin : 1px auto; overflow :hidden; padding :0; } |
Also available in: Unified diff
+ add methode StripCodeFromText in class.wb to clean injection
! rebranding the admin/settings and security fixes
! a few new styling in backend wb_theme
! beginning aa lot of account changes like correction of $_SESSION indexe, security fixes
+ add head.load.min.js and head.min.js to /include/jquery/ to style HTML5 templates