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_notice.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-1 th, fieldset .group-header-2 th {
 305     padding-left: 1em;
 306 }
 307
 308 fieldset .group-field-2 th, fieldset .group-header-3 th {
 309     padding-left: 2em;
 310 }
 311
 312 fieldset .group-field-3 th {
 313     padding-left: 3em;
 314 }
 315
 316 fieldset .lastrow, .form .lastrow {
 317     background: #F7FBFF;
 318     padding: 0.5em;
 319     text-align: center;
 320 }
 321
 322 fieldset .lastrow input, .form .lastrow input {
 323     font-weight: bold;
 324 }
 325
 326 /* simple form, without header and legend */
 327
 328 fieldset.simple {
 329     border-top-color: #DEE1FF;
 330 }
 331
 332 fieldset.simple legend {
 333     display: none;
 334 }
 335
 336 fieldset.simple th, fieldset.simple td {
 337     border-top: none;
 338     border-bottom: 1px #555 dotted;
 339 }
 340
 341 fieldset.simple .lastrow {
 342     border: 0;
 343 }
 344
 345 /* form elements */
 346
 347 span.checkbox {
 348     padding: 2px;
 349     display: inline-block;
 350 }
 351
 352 .custom { /* customized field */
 353     background: #FFC;
 354 }
 355
 356 .checkbox.custom {
 357     padding: 1px;
 358     border: 1px #EDEC90 solid;
 359 }
 360
 361 .field-error {
 362     border-color: #C11 !important;
 363 }
 364
 365 input[type="text"], select, textarea {
 366     border: 1px #A7A6AA solid;
 367 }
 368
 369 input[type="text"]:focus, select:focus, textarea:focus {
 370     border: 1px #6676FF solid;
 371     background: #F7FBFF;
 372 }
 373
 374 .field-comment {
 375
 376     position: relative;
 377 }
 378
 379 .field-comment-mark {
 380     cursor: help;
 381     padding: 0 0.2em;
 382     font-weight: bold;
 383     font-style: italic;
 384 }
 385
 386 .field-comment-warning {
 387     color: #A00;
 388 }
 389
 390 .green { /* default form button */
 391     color: #080;
 392 }
 393
 394 table.datatable {
 395     margin: 0.5em 0 1em;
 396 }
 397
 398 table.datatable th {
 399     padding: 0 1em 0 0.5em;
 400     border-bottom: 2px #66F solid;
 401     text-align: left;
 402 }
 403
 404 table.datatable td {
 405     padding: 1px 0.5em;
 406     border-bottom: 1px #DEE1FF solid;
 407 }
 408
 409 /* textarea with config file's contents */
 410
 411 #textconfig {
 412     width: 100%;
 413     border: 0;
 414 }
 415
 416 /* error list */
 417
 418 dd {
 419     margin-left: 0.5em;
 420 }
 421
 422 dd:before {
 423     content: "\25B8  ";
 424 }
 425
 426 /* links on failed validation page, when saving a form */
 427
 428 a.btn {
 429     padding: 1px 5px;
 430     text-decoration: none;
 431     background: #E2E8FF;
 432     border: 1px #A6C8FF solid;
 433     border-top-color: #AFD0FF;
 434     border-left-color: #AFD0FF;
 435     font-weight: bold;
 436 }
 437
 438 a.btn:hover, a.btn:active {
 439     background: #E6F5FF;
 440     color: #004C96;
 441 }