setup/styles.css

   1 /* global styles */
   2
   3 body {
   4     padding-bottom: 1em;
   5 }
   6
   7 img {
   8     border: 0;
   9 }
  10
  11 a {
  12     color: #004C96;
  13 }
  14
  15 a:hover, a:active {
  16     color: #000;
  17 }
  18
  19 h1 {
  20     font-size: 1.5em;
  21     font-family: Verdana, Arial, Helvetica, sans-serif;
  22 }
  23
  24 /* language selection box */
  25
  26 #select_lang {
  27     position: absolute;
  28     right: 1em;
  29     top: 1em;
  30 }
  31
  32 /* menu */
  33
  34 #menu {
  35     float: left;
  36     width: 200px;
  37 }
  38
  39 #menu ul {
  40     margin: 1em 1em 1em 0.5em;
  41     padding: 0 0.5em;
  42     list-style: none;
  43 }
  44
  45 #menu li a {
  46     padding: 3px;
  47     font-weight: bold;
  48     display: block;
  49     color: #669;
  50     text-decoration: none;
  51     zoom: 1; /* IE fix */
  52 }
  53
  54 #menu li a:hover, #menu li a:active {
  55     color: #C00;
  56 }
  57
  58 /* page contents and footer layout */
  59
  60 #page {
  61     margin-left: 200px;
  62 }
  63
  64 #footer {
  65     margin-top: 1em;
  66 }
  67
  68 #footer a {
  69     margin-right: 0.5em;
  70     text-decoration: none;
  71     font-size: small;
  72 }
  73
  74 /* phpMyAdmin logo colors */
  75
  76 .blue {
  77     color: #7584B3;
  78 }
  79
  80 .orange {
  81     color: #FFAD17;
  82 }
  83
  84 .red {
  85     color: #C00;
  86 }
  87
  88 /* main page messages */
  89
  90 div.notice, div.warning, div.error {
  91     margin: 0.5em 0;
  92     padding: 10px 10px 10px 36px;
  93     border: 1px solid #000;
  94     background: #FFD url(../themes/original/img/b_tipp.png) no-repeat 10px 0.8em;
  95 }
  96
  97 div.notice h4, div.warning h4, div.error h4 {
  98     font-weight: bold;
  99     font-size: large;
 100     margin: 0 0 0.2em 0;
 101     border-bottom: 1px solid #000;
 102 }
 103
 104 div.notice {
 105     border-color: #FFD700;
 106     background-color: #FFD;
 107     background-image: url(../themes/original/img/s_notice.png);
 108 }
 109
 110 div.notice h4 {
 111     border-color: #FFD700;
 112 }
 113
 114 div.notice[id^=version_check] {
 115     border-color: #002DFF;
 116     background-color: #EEF;
 117 }
 118
 119 div.notice[id^=version_check] h4 {
 120     border-color: #002DFF;
 121 }
 122
 123 div.warning {
 124     border-color: #C00;
 125     background-color: #FFC;
 126     background-image: url(../themes/original/img/s_warn.png);
 127 }
 128
 129 div.warning h4 {
 130     color: #C00;
 131     border-color: #C00;
 132 }
 133
 134 div.error {
 135     border-color: #D00;
 136     background-color: #FFC;
 137     background-image: url(../themes/original/img/s_error.png);
 138 }
 139
 140 div.error h4 {
 141     color: #D00;
 142     border-color: #D00;
 143 }
 144
 145 /* form tabs */
 146
 147 ul.tabs {
 148     margin: 0;
 149     padding: 0 0 7px 0;
 150     list-style: none;
 151     font-weight: bold;
 152 }
 153
 154 ul.tabs li {
 155     float: left;
 156 }
 157
 158 ul.tabs li a {
 159     display: block;
 160     margin: 2px 2px 0;
 161     padding: 2px 8px;
 162     background: #DEE1FF;
 163     white-space: nowrap;
 164     text-decoration: none;
 165     border: 1px #9AA4FF solid;
 166     border-bottom: none;
 167 }
 168
 169 ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li a.active {
 170     margin: 0;
 171     padding: 2px 10px 4px;
 172     background: #F7FBFF;
 173 }
 174
 175 ul.tabs li a:hover, ul.tabs li a:active {
 176     color: #C00;
 177 }
 178
 179 .tabs_contents {
 180     border-top: 2px #66B solid;
 181 }
 182
 183 .tabs_contents fieldset {
 184     margin-top: 0;
 185     border-top: none;
 186 }
 187
 188 .tabs_contents legend {
 189     display: none;
 190 }
 191
 192 /* "restore default value" and "set value: foo" buttons */
 193
 194 .restore-default img, .set-value img {
 195     margin-bottom: -3px;
 196 }
 197
 198 .userprefs-comment {
 199     cursor: help;
 200     float: right;
 201 }
 202
 203 /* forms */
 204
 205 fieldset {
 206     padding: 0;
 207     margin-top: 1em;
 208     border: 2px #DEE1FF solid;
 209     background: #DEE1FF;
 210 }
 211
 212 .form {
 213     border: 2px #DEE1FF solid;
 214 }
 215
 216 fieldset legend {
 217     margin-left: 1em;
 218     padding: 2px 8px;
 219     font-weight: bold;
 220     background: #F7FBFF;
 221     border: 1px #9AA4FF solid;
 222 }
 223
 224 fieldset p {
 225     margin: 0;
 226     padding: 0.5em;
 227     background: #DEE1FF;
 228 }
 229
 230 fieldset .errors { /* form error list */
 231     margin: 0 -2px 1em -2px;
 232     padding: 0.5em 1.5em;
 233     background: #FBEAD9;
 234     border: 1px #C83838 solid;
 235     border-width: 1px 0;
 236     list-style: none;
 237     font-family: sans-serif;
 238     font-size: small;
 239 }
 240
 241 fieldset .inline_errors { /* field error list */
 242     margin: 0.3em 0.3em 0.3em 0;
 243     padding: 0;
 244     list-style: none;
 245     color: #9A0000;
 246         font-size: small;
 247 }
 248
 249 fieldset table {
 250     background: #FFF;
 251 }
 252
 253 fieldset th {
 254     width: 40%;
 255     min-width: 350px;
 256     padding: 0.3em 0.3em 0.3em 0.5em;
 257     text-align: left;
 258     vertical-align: top;
 259 }
 260
 261 fieldset .doc {
 262     margin-left: 1em;
 263 }
 264
 265 fieldset td {
 266     padding-top: 0.3em;
 267     vertical-align: top;
 268 }
 269
 270 fieldset td.userprefs-allow {
 271     padding: 0;
 272     vertical-align: middle;
 273     text-align: center;
 274     width: 3em;
 275 }
 276
 277 fieldset td.userprefs-allow:hover {
 278     cursor: pointer;
 279     background-color: #EEE;
 280 }
 281
 282 fieldset th small {
 283     display: block;
 284     font-weight: normal;
 285     font-family: sans-serif;
 286     font-size: x-small;
 287     color: #666;
 288 }
 289
 290 fieldset th, fieldset td, .form .lastrow {
 291     border-top: 1px #555 dotted;
 292 }
 293
 294 fieldset .group-header th {
 295     background: #EAEDFF;
 296     border: none;
 297 }
 298
 299 fieldset .group-header + tr th, fieldset .group-header + tr td,
 300 fieldset p + table tr:first-child td, fieldset p + table tr:first-child th {
 301     border-top: none;
 302 }
 303
 304 fieldset .group-field th {
 305     padding-left: 1em;
 306 }
 307
 308 fieldset .lastrow, .form .lastrow {
 309     background: #F7FBFF;
 310     padding: 0.5em;
 311     text-align: center;
 312 }
 313
 314 fieldset .lastrow input, .form .lastrow input {
 315     font-weight: bold;
 316 }
 317
 318 /* simple form, without header and legend */
 319
 320 fieldset.simple {
 321     border-top-color: #DEE1FF;
 322 }
 323
 324 fieldset.simple legend {
 325     display: none;
 326 }
 327
 328 fieldset.simple th, fieldset.simple td {
 329     border-top: none;
 330     border-bottom: 1px #555 dotted;
 331 }
 332
 333 fieldset.simple .lastrow {
 334     border: 0;
 335 }
 336
 337 /* form elements */
 338
 339 span.checkbox {
 340     padding: 2px;
 341     display: inline-block;
 342 }
 343
 344 .custom { /* customized field */
 345     background: #FFC;
 346 }
 347
 348 .checkbox.custom {
 349     padding: 1px;
 350     border: 1px #EDEC90 solid;
 351 }
 352
 353 .field-error {
 354     border-color: #C11 !important;
 355 }
 356
 357 input[type="text"], select, textarea {
 358     border: 1px #A7A6AA solid;
 359 }
 360
 361 input[type="text"]:focus, select:focus, textarea:focus {
 362     border: 1px #6676FF solid;
 363     background: #F7FBFF;
 364 }
 365
 366 .field-comment {
 367
 368     position: relative;
 369 }
 370
 371 .field-comment-mark {
 372     cursor: help;
 373     padding: 0 0.2em;
 374     font-weight: bold;
 375     font-style: italic;
 376 }
 377
 378 .field-comment-warning {
 379     color: #A00;
 380 }
 381
 382 .green { /* default form button */
 383     color: #080;
 384 }
 385
 386 table.datatable {
 387     margin: 0.5em 0 1em;
 388 }
 389
 390 table.datatable th {
 391     padding: 0 1em 0 0.5em;
 392     border-bottom: 2px #66F solid;
 393     text-align: left;
 394 }
 395
 396 table.datatable td {
 397     padding: 1px 0.5em;
 398     border-bottom: 1px #DEE1FF solid;
 399 }
 400
 401 /* textarea with config file's contents */
 402
 403 #textconfig {
 404     width: 100%;
 405     border: 0;
 406 }
 407
 408 /* error list */
 409
 410 dd {
 411     margin-left: 0.5em;
 412 }
 413
 414 dd:before {
 415     content: "\25B8  ";
 416 }
 417
 418 /* links on failed validation page, when saving a form */
 419
 420 a.btn {
 421     padding: 1px 5px;
 422     text-decoration: none;
 423     background: #E2E8FF;
 424     border: 1px #A6C8FF solid;
 425     border-top-color: #AFD0FF;
 426     border-left-color: #AFD0FF;
 427     font-weight: bold;
 428 }
 429
 430 a.btn:hover, a.btn:active {
 431     background: #E6F5FF;
 432     color: #004C96;
 433 }