resources/mediawiki.ui/mediawiki.ui.vector.css

   1 @charset "UTF-8";
   2 /**
   3  * Provide Agora appearance for mw-ui-* classes when using the Vector skin.
   4  * Compass builds these Agora styles from source Sass files in
   5  * extensions/Agora/modules/scss
   6  */
   7 /* _effects.scss */
   8 /* Mixins for visual effects in CSS3 */
   9 /* line 7, sourcefiles/scss/components/_utilities.scss */
  10 .mw-ui-flush-left {
  11   float: left;
  12   margin-left: 0;
  13   padding-left: 0;
  14 }
  15
  16 /* line 11, sourcefiles/scss/components/_utilities.scss */
  17 .mw-ui-flush-right {
  18   float: right;
  19   margin-right: 0;
  20   padding-right: 0;
  21 }
  22
  23 /* line 15, sourcefiles/scss/components/_utilities.scss */
  24 .mw-ui-center-block {
  25   display: block;
  26   margin-left: auto;
  27   margin-right: auto;
  28 }
  29
  30 /* line 4, sourcefiles/scss/components/default/_buttons.scss */
  31 .mw-ui-button {
  32   display: -moz-inline-stack;
  33   display: inline-block;
  34   vertical-align: middle;
  35   *vertical-align: auto;
  36   zoom: 1;
  37   *display: inline;
  38   padding: 0.4em 1em 0.4em 1em;
  39   margin: 0;
  40   background-color: #c9c9c9;
  41   *background-color: #c9c9c9;
  42   *zoom: 1;
  43   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDCDCDC', endColorstr='#FFC9C9C9');
  44   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dcdcdc), color-stop(100%, #c9c9c9));
  45   background-image: -webkit-linear-gradient(top, #dcdcdc, #c9c9c9);
  46   background-image: -moz-linear-gradient(top, #dcdcdc, #c9c9c9);
  47   background-image: -o-linear-gradient(top, #dcdcdc, #c9c9c9);
  48   background-image: linear-gradient(top, #dcdcdc, #c9c9c9);
  49   color: black;
  50   text-shadow: 0 1px 1px rgba(201, 201, 201, 0.3);
  51   border: 1px solid #c4c4c4;
  52   -webkit-border-radius: 3px;
  53   -moz-border-radius: 3px;
  54   -ms-border-radius: 3px;
  55   -o-border-radius: 3px;
  56   border-radius: 3px;
  57   vertical-align: middle;
  58   text-align: center;
  59   text-decoration: none;
  60   font-weight: bold;
  61   cursor: pointer;
  62 }
  63 /* line 38, sourcefiles/scss/mixins/_effects.scss */
  64 .mw-ui-button:hover, .mw-ui-button.mw-ui-hover {
  65   background-color: gainsboro;
  66   *background-color: gainsboro;
  67   *zoom: 1;
  68   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#FFDCDCDC');
  69   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #dcdcdc));
  70   background-image: -webkit-linear-gradient(top, #e9e9e9, #dcdcdc);
  71   background-image: -moz-linear-gradient(top, #e9e9e9, #dcdcdc);
  72   background-image: -o-linear-gradient(top, #e9e9e9, #dcdcdc);
  73   background-image: linear-gradient(top, #e9e9e9, #dcdcdc);
  74   text-decoration: none;
  75 }
  76 /* line 44, sourcefiles/scss/mixins/_effects.scss */
  77 .mw-ui-button:active, .mw-ui-button.mw-ui-active {
  78   background-image: none;
  79   background-color: #c1c1c1;
  80   text-shadow: none;
  81 }
  82 /* line 54, sourcefiles/scss/mixins/_effects.scss */
  83 .mw-ui-button:disabled, .mw-ui-button.mw-ui-disabled {
  84   background-image: none;
  85   background-color: #c9c9c9;
  86   opacity: 0.5;
  87   text-shadow: none;
  88 }
  89 /* line 30, sourcefiles/scss/components/default/_buttons.scss */
  90 .mw-ui-button:disabled, .mw-ui-button.mw-ui-disabled {
  91   cursor: default;
  92 }
  93 /* line 36, sourcefiles/scss/components/default/_buttons.scss */
  94 .mw-ui-button.mw-ui-big {
  95   font-size: 1.3em;
  96 }
  97 /* line 41, sourcefiles/scss/components/default/_buttons.scss */
  98 .mw-ui-button.mw-ui-block {
  99   display: block;
 100   width: 100%;
 101 }
 102
 103 /* line 49, sourcefiles/scss/components/default/_buttons.scss */
 104 a.mw-ui-button {
 105   text-decoration: none;
 106 }
 107
 108 /* line 56, sourcefiles/scss/components/default/_buttons.scss */
 109 .mw-ui-button-group > * {
 110   -webkit-border-radius: 0;
 111   -moz-border-radius: 0;
 112   -ms-border-radius: 0;
 113   -o-border-radius: 0;
 114   border-radius: 0;
 115   float: left;
 116 }
 117 /* line 60, sourcefiles/scss/components/default/_buttons.scss */
 118 .mw-ui-button-group > *:first-child {
 119   -moz-border-radius-topleft: 3px;
 120   -webkit-border-top-left-radius: 3px;
 121   border-top-left-radius: 3px;
 122   -moz-border-radius-bottomleft: 3px;
 123   -webkit-border-bottom-left-radius: 3px;
 124   border-bottom-left-radius: 3px;
 125 }
 126 /* line 65, sourcefiles/scss/components/default/_buttons.scss */
 127 .mw-ui-button-group > *:last-child {
 128   -moz-border-radius-topright: 3px;
 129   -webkit-border-top-right-radius: 3px;
 130   border-top-right-radius: 3px;
 131   -moz-border-radius-bottomright: 3px;
 132   -webkit-border-bottom-right-radius: 3px;
 133   border-bottom-right-radius: 3px;
 134 }
 135
 136 /* line 3, sourcefiles/scss/components/vector/_buttons.scss */
 137 .mw-ui-button {
 138   font-size: 1em;
 139   line-height: 1.4em;
 140 }
 141 /* line 6, sourcefiles/scss/components/vector/_buttons.scss */
 142 .mw-ui-button.mw-ui-primary {
 143   background-color: #3366bb;
 144   *background-color: #3366bb;
 145   *zoom: 1;
 146   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4779CD', endColorstr='#FF3366BB');
 147   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4779cd), color-stop(100%, #3366bb));
 148   background-image: -webkit-linear-gradient(top, #4779cd, #3366bb);
 149   background-image: -moz-linear-gradient(top, #4779cd, #3366bb);
 150   background-image: -o-linear-gradient(top, #4779cd, #3366bb);
 151   background-image: linear-gradient(top, #4779cd, #3366bb);
 152   color: white;
 153   text-shadow: 0 1px 1px rgba(51, 102, 187, 0.75);
 154   border: 1px solid #3162b3;
 155 }
 156 /* line 38, sourcefiles/scss/mixins/_effects.scss */
 157 .mw-ui-button.mw-ui-primary:hover, .mw-ui-button.mw-ui-primary.mw-ui-hover {
 158   background-color: #4779cd;
 159   *background-color: #4779cd;
 160   *zoom: 1;
 161   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5B88D2', endColorstr='#FF4779CD');
 162   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5b88d2), color-stop(100%, #4779cd));
 163   background-image: -webkit-linear-gradient(top, #5b88d2, #4779cd);
 164   background-image: -moz-linear-gradient(top, #5b88d2, #4779cd);
 165   background-image: -o-linear-gradient(top, #5b88d2, #4779cd);
 166   background-image: linear-gradient(top, #5b88d2, #4779cd);
 167   text-decoration: none;
 168 }
 169 /* line 44, sourcefiles/scss/mixins/_effects.scss */
 170 .mw-ui-button.mw-ui-primary:active, .mw-ui-button.mw-ui-primary.mw-ui-active {
 171   background-image: none;
 172   background-color: #305faf;
 173   text-shadow: none;
 174 }
 175 /* line 54, sourcefiles/scss/mixins/_effects.scss */
 176 .mw-ui-button.mw-ui-primary:disabled, .mw-ui-button.mw-ui-primary.mw-ui-disabled {
 177   background-image: none;
 178   background-color: #3366bb;
 179   opacity: 0.5;
 180   text-shadow: none;
 181 }
 182 /* line 10, sourcefiles/scss/components/vector/_buttons.scss */
 183 .mw-ui-button.mw-ui-constructive {
 184   background-color: #27aa65;
 185   *background-color: #27aa65;
 186   *zoom: 1;
 187   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2EC977', endColorstr='#FF27AA65');
 188   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2ec977), color-stop(100%, #27aa65));
 189   background-image: -webkit-linear-gradient(top, #2ec977, #27aa65);
 190   background-image: -moz-linear-gradient(top, #2ec977, #27aa65);
 191   background-image: -o-linear-gradient(top, #2ec977, #27aa65);
 192   background-image: linear-gradient(top, #2ec977, #27aa65);
 193   color: white;
 194   text-shadow: 0 1px 1px rgba(39, 170, 101, 0.75);
 195   border: 1px solid #25a260;
 196 }
 197 /* line 38, sourcefiles/scss/mixins/_effects.scss */
 198 .mw-ui-button.mw-ui-constructive:hover, .mw-ui-button.mw-ui-constructive.mw-ui-hover {
 199   background-color: #2ec977;
 200   *background-color: #2ec977;
 201   *zoom: 1;
 202   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3ED384', endColorstr='#FF2EC977');
 203   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ed384), color-stop(100%, #2ec977));
 204   background-image: -webkit-linear-gradient(top, #3ed384, #2ec977);
 205   background-image: -moz-linear-gradient(top, #3ed384, #2ec977);
 206   background-image: -o-linear-gradient(top, #3ed384, #2ec977);
 207   background-image: linear-gradient(top, #3ed384, #2ec977);
 208   text-decoration: none;
 209 }
 210 /* line 44, sourcefiles/scss/mixins/_effects.scss */
 211 .mw-ui-button.mw-ui-constructive:active, .mw-ui-button.mw-ui-constructive.mw-ui-active {
 212   background-image: none;
 213   background-color: #249e5e;
 214   text-shadow: none;
 215 }
 216 /* line 54, sourcefiles/scss/mixins/_effects.scss */
 217 .mw-ui-button.mw-ui-constructive:disabled, .mw-ui-button.mw-ui-constructive.mw-ui-disabled {
 218   background-image: none;
 219   background-color: #27aa65;
 220   opacity: 0.5;
 221   text-shadow: none;
 222 }
 223 /* line 14, sourcefiles/scss/components/vector/_buttons.scss */
 224 .mw-ui-button.mw-ui-destructive {
 225   background-color: #cc0000;
 226   *background-color: #cc0000;
 227   *zoom: 1;
 228   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF20000', endColorstr='#FFCC0000');
 229   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f20000), color-stop(100%, #cc0000));
 230   background-image: -webkit-linear-gradient(top, #f20000, #cc0000);
 231   background-image: -moz-linear-gradient(top, #f20000, #cc0000);
 232   background-image: -o-linear-gradient(top, #f20000, #cc0000);
 233   background-image: linear-gradient(top, #f20000, #cc0000);
 234   color: white;
 235   text-shadow: 0 1px 1px rgba(204, 0, 0, 0.75);
 236   border: 1px solid #c20000;
 237 }
 238 /* line 38, sourcefiles/scss/mixins/_effects.scss */
 239 .mw-ui-button.mw-ui-destructive:hover, .mw-ui-button.mw-ui-destructive.mw-ui-hover {
 240   background-color: #f20000;
 241   *background-color: #f20000;
 242   *zoom: 1;
 243   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFF0D0D', endColorstr='#FFF20000');
 244   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0d0d), color-stop(100%, #f20000));
 245   background-image: -webkit-linear-gradient(top, #ff0d0d, #f20000);
 246   background-image: -moz-linear-gradient(top, #ff0d0d, #f20000);
 247   background-image: -o-linear-gradient(top, #ff0d0d, #f20000);
 248   background-image: linear-gradient(top, #ff0d0d, #f20000);
 249   text-decoration: none;
 250 }
 251 /* line 44, sourcefiles/scss/mixins/_effects.scss */
 252 .mw-ui-button.mw-ui-destructive:active, .mw-ui-button.mw-ui-destructive.mw-ui-active {
 253   background-image: none;
 254   background-color: #bd0000;
 255   text-shadow: none;
 256 }
 257 /* line 54, sourcefiles/scss/mixins/_effects.scss */
 258 .mw-ui-button.mw-ui-destructive:disabled, .mw-ui-button.mw-ui-destructive.mw-ui-disabled {
 259   background-image: none;
 260   background-color: #cc0000;
 261   opacity: 0.5;
 262   text-shadow: none;
 263 }
 264
 265 /* line 14, sourcefiles/scss/components/default/_forms.scss */
 266 .mw-ui-vform {
 267   -webkit-box-sizing: border-box;
 268   -moz-box-sizing: border-box;
 269   box-sizing: border-box;
 270   width: 290px;
 271 }
 272 /* line 20, sourcefiles/scss/components/default/_forms.scss */
 273 .mw-ui-vform > div {
 274   display: block;
 275   margin: 0 0 15px 0;
 276   padding: 0;
 277   width: 100%;
 278 }
 279 /* line 28, sourcefiles/scss/components/default/_forms.scss */
 280 .mw-ui-vform > div input,
 281 .mw-ui-vform > div .mw-ui-button {
 282   display: block;
 283   -webkit-box-sizing: border-box;
 284   -moz-box-sizing: border-box;
 285   box-sizing: border-box;
 286   margin: 0;
 287   width: 100%;
 288 }
 289 /* line 37, sourcefiles/scss/components/default/_forms.scss */
 290 .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]) {
 291   border-style: solid;
 292   border-width: 1px;
 293   border-color: #c9c9c9;
 294   color: #252525;
 295   padding: 0.35em 0 0.35em 0.5em;
 296 }
 297 /* line 11, sourcefiles/scss/mixins/_forms.scss */
 298 .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]):focus {
 299   box-shadow: #4091ed 0px 0px 5px;
 300   border-color: #4091ed;
 301 }
 302 /* line 13, sourcefiles/scss/mixins/_forms.scss */
 303 .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]):focus:not([type=checkbox]):not([type=radio]) {
 304   outline: 0;
 305 }
 306 /* line 41, sourcefiles/scss/components/default/_forms.scss */
 307 .mw-ui-vform > div label {
 308   display: block;
 309   -webkit-box-sizing: border-box;
 310   -moz-box-sizing: border-box;
 311   box-sizing: border-box;
 312   font-size: 0.9em;
 313   color: #4a4a4a;
 314   width: auto;
 315   margin: 0 0 0.2em 0;
 316   padding: 0;
 317 }
 318 /* line 38, sourcefiles/scss/mixins/_forms.scss */
 319 .mw-ui-vform > div label * {
 320   font-weight: normal;
 321 }
 322 /* line 52, sourcefiles/scss/components/default/_forms.scss */
 323 .mw-ui-vform > div input[type="checkbox"],
 324 .mw-ui-vform > div input[type="radio"] {
 325   display: inline;
 326   -webkit-box-sizing: content-box;
 327   -moz-box-sizing: content-box;
 328   box-sizing: content-box;
 329   width: auto;
 330 }
 331 /* line 63, sourcefiles/scss/components/default/_forms.scss */
 332 .mw-ui-vform .error {
 333   -webkit-box-sizing: border-box;
 334   -moz-box-sizing: border-box;
 335   box-sizing: border-box;
 336   font-size: 0.9em;
 337   margin: 0 0 1em 0;
 338   padding: 0.5em;
 339   color: #cc0000;
 340   border: 1px solid #fac5c5;
 341   background-color: #fae3e3;
 342   text-shadow: 0 1px #fae3e3;
 343   word-wrap: break-word;
 344 }
 345
 346 /* line 86, sourcefiles/scss/components/default/_forms.scss */
 347 .mw-ui-vform-div {
 348   display: block;
 349   margin: 0 0 15px 0;
 350   padding: 0;
 351   width: 100%;
 352 }
 353
 354 /* line 96, sourcefiles/scss/components/default/_forms.scss */
 355 .mw-ui-input {
 356   border-style: solid;
 357   border-width: 1px;
 358   border-color: #c9c9c9;
 359   color: #252525;
 360   padding: 0.35em 0 0.35em 0.5em;
 361 }
 362 /* line 11, sourcefiles/scss/mixins/_forms.scss */
 363 .mw-ui-input:focus {
 364   box-shadow: #4091ed 0px 0px 5px;
 365   border-color: #4091ed;
 366 }
 367 /* line 13, sourcefiles/scss/mixins/_forms.scss */
 368 .mw-ui-input:focus:not([type=checkbox]):not([type=radio]) {
 369   outline: 0;
 370 }
 371
 372 /* line 103, sourcefiles/scss/components/default/_forms.scss */
 373 .mw-ui-label {
 374   font-size: 0.9em;
 375   color: #4a4a4a;
 376 }
 377 /* line 38, sourcefiles/scss/mixins/_forms.scss */
 378 .mw-ui-label * {
 379   font-weight: normal;
 380 }
 381
 382 /* line 112, sourcefiles/scss/components/default/_forms.scss */
 383 .mw-ui-checkbox-label, .mw-ui-radio-label {
 384   margin-bottom: 0.5em;
 385   cursor: pointer;
 386   vertical-align: bottom;
 387   line-height: normal;
 388   font-weight: normal;
 389 }
 390 /* line 54, sourcefiles/scss/mixins/_forms.scss */
 391 .mw-ui-checkbox-label > input[type="checkbox"], .mw-ui-checkbox-label > input[type="radio"], .mw-ui-radio-label > input[type="checkbox"], .mw-ui-radio-label > input[type="radio"] {
 392   width: auto;
 393   height: auto;
 394   margin: 0 0.1em 0em 0;
 395   padding: 0;
 396   border-style: solid;
 397   border-width: 1px;
 398   border-color: #c9c9c9;
 399   cursor: pointer;
 400 }
 401
 402 /* line 5, sourcefiles/scss/components/vector/_forms.scss */
 403 .mw-ui-vform,
 404 .mw-ui-vform > div input,
 405 .mw-ui-input {
 406   font-size: 1em;
 407   line-height: 1.4em;
 408 }
 409
 410 /* line 3, sourcefiles/scss/components/vector/_containers.scss */
 411 .mw-ui-container {
 412   font-size: 1em;
 413   line-height: 1.4em;
 414 }