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

   1 /**
   2  * Provide Agora appearance for mw-ui-* classes when using a skin other than
   3  * Vector.
   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 14, sourcefiles/scss/components/default/_forms.scss */
 137 .mw-ui-vform {
 138   -webkit-box-sizing: border-box;
 139   -moz-box-sizing: border-box;
 140   box-sizing: border-box;
 141   width: 290px;
 142 }
 143 /* line 19, sourcefiles/scss/components/default/_forms.scss */
 144 .mw-ui-vform > div {
 145   display: block;
 146   margin: 0 0 15px 0;
 147   padding: 0;
 148   width: 100%;
 149 }
 150 /* line 27, sourcefiles/scss/components/default/_forms.scss */
 151 .mw-ui-vform > div input,
 152 .mw-ui-vform > div .mw-ui-button {
 153   display: block;
 154   -webkit-box-sizing: border-box;
 155   -moz-box-sizing: border-box;
 156   box-sizing: border-box;
 157   margin: 0;
 158   width: 100%;
 159 }
 160 /* line 36, sourcefiles/scss/components/default/_forms.scss */
 161 .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]) {
 162   border-style: solid;
 163   border-width: 1px;
 164   border-color: #c9c9c9;
 165   color: #252525;
 166   padding: 0.35em 0 0.35em 0.5em;
 167 }
 168 /* line 11, sourcefiles/scss/mixins/_forms.scss */
 169 .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]):focus {
 170   box-shadow: #4091ed 0px 0px 5px;
 171   border-color: #4091ed;
 172 }
 173 /* line 13, sourcefiles/scss/mixins/_forms.scss */
 174 .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]):focus:not([type=checkbox]):not([type=radio]) {
 175   outline: 0;
 176 }
 177 /* line 40, sourcefiles/scss/components/default/_forms.scss */
 178 .mw-ui-vform > div label {
 179   display: block;
 180   -webkit-box-sizing: border-box;
 181   -moz-box-sizing: border-box;
 182   box-sizing: border-box;
 183   font-size: 0.9em;
 184   color: #4a4a4a;
 185   width: auto;
 186   margin: 0 0 0.2em 0;
 187   padding: 0;
 188 }
 189 /* line 38, sourcefiles/scss/mixins/_forms.scss */
 190 .mw-ui-vform > div label * {
 191   font-weight: normal;
 192 }
 193 /* line 51, sourcefiles/scss/components/default/_forms.scss */
 194 .mw-ui-vform > div input[type="checkbox"],
 195 .mw-ui-vform > div input[type="radio"] {
 196   display: inline;
 197   -webkit-box-sizing: content-box;
 198   -moz-box-sizing: content-box;
 199   box-sizing: content-box;
 200   width: auto;
 201 }
 202
 203 /* line 67, sourcefiles/scss/components/default/_forms.scss */
 204 .mw-ui-input {
 205   border-style: solid;
 206   border-width: 1px;
 207   border-color: #c9c9c9;
 208   color: #252525;
 209   padding: 0.35em 0 0.35em 0.5em;
 210 }
 211 /* line 11, sourcefiles/scss/mixins/_forms.scss */
 212 .mw-ui-input:focus {
 213   box-shadow: #4091ed 0px 0px 5px;
 214   border-color: #4091ed;
 215 }
 216 /* line 13, sourcefiles/scss/mixins/_forms.scss */
 217 .mw-ui-input:focus:not([type=checkbox]):not([type=radio]) {
 218   outline: 0;
 219 }
 220
 221 /* line 74, sourcefiles/scss/components/default/_forms.scss */
 222 .mw-ui-label {
 223   font-size: 0.9em;
 224   color: #4a4a4a;
 225 }
 226 /* line 38, sourcefiles/scss/mixins/_forms.scss */
 227 .mw-ui-label * {
 228   font-weight: normal;
 229 }
 230
 231 /* line 83, sourcefiles/scss/components/default/_forms.scss */
 232 .mw-ui-checkbox-label, .mw-ui-radio-label {
 233   margin-bottom: 0.5em;
 234   cursor: pointer;
 235   vertical-align: bottom;
 236   line-height: normal;
 237   font-weight: normal;
 238 }
 239 /* line 54, sourcefiles/scss/mixins/_forms.scss */
 240 .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"] {
 241   width: auto;
 242   height: auto;
 243   margin: 0 0.1em 0em 0;
 244   padding: 0;
 245   border-style: solid;
 246   border-width: 1px;
 247   border-color: #c9c9c9;
 248   cursor: pointer;
 249 }