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 /* forms */
 199
 200 fieldset {
 201     padding: 0;
 202     margin-top: 1em;
 203     border: 2px #DEE1FF solid;
 204     background: #DEE1FF;
 205 }
 206
 207 .form {
 208     border: 2px #DEE1FF solid;
 209 }
 210
 211 fieldset legend {
 212     margin-left: 1em;
 213     padding: 2px 8px;
 214     font-weight: bold;
 215     background: #F7FBFF;
 216     border: 1px #9AA4FF solid;
 217 }
 218
 219 fieldset p {
 220     margin: 0;
 221     padding: 0.5em;
 222     background: #DEE1FF;
 223 }
 224
 225 fieldset .errors { /* form error list */
 226     margin: 0 -2px 1em -2px;
 227     padding: 0.5em 1.5em;
 228     background: #FBEAD9;
 229     border: 1px #C83838 solid;
 230     border-width: 1px 0;
 231     list-style: none;
 232     font-family: sans-serif;
 233     font-size: small;
 234 }
 235
 236 fieldset .inline_errors { /* field error list */
 237     margin: 0.3em 0.3em 0.3em 0;
 238     padding: 0;
 239     list-style: none;
 240     color: #9A0000;
 241         font-size: small;
 242 }
 243
 244 fieldset table {
 245     background: #FFF;
 246 }
 247
 248 fieldset th {
 249     width: 40%;
 250     min-width: 350px;
 251     padding: 0.3em 0.3em 0.3em 0.5em;
 252     text-align: left;
 253     vertical-align: top;
 254 }
 255
 256 fieldset th small {
 257     display: block;
 258 }
 259
 260 fieldset .doc {
 261     margin-left: 1em;
 262 }
 263
 264 fieldset td {
 265     padding-top: 0.3em;
 266     vertical-align: top;
 267 }
 268
 269 fieldset th small {
 270     font-weight: normal;
 271     font-family: sans-serif;
 272     font-size: x-small;
 273     color: #666;
 274 }
 275
 276 fieldset th, fieldset td {
 277     border-top: 1px #555 dotted;
 278 }
 279
 280 fieldset .lastrow, .form .lastrow {
 281     background: #F7FBFF;
 282     padding: 0.5em;
 283     text-align: center;
 284 }
 285
 286 .form .lastrow {
 287     border-top: 1px #555 dotted;
 288 }
 289
 290 fieldset .lastrow input, .form .lastrow input {
 291     font-weight: bold;
 292 }
 293
 294 /* simple form, without header and legend */
 295
 296 fieldset.simple {
 297     border-top-color: #DEE1FF;
 298 }
 299
 300 fieldset.simple legend {
 301     display: none;
 302 }
 303
 304 fieldset.simple th, fieldset.simple td {
 305     border-top: none;
 306     border-bottom: 1px #555 dotted;
 307 }
 308
 309 fieldset.simple .lastrow {
 310     border: 0;
 311 }
 312
 313 /* form elements */
 314
 315 span.checkbox {
 316     padding: 2px;
 317 }
 318
 319 .custom { /* customized field */
 320     background: #FFC;
 321 }
 322
 323 span.checkbox.custom {
 324     padding: 1px;
 325     border: 1px #EDEC90 solid;
 326     background: #FFC;
 327 }
 328
 329 input[type="text"], select, textarea {
 330     border: 1px #A7A6AA solid;
 331 }
 332
 333 input[type="text"]:focus, select:focus, textarea:focus {
 334     border: 1px #6676FF solid;
 335     background: #F7FBFF;
 336 }
 337
 338 .green { /* default form button */
 339     color: #080;
 340 }
 341
 342 table.datatable {
 343     margin: 0.5em 0 1em;
 344 }
 345
 346 table.datatable th {
 347     padding: 0 1em 0 0.5em;
 348     border-bottom: 2px #66F solid;
 349     text-align: left;
 350 }
 351
 352 table.datatable td {
 353     padding: 1px 0.5em;
 354     border-bottom: 1px #DEE1FF solid;
 355 }
 356
 357 /* textarea with config file's contents */
 358
 359 #textconfig {
 360     width: 100%;
 361     border: 0;
 362 }
 363
 364 /* error list */
 365
 366 dd {
 367     margin-left: 0.5em;
 368 }
 369
 370 dd:before {
 371     content: "\25B8  ";
 372 }
 373
 374 /* links on failed validation page, when saving a form */
 375
 376 a.btn {
 377     padding: 1px 5px;
 378     text-decoration: none;
 379     background: #E2E8FF;
 380     border: 1px #A6C8FF solid;
 381     border-top-color: #AFD0FF;
 382     border-left-color: #AFD0FF;
 383     font-weight: bold;
 384 }
 385
 386 a.btn:hover, a.btn:active {
 387     background: #E6F5FF;
 388     color: #004C96;
 389 }