| 1 |
1678
|
Luisehahne
|
* 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 |
|
|
}
|