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.warning {
 115     border-color: #C00;
 116     background-color: #FFC;
 117     background-image: url(../themes/original/img/s_warn.png);
 118 }
 119
 120 div.warning h4 {
 121     color: #C00;
 122     border-color: #C00;
 123 }
 124
 125 div.error {
 126     border-color: #D00;
 127     background-color: #FFC;
 128     background-image: url(../themes/original/img/s_error.png);
 129 }
 130
 131 div.error h4 {
 132     color: #D00;
 133     border-color: #D00;
 134 }
 135
 136 /* form tabs */
 137
 138 ul.tabs {
 139     margin: 0;
 140     padding: 0 0 7px 0;
 141     list-style: none;
 142     font-weight: bold;
 143 }
 144
 145 ul.tabs li {
 146     float: left;
 147 }
 148
 149 ul.tabs li a {
 150     display: block;
 151     margin: 2px 2px 0;
 152     padding: 2px 8px;
 153     background: #DEE1FF;
 154     white-space: nowrap;
 155     text-decoration: none;
 156     border: 1px #9AA4FF solid;
 157     border-bottom: none;
 158 }
 159
 160 ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li a.active {
 161     margin: 0;
 162     padding: 2px 10px 4px;
 163     background: #F7FBFF;
 164 }
 165
 166 ul.tabs li a:hover, ul.tabs li a:active {
 167     color: #C00;
 168 }
 169
 170 .tabs_contents {
 171     border-top: 2px #66B solid;
 172 }
 173
 174 .tabs_contents fieldset {
 175     margin-top: 0;
 176     border-top: none;
 177 }
 178
 179 .tabs_contents legend {
 180     display: none;
 181 }
 182
 183 /* "restore default value" and "set value: foo" buttons */
 184
 185 .restore-default img, .set-value img {
 186     margin-bottom: -3px;
 187 }
 188
 189 /* forms */
 190
 191 fieldset {
 192     padding: 0;
 193     margin-top: 1em;
 194     border: 2px #DEE1FF solid;
 195     background: #DEE1FF;
 196 }
 197
 198 .form {
 199     border: 2px #DEE1FF solid;
 200 }
 201
 202 fieldset legend {
 203     margin-left: 1em;
 204     padding: 2px 8px;
 205     font-weight: bold;
 206     background: #F7FBFF;
 207     border: 1px #9AA4FF solid;
 208 }
 209
 210 fieldset p {
 211     margin: 0;
 212     padding: 0.5em;
 213     background: #DEE1FF;
 214 }
 215
 216 fieldset .errors { /* form error list */
 217     margin: 0 -2px 1em -2px;
 218     padding: 0.5em 1.5em;
 219     background: #FBEAD9;
 220     border: 1px #C83838 solid;
 221     border-width: 1px 0;
 222     list-style: none;
 223     font-family: sans-serif;
 224     font-size: small;
 225 }
 226
 227 fieldset .inline_errors { /* field error list */
 228     margin: 0.3em 0.3em 0.3em 0;
 229     padding: 0;
 230     list-style: none;
 231     color: #9A0000;
 232 }
 233
 234 fieldset table {
 235     background: #FFF;
 236 }
 237
 238 fieldset th {
 239     width: 40%;
 240     min-width: 350px;
 241     padding: 0.3em 0.3em 0.3em 0.5em;
 242     text-align: left;
 243     vertical-align: top;
 244 }
 245
 246 fieldset th small {
 247     display: block;
 248 }
 249
 250 fieldset .doc {
 251     margin-left: 1em;
 252 }
 253
 254 fieldset td {
 255     padding-top: 0.3em;
 256     vertical-align: top;
 257 }
 258
 259 fieldset th small {
 260     font-weight: normal;
 261     font-family: sans-serif;
 262     font-size: x-small;
 263     color: #666;
 264 }
 265
 266 fieldset th, fieldset td {
 267     border-top: 1px #555 dotted;
 268 }
 269
 270 fieldset .lastrow, .form .lastrow {
 271     background: #F7FBFF;
 272     padding: 0.5em;
 273     text-align: center;
 274 }
 275
 276 .form .lastrow {
 277     border-top: 1px #555 dotted;
 278 }
 279
 280 fieldset .lastrow input, .form .lastrow input {
 281     font-weight: bold;
 282 }
 283
 284 /* simple form, without header and legend */
 285
 286 fieldset.simple {
 287     border-top-color: #DEE1FF;
 288 }
 289
 290 fieldset.simple legend {
 291     display: none;
 292 }
 293
 294 fieldset.simple th, fieldset.simple td {
 295     border-top: none;
 296     border-bottom: 1px #555 dotted;
 297 }
 298
 299 fieldset.simple .lastrow {
 300     border: 0;
 301 }
 302
 303 /* form elements */
 304
 305 span.checkbox {
 306     padding: 2px;
 307 }
 308
 309 .custom { /* customized field */
 310     background: #FFC;
 311 }
 312
 313 span.checkbox.custom {
 314     padding: 1px;
 315     border: 1px #EDEC90 solid;
 316     background: #FFC;
 317 }
 318
 319 input[type="text"], select, textarea {
 320     border: 1px #A7A6AA solid;
 321 }
 322
 323 input[type="text"]:focus, select:focus, textarea:focus {
 324     border: 1px #6676FF solid;
 325     background: #F7FBFF;
 326 }
 327
 328 .green { /* default form button */
 329     color: #080;
 330 }
 331
 332 table.datatable {
 333     margin: 0.5em 0 1em;
 334 }
 335
 336 table.datatable th {
 337     padding: 0 1em 0 0.5em;
 338     border-bottom: 2px #66F solid;
 339     text-align: left;
 340 }
 341
 342 table.datatable td {
 343     padding: 1px 0.5em;
 344     border-bottom: 1px #DEE1FF solid;
 345 }
 346
 347 /* textarea with config file's contents */
 348
 349 #textconfig {
 350     width: 100%;
 351     border: 0;
 352 }
 353
 354 /* error list */
 355
 356 dd {
 357     margin-left: 0.5em;
 358 }
 359
 360 dd:before {
 361     content: "\25B8  ";
 362 }
 363
 364 /* links on failed validation page, when saving a form */
 365
 366 a.btn {
 367     padding: 1px 5px;
 368     text-decoration: none;
 369     background: #E2E8FF;
 370     border: 1px #A6C8FF solid;
 371     border-top-color: #AFD0FF;
 372     border-left-color: #AFD0FF;
 373     font-weight: bold;
 374 }
 375
 376 a.btn:hover, a.btn:active {
 377     background: #E6F5FF;
 378     color: #004C96;
 379 }