resources/mediawiki.ui/mediawiki.ui.default.css

   1 @charset "UTF-8";
   2 /**
   3  * Provide Agora appearance for mw-ui-* classes when using a skin other than
   4  * Vector.
   5  * Compass builds these Agora styles from source Sass files in
   6  * extensions/Agora/modules/scss
   7  */
   8 /* _effects.scss */
   9 /* Mixins for visual effects in CSS3 */
  10 /* line 7, sourcefiles/scss/components/_utilities.scss */
  11 .mw-ui-flush-left {
  12   float: left;
  13   margin-left: 0;
  14   padding-left: 0;
  15 }
  16
  17 /* line 11, sourcefiles/scss/components/_utilities.scss */
  18 .mw-ui-flush-right {
  19   float: right;
  20   margin-right: 0;
  21   padding-right: 0;
  22 }
  23
  24 /* line 15, sourcefiles/scss/components/_utilities.scss */
  25 .mw-ui-center-block {
  26   display: block;
  27   margin-left: auto;
  28   margin-right: auto;
  29 }
  30
  31 /* line 4, sourcefiles/scss/components/default/_buttons.scss */
  32 .mw-ui-button {
  33   display: -moz-inline-stack;
  34   display: inline-block;
  35   vertical-align: middle;
  36   *vertical-align: auto;
  37   zoom: 1;
  38   *display: inline;
  39   padding: 0.4em 1em 0.4em 1em;
  40   margin: 0;
  41   background-color: #c9c9c9;
  42   *background-color: #c9c9c9;
  43   *zoom: 1;
  44   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDCDCDC', endColorstr='#FFC9C9C9');
  45   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dcdcdc), color-stop(100%, #c9c9c9));
  46   background-image: -webkit-linear-gradient(top, #dcdcdc, #c9c9c9);
  47   background-image: -moz-linear-gradient(top, #dcdcdc, #c9c9c9);
  48   background-image: -o-linear-gradient(top, #dcdcdc, #c9c9c9);
  49   background-image: linear-gradient(top, #dcdcdc, #c9c9c9);
  50   color: black;
  51   text-shadow: 0 1px 1px rgba(201, 201, 201, 0.3);
  52   border: 1px solid #c4c4c4;
  53   -webkit-border-radius: 3px;
  54   -moz-border-radius: 3px;
  55   -ms-border-radius: 3px;
  56   -o-border-radius: 3px;
  57   border-radius: 3px;
  58   vertical-align: middle;
  59   text-align: center;
  60   text-decoration: none;
  61   font-weight: bold;
  62   cursor: pointer;
  63 }
  64 /* line 38, sourcefiles/scss/mixins/_effects.scss */
  65 .mw-ui-button:hover, .mw-ui-button.mw-ui-hover {
  66   background-color: gainsboro;
  67   *background-color: gainsboro;
  68   *zoom: 1;
  69   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#FFDCDCDC');
  70   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #dcdcdc));
  71   background-image: -webkit-linear-gradient(top, #e9e9e9, #dcdcdc);
  72   background-image: -moz-linear-gradient(top, #e9e9e9, #dcdcdc);
  73   background-image: -o-linear-gradient(top, #e9e9e9, #dcdcdc);
  74   background-image: linear-gradient(top, #e9e9e9, #dcdcdc);
  75   text-decoration: none;
  76 }
  77 /* line 44, sourcefiles/scss/mixins/_effects.scss */
  78 .mw-ui-button:active, .mw-ui-button.mw-ui-active {
  79   background-image: none;
  80   background-color: #c1c1c1;
  81   text-shadow: none;
  82 }
  83 /* line 54, sourcefiles/scss/mixins/_effects.scss */
  84 .mw-ui-button:disabled, .mw-ui-button.mw-ui-disabled {
  85   background-image: none;
  86   background-color: #c9c9c9;
  87   opacity: 0.5;
  88   text-shadow: none;
  89 }
  90 /* line 30, sourcefiles/scss/components/default/_buttons.scss */
  91 .mw-ui-button:disabled, .mw-ui-button.mw-ui-disabled {
  92   cursor: default;
  93 }
  94 /* line 36, sourcefiles/scss/components/default/_buttons.scss */
  95 .mw-ui-button.mw-ui-big {
  96   font-size: 1.3em;
  97 }
  98 /* line 41, sourcefiles/scss/components/default/_buttons.scss */
  99 .mw-ui-button.mw-ui-block {
 100   display: block;
 101   width: 100%;
 102 }
 103
 104 /* line 49, sourcefiles/scss/components/default/_buttons.scss */
 105 a.mw-ui-button {
 106   text-decoration: none;
 107 }
 108
 109 /* line 56, sourcefiles/scss/components/default/_buttons.scss */
 110 .mw-ui-button-group > * {
 111   -webkit-border-radius: 0;
 112   -moz-border-radius: 0;
 113   -ms-border-radius: 0;
 114   -o-border-radius: 0;
 115   border-radius: 0;
 116   float: left;
 117 }
 118 /* line 60, sourcefiles/scss/components/default/_buttons.scss */
 119 .mw-ui-button-group > *:first-child {
 120   -moz-border-radius-topleft: 3px;
 121   -webkit-border-top-left-radius: 3px;
 122   border-top-left-radius: 3px;
 123   -moz-border-radius-bottomleft: 3px;
 124   -webkit-border-bottom-left-radius: 3px;
 125   border-bottom-left-radius: 3px;
 126 }
 127 /* line 65, sourcefiles/scss/components/default/_buttons.scss */
 128 .mw-ui-button-group > *:last-child {
 129   -moz-border-radius-topright: 3px;
 130   -webkit-border-top-right-radius: 3px;
 131   border-top-right-radius: 3px;
 132   -moz-border-radius-bottomright: 3px;
 133   -webkit-border-bottom-right-radius: 3px;
 134   border-bottom-right-radius: 3px;
 135 }
 136
 137 /* line 14, sourcefiles/scss/components/default/_forms.scss */
 138 .mw-ui-vform {
 139   -webkit-box-sizing: border-box;
 140   -moz-box-sizing: border-box;
 141   box-sizing: border-box;
 142   width: 290px;
 143 }
 144 /* line 20, sourcefiles/scss/components/default/_forms.scss */
 145 .mw-ui-vform > div {
 146   display: block;
 147   margin: 0 0 15px 0;
 148   padding: 0;
 149   width: 100%;
 150 }
 151 /* line 28, sourcefiles/scss/components/default/_forms.scss */
 152 .mw-ui-vform > div input,
 153 .mw-ui-vform > div .mw-ui-button {
 154   display: block;
 155   -webkit-box-sizing: border-box;
 156   -moz-box-sizing: border-box;
 157   box-sizing: border-box;
 158   margin: 0;
 159   width: 100%;
 160 }
 161 /* line 37, sourcefiles/scss/components/default/_forms.scss */
 162 .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]) {
 163   border-style: solid;
 164   border-width: 1px;
 165   border-color: #c9c9c9;
 166   color: #252525;
 167   padding: 0.35em 0 0.35em 0.5em;
 168 }
 169 /* line 11, sourcefiles/scss/mixins/_forms.scss */
 170 .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]):focus {
 171   box-shadow: #4091ed 0px 0px 5px;
 172   border-color: #4091ed;
 173 }
 174 /* line 13, sourcefiles/scss/mixins/_forms.scss */
 175 .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]):focus:not([type=checkbox]):not([type=radio]) {
 176   outline: 0;
 177 }
 178 /* line 41, sourcefiles/scss/components/default/_forms.scss */
 179 .mw-ui-vform > div label {
 180   display: block;
 181   -webkit-box-sizing: border-box;
 182   -moz-box-sizing: border-box;
 183   box-sizing: border-box;
 184   font-size: 0.9em;
 185   color: #4a4a4a;
 186   width: auto;
 187   margin: 0 0 0.2em 0;
 188   padding: 0;
 189 }
 190 /* line 38, sourcefiles/scss/mixins/_forms.scss */
 191 .mw-ui-vform > div label * {
 192   font-weight: normal;
 193 }
 194 /* line 52, sourcefiles/scss/components/default/_forms.scss */
 195 .mw-ui-vform > div input[type="checkbox"],
 196 .mw-ui-vform > div input[type="radio"] {
 197   display: inline;
 198   -webkit-box-sizing: content-box;
 199   -moz-box-sizing: content-box;
 200   box-sizing: content-box;
 201   width: auto;
 202 }
 203 /* line 63, sourcefiles/scss/components/default/_forms.scss */
 204 .mw-ui-vform .error {
 205   -webkit-box-sizing: border-box;
 206   -moz-box-sizing: border-box;
 207   box-sizing: border-box;
 208   font-size: 0.9em;
 209   margin: 0 0 1em 0;
 210   padding: 0.5em;
 211   color: #cc0000;
 212   border: 1px solid #fac5c5;
 213   background-color: #fae3e3;
 214   text-shadow: 0 1px #fae3e3;
 215   word-wrap: break-word;
 216 }
 217
 218 /* line 86, sourcefiles/scss/components/default/_forms.scss */
 219 .mw-ui-vform-div {
 220   display: block;
 221   margin: 0 0 15px 0;
 222   padding: 0;
 223   width: 100%;
 224 }
 225
 226 /* line 96, sourcefiles/scss/components/default/_forms.scss */
 227 .mw-ui-input {
 228   border-style: solid;
 229   border-width: 1px;
 230   border-color: #c9c9c9;
 231   color: #252525;
 232   padding: 0.35em 0 0.35em 0.5em;
 233 }
 234 /* line 11, sourcefiles/scss/mixins/_forms.scss */
 235 .mw-ui-input:focus {
 236   box-shadow: #4091ed 0px 0px 5px;
 237   border-color: #4091ed;
 238 }
 239 /* line 13, sourcefiles/scss/mixins/_forms.scss */
 240 .mw-ui-input:focus:not([type=checkbox]):not([type=radio]) {
 241   outline: 0;
 242 }
 243
 244 /* line 103, sourcefiles/scss/components/default/_forms.scss */
 245 .mw-ui-label {
 246   font-size: 0.9em;
 247   color: #4a4a4a;
 248 }
 249 /* line 38, sourcefiles/scss/mixins/_forms.scss */
 250 .mw-ui-label * {
 251   font-weight: normal;
 252 }
 253
 254 /* line 112, sourcefiles/scss/components/default/_forms.scss */
 255 .mw-ui-checkbox-label, .mw-ui-radio-label {
 256   margin-bottom: 0.5em;
 257   cursor: pointer;
 258   vertical-align: bottom;
 259   line-height: normal;
 260   font-weight: normal;
 261 }
 262 /* line 54, sourcefiles/scss/mixins/_forms.scss */
 263 .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"] {
 264   width: auto;
 265   height: auto;
 266   margin: 0 0.1em 0em 0;
 267   padding: 0;
 268   border-style: solid;
 269   border-width: 1px;
 270   border-color: #c9c9c9;
 271   cursor: pointer;
 272 }