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

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