mw-config/config.css

   1 /* stylelint-disable selector-class-pattern */
   2 body {
   3         background-color: #f7f7f7;
   4         margin: 0;
   5         font-family: sans-serif;
   6 }
   7
   8 #mw-page-base {
   9         height: 3.5em;
  10 }
  11
  12 #mw-head-base {
  13         position: absolute;
  14         top: 0;
  15         right: 0;
  16         width: 100%;
  17 }
  18
  19 #mw-panel {
  20         position: absolute;
  21         top: 0;
  22         left: 0;
  23         width: 10em;
  24 }
  25
  26 #content {
  27         background: #fff;
  28         margin-left: 11em;
  29         border: 1px solid #aaa;
  30         padding: 1.25em 1.5em 1.5em 1.5em;
  31 }
  32
  33 .portal {
  34         margin: 0 0.6em 0 0.7em;
  35         padding: 0.25em 0;
  36 }
  37
  38 .portal ul {
  39         list-style: none;
  40         margin: 0 0.5em;
  41         font-size: 0.813em;
  42         line-height: 1.4;
  43 }
  44
  45 .env-check {
  46         font-size: 90%;
  47         margin: 1em 0 1em 2.5em;
  48 }
  49
  50 .config-section {
  51         margin-top: 2em;
  52 }
  53
  54 .config-block {
  55         margin-top: 2em;
  56         display: block;
  57 }
  58
  59 .config-block-label {
  60         display: block;
  61         margin-bottom: 0.2em;
  62 }
  63
  64 .config-block-label label,
  65 .config-label {
  66         font-weight: bold;
  67         padding-right: 0.5em;
  68         padding-top: 0.2em;
  69 }
  70
  71 .config-block-elements {
  72         margin-left: 2em;
  73 }
  74
  75 .config-block-elements li {
  76         list-style: none;
  77 }
  78
  79 .config-input {
  80         clear: left;
  81 }
  82
  83 .config-page-wrapper {
  84         padding: 0.5em;
  85 }
  86
  87 .config-page-list {
  88         float: right;
  89         width: 12em;
  90         border: 1px solid #aaa;
  91         background: #fff;
  92         padding: 0.5em;
  93         /* 3em left margin to leave space between the list and the page-content */
  94         margin: 0.5em 0.5em 0.5em 3.5em;
  95 }
  96
  97 .config-page {
  98         padding: 0.5em 0.5em 0.5em 2em;
  99         margin: 0.5em 0.5em 0.5em 0.5em;
 100         background: #eee;
 101 }
 102
 103 .config-submit {
 104         clear: left;
 105         text-align: center;
 106         padding: 1em;
 107 }
 108
 109 .config-submit input {
 110         margin-left: 0.5em;
 111         margin-right: 0.5em;
 112 }
 113
 114 .config-page-disabled {
 115         color: #aaa;
 116 }
 117
 118 .config-error-box {
 119         border: 2px solid #f00;
 120 }
 121
 122 .config-page-current {
 123         font-weight: bold;
 124 }
 125
 126 .config-message {
 127         display: list-item;
 128         line-height: 1.5em;
 129         /* @embed */
 130         list-style-image: url( images/bullet.gif );
 131         list-style-type: square;
 132 }
 133
 134 .config-input-text {
 135         width: 20em;
 136         margin-right: 1em;
 137 }
 138
 139 .config-input-check {
 140         margin-left: 10em;
 141 }
 142
 143 .config-skins-item {
 144         /* Clearfix */
 145         clear: left;
 146         overflow: hidden;
 147 }
 148
 149 .config-skins-item .config-input-check {
 150         margin-left: 10em;
 151         width: 20em;
 152         float: left;
 153 }
 154
 155 .config-skins-item .config-skins-use-as-default {
 156         float: left;
 157 }
 158
 159 .error {
 160         color: #f00;
 161         background-color: #fff;
 162         font-weight: bold;
 163         left: 1em;
 164         font-size: 100%;
 165 }
 166
 167 .config-settings-block {
 168         list-style: none;
 169         margin: 0;
 170         padding: 0;
 171 }
 172
 173 .btn-install {
 174         font-weight: bold;
 175         font-size: 110%;
 176         padding: 0.2em 0.3em;
 177 }
 178
 179 .success-message {
 180         font-weight: bold;
 181         font-size: 110%;
 182         color: #008000;
 183 }
 184
 185 .config-cc-wrapper {
 186         clear: left;
 187         /* If you change this height, also change it in WebInstallerOptions::submitCC() */
 188         height: 54em;
 189 }
 190
 191 .config-plainlink a {
 192         background: none !important; /* stylelint-disable-line declaration-no-important */
 193         padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 194 }
 195
 196 .config-download-link {
 197         font-size: 1.8em;
 198         margin-left: 2em;
 199 }
 200
 201 .config-download-link a {
 202         background: url( images/download-32.png ) no-repeat center left;
 203         padding-left: 40px; /* 32 px for the image (above), plus some breathing room */
 204         height: 32px; /* provide enough vertical room for the image */
 205         display: inline-block; /* allow the height property (above) to work */
 206         /* TODO: re-evaluate this */
 207         /* stylelint-disable-next-line declaration-property-unit-disallowed-list */
 208         line-height: 32px; /* center the text vertically */
 209 }
 210
 211 #config-live-log {
 212         overflow: hidden;
 213         min-width: 20em;
 214 }
 215
 216 /* Hide empty live-log textarea */
 217 #config-live-log textarea:empty {
 218         display: none;
 219 }
 220
 221 .config-help-field-checkbox {
 222         display: none;
 223 }
 224
 225 /* tooltip styles */
 226 .config-help-field-hint {
 227         margin-left: 2px;
 228         padding: 0 0 0 15px;
 229         /* @embed */
 230         background-image: url( images/help-question.gif );
 231         background-position: left center;
 232         background-repeat: no-repeat;
 233         cursor: pointer;
 234         font-size: 0.8em;
 235         text-decoration: underline;
 236         color: #0645ad;
 237 }
 238
 239 .config-help-field-hint:hover {
 240         /* @embed */
 241         background-image: url( images/help-question-hover.gif );
 242 }
 243
 244 .config-help-field-data {
 245         display: block;
 246         overflow: hidden;
 247         /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 248         min-width: min-content;
 249         background-color: #d6f3ff;
 250         padding: 5px 8px 4px 8px;
 251         border: 1px solid #5dc9f4;
 252         margin-left: 20px;
 253 }
 254
 255 .config-help-field-checkbox:not( :checked ) ~ .config-help-field-data {
 256         display: none;
 257 }
 258
 259 #p-logo {
 260         width: 10em;
 261         height: 160px;
 262         margin: 0 0 0 0.6em;
 263 }
 264
 265 #p-logo a {
 266         background-position: center center;
 267         background-repeat: no-repeat;
 268         display: block;
 269         width: 10em;
 270         height: 160px;
 271         text-decoration: none;
 272         background-image: url( images/installer-logo.png );
 273 }
 274
 275 .visualClear {
 276         clear: both;
 277 }
 278
 279 /** WARNING BOX STYLES */
 280 .mw-installer-box-left {
 281         margin: 7px;
 282         float: left;
 283         width: 35px;
 284 }
 285
 286 .mw-installer-box-right {
 287         margin: 0.5em 0.5em 0.5em 49px;
 288 }
 289 /** END WARNING BOX STYLES */