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

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