mw-config/config.css

   1 .env-check {
   2         font-size: 90%;
   3         margin: 1em 0 1em 2.5em;
   4 }
   5
   6 .config-section {
   7         margin-top: 2em;
   8 }
   9
  10 .config-block {
  11         margin-top: 2em;
  12         display: block;
  13
  14 }
  15
  16 .config-block-label {
  17         display: block;
  18         margin-bottom: 0.2em;
  19 }
  20
  21 .config-block-label label,
  22 .config-label {
  23         font-weight: bold;
  24         padding-right: 0.5em;
  25         padding-top: 0.2em;
  26 }
  27
  28 .config-block-elements {
  29         margin-left: 2em;
  30 }
  31
  32 .config-block-elements li {
  33         list-style: none;
  34 }
  35
  36 .config-input {
  37         clear: left;
  38         zoom: 100%; /* IE hack */
  39 }
  40
  41 .config-page-wrapper {
  42         padding: 0.5em;
  43 }
  44
  45 .config-page-list {
  46         float: right;
  47         width: 12em;
  48         border: 1px solid #aaa;
  49         background: #fff;
  50         padding: 0.5em;
  51         /* 3em left margin to leave space between the list and the page-content */
  52         margin: 0.5em 0.5em 0.5em 3.5em;
  53 }
  54
  55 .config-page {
  56         padding: 0.5em 0.5em 0.5em 2em;
  57         margin: 0.5em 0.5em 0.5em 0.5em;
  58         background: #eee;
  59 }
  60
  61 .config-submit {
  62         clear: left;
  63         text-align: center;
  64         padding: 1em;
  65 }
  66
  67 .config-submit input {
  68         margin-left: 0.5em;
  69         margin-right: 0.5em;
  70 }
  71
  72 .config-page-disabled {
  73         color: #aaa;
  74 }
  75
  76 .config-error-box {
  77         border: 2px solid #f00;
  78 }
  79
  80 .config-page-current {
  81         font-weight: bold;
  82 }
  83
  84 .config-message {
  85         display: list-item;
  86         line-height: 1.5em;
  87         /* @embed */
  88         list-style-image: url( images/bullet.gif );
  89         list-style-type: square;
  90 }
  91
  92 .config-input-text {
  93         width: 20em;
  94         margin-right: 1em;
  95 }
  96
  97 .config-input-check {
  98         margin-left: 10em;
  99 }
 100
 101 .config-skins-item {
 102         /* Clearfix */
 103         clear: left;
 104         overflow: hidden;
 105 }
 106
 107 .config-skins-item .config-input-check {
 108         margin-left: 10em;
 109         width: 20em;
 110         float: left;
 111 }
 112
 113 .config-skins-item .config-skins-use-as-default {
 114         float: left;
 115 }
 116
 117 .error {
 118         color: #f00;
 119         background-color: #fff;
 120         font-weight: bold;
 121         left: 1em;
 122         font-size: 100%;
 123 }
 124
 125 .config-settings-block {
 126         list-style-type: none;
 127         list-style-image: none;
 128         margin: 0;
 129         padding: 0;
 130 }
 131
 132 .btn-install {
 133         font-weight: bold;
 134         font-size: 110%;
 135         padding: 0.2em 0.3em;
 136 }
 137
 138 .success-message {
 139         font-weight: bold;
 140         font-size: 110%;
 141         color: #008000;
 142 }
 143
 144 .success-box {
 145         font-size: 130%;
 146 }
 147
 148 .config-cc-wrapper {
 149         clear: left;
 150         /* If you change this height, also change it in WebInstallerOptions::submitCC() */
 151         height: 54em;
 152 }
 153
 154 .config-plainlink a {
 155         background: none !important; /* stylelint-disable-line declaration-no-important */
 156         padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 157 }
 158
 159 .config-download-link {
 160         font-size: 1.8em;
 161         margin-left: 2em;
 162 }
 163
 164 .config-download-link a {
 165         background: url( images/download-32.png ) no-repeat center left;
 166         padding-left: 40px; /* 32 px for the image (above), plus some breathing room */
 167         height: 32px; /* provide enough vertical room for the image */
 168         display: inline-block; /* allow the height property (above) to work */
 169         line-height: 32px; /* center the text vertically */
 170 }
 171
 172 #config-live-log {
 173         overflow: hidden;
 174         min-width: 20em;
 175 }
 176
 177 /* tooltip styles */
 178 .config-help-field-hint {
 179         display: none;
 180         margin-left: 2px;
 181         margin-bottom: -8px;
 182         padding: 0 0 0 15px;
 183         /* @embed */
 184         background-image: url( images/help-question.gif );
 185         background-position: left center;
 186         background-repeat: no-repeat;
 187         cursor: pointer;
 188         font-size: 0.8em;
 189         text-decoration: underline;
 190         color: #0645ad;
 191 }
 192
 193 .config-help-field-hint:hover {
 194         /* @embed */
 195         background-image: url( images/help-question-hover.gif );
 196 }
 197
 198 .config-help-field-data {
 199         display: block;
 200         background-color: #d6f3ff;
 201         padding: 5px 8px 4px 8px;
 202         border: 1px solid #5dc9f4;
 203         margin-left: 20px;
 204 }