mw-config/config.css

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