resources/lib/oojs-ui/oojs-ui-windows-wikimediaui.css

   1 /*!
   2  * OOjs UI v0.22.1
   3  * https://www.mediawiki.org/wiki/OOjs_UI
   4  *
   5  * Copyright 2011–2017 OOjs UI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2017-05-31T19:07:44Z
  10  */
  11 .oo-ui-window {
  12   background: transparent;
  13 }
  14 .oo-ui-window-frame {
  15   -webkit-box-sizing: border-box;
  16   -moz-box-sizing: border-box;
  17   box-sizing: border-box;
  18 }
  19 .oo-ui-window-content {
  20   position: absolute;
  21   top: 0;
  22   left: 0;
  23   right: 0;
  24   bottom: 0;
  25 }
  26 .oo-ui-window-content:focus {
  27   outline: 0;
  28 }
  29 .oo-ui-window-head,
  30 .oo-ui-window-foot {
  31   -webkit-touch-callout: none;
  32   -webkit-user-select: none;
  33   -moz-user-select: none;
  34   -ms-user-select: none;
  35   user-select: none;
  36 }
  37 .oo-ui-window-body {
  38   margin: 0;
  39   padding: 0;
  40   background: none;
  41 }
  42 .oo-ui-window-overlay {
  43   position: absolute;
  44   top: 0;
  45   /* @noflip */
  46   left: 0;
  47 }
  48 .oo-ui-dialog-content > .oo-ui-window-head,
  49 .oo-ui-dialog-content > .oo-ui-window-body,
  50 .oo-ui-dialog-content > .oo-ui-window-foot {
  51   position: absolute;
  52   left: 0;
  53   right: 0;
  54   -webkit-box-sizing: border-box;
  55   -moz-box-sizing: border-box;
  56   box-sizing: border-box;
  57 }
  58 .oo-ui-dialog-content > .oo-ui-window-head {
  59   overflow: hidden;
  60   z-index: 1;
  61   top: 0;
  62 }
  63 .oo-ui-dialog-content > .oo-ui-window-body {
  64   overflow: auto;
  65   z-index: 2;
  66   top: 0;
  67   bottom: 0;
  68 }
  69 .oo-ui-dialog-content > .oo-ui-window-foot {
  70   z-index: 3;
  71   bottom: 0;
  72 }
  73 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
  74   position: relative;
  75   text-align: center;
  76 }
  77 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
  78   display: block;
  79 }
  80 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
  81   position: relative;
  82   top: auto;
  83   bottom: auto;
  84 }
  85 .oo-ui-messageDialog-actions-horizontal {
  86   display: table;
  87   table-layout: fixed;
  88   width: 100%;
  89 }
  90 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
  91   display: table-cell;
  92   width: 1%;
  93 }
  94 .oo-ui-messageDialog-actions-vertical {
  95   display: block;
  96 }
  97 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
  98   display: block;
  99   overflow: hidden;
 100   text-overflow: ellipsis;
 101 }
 102 .oo-ui-messageDialog-content > .oo-ui-window-foot {
 103   outline: 1px solid #a2a9b1;
 104 }
 105 .oo-ui-messageDialog-title,
 106 .oo-ui-messageDialog-message {
 107   display: block;
 108   text-align: center;
 109 }
 110 .oo-ui-messageDialog-title.oo-ui-labelElement,
 111 .oo-ui-messageDialog-message.oo-ui-labelElement {
 112   padding-top: 0.5em;
 113 }
 114 .oo-ui-messageDialog-title {
 115   font-size: 1.5em;
 116   line-height: 1;
 117   color: #000;
 118 }
 119 .oo-ui-messageDialog-message {
 120   font-size: 1.1em;
 121   line-height: 1.4;
 122   color: #222;
 123   text-align: left;
 124 }
 125 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
 126   border-right: 1px solid #a2a9b1;
 127   margin: 0;
 128 }
 129 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
 130   border-right-width: 0;
 131 }
 132 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
 133   border-bottom: 1px solid #a2a9b1;
 134   margin: 0;
 135 }
 136 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
 137   border-bottom-width: 0;
 138 }
 139 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
 140   min-height: 3.4375em;
 141   margin-right: 0;
 142 }
 143 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
 144   margin-right: 0;
 145 }
 146 .oo-ui-messageDialog-actions .oo-ui-actionWidget:first-child {
 147   margin-left: 0;
 148 }
 149 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
 150   border: 0;
 151   border-radius: 0;
 152   padding: 0;
 153 }
 154 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 155   line-height: 3.4375em;
 156   text-align: center;
 157 }
 158 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
 159   background-color: #f8f9fa;
 160 }
 161 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
 162   background-color: #c8ccd1;
 163 }
 164 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus {
 165   box-shadow: inset 0 0 0 1px #36c, 0 0 0 1px #36c;
 166 }
 167 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:hover,
 168 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button:hover {
 169   background-color: #eaf3ff;
 170 }
 171 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active,
 172 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button:active {
 173   background-color: rgba(8, 126, 204, 0.1);
 174 }
 175 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
 176 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label {
 177   font-weight: bold;
 178 }
 179 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
 180   background-color: #fee7e6;
 181 }
 182 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active {
 183   background-color: rgba(212, 83, 83, 0.1);
 184 }
 185 .oo-ui-processDialog-location {
 186   overflow: hidden;
 187   text-overflow: ellipsis;
 188   white-space: nowrap;
 189 }
 190 .oo-ui-processDialog-title {
 191   display: inline;
 192   padding: 0;
 193 }
 194 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
 195 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
 196 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
 197   white-space: nowrap;
 198 }
 199 .oo-ui-processDialog-actions-safe,
 200 .oo-ui-processDialog-actions-primary {
 201   position: absolute;
 202   top: 0;
 203   bottom: 0;
 204 }
 205 .oo-ui-processDialog-actions-safe {
 206   left: 0;
 207 }
 208 .oo-ui-processDialog-actions-primary {
 209   right: 0;
 210 }
 211 .oo-ui-processDialog-errors {
 212   position: absolute;
 213   top: 0;
 214   left: 0;
 215   right: 0;
 216   bottom: 0;
 217   z-index: 4;
 218   overflow-x: hidden;
 219   overflow-y: auto;
 220 }
 221 .oo-ui-processDialog-content .oo-ui-window-head {
 222   height: 3.4375em;
 223 }
 224 .oo-ui-processDialog-content .oo-ui-window-body {
 225   top: 3.4375em;
 226   outline: 1px solid #c8ccd1;
 227 }
 228 .oo-ui-processDialog-navigation {
 229   position: relative;
 230   height: 3.4375em;
 231 }
 232 .oo-ui-processDialog-location {
 233   height: 3.4375em;
 234   cursor: default;
 235   text-align: center;
 236 }
 237 .oo-ui-processDialog-title {
 238   font-weight: bold;
 239   line-height: 3.4375em;
 240 }
 241 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
 242 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
 243 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
 244   margin: 0.46875em;
 245 }
 246 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child,
 247 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child,
 248 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
 249   margin-left: 0;
 250 }
 251 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button,
 252 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button,
 253 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
 254   padding-left: 2.875em;
 255   padding-top: 0;
 256   min-height: 3.4375em;
 257 }
 258 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
 259 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
 260 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 261   left: 0.5em;
 262 }
 263 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child,
 264 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child,
 265 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child {
 266   margin-left: 0;
 267 }
 268 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button,
 269 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button,
 270 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
 271   padding: 0.75em 1em;
 272 }
 273 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button,
 274 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button,
 275 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
 276   padding-left: 2.625em;
 277 }
 278 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label,
 279 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label,
 280 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label {
 281   line-height: 1.875em;
 282 }
 283 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover,
 284 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover {
 285   background-color: rgba(0, 0, 0, 0.05);
 286 }
 287 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active,
 288 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active {
 289   background-color: rgba(0, 0, 0, 0.1);
 290 }
 291 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover,
 292 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover,
 293 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover,
 294 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover {
 295   background-color: rgba(8, 126, 204, 0.05);
 296 }
 297 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active,
 298 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active,
 299 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active,
 300 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active {
 301   background-color: rgba(8, 126, 204, 0.1);
 302 }
 303 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
 304 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
 305 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label,
 306 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label {
 307   font-weight: bold;
 308 }
 309 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover,
 310 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover {
 311   background-color: rgba(212, 83, 83, 0.05);
 312 }
 313 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active,
 314 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active {
 315   background-color: rgba(212, 83, 83, 0.1);
 316 }
 317 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
 318   margin-right: 0;
 319 }
 320 .oo-ui-processDialog > .oo-ui-window-frame {
 321   min-height: 5em;
 322 }
 323 .oo-ui-processDialog-errors {
 324   background-color: rgba(255, 255, 255, 0.9);
 325   padding: 3em 3em 1.5em 3em;
 326   text-align: center;
 327 }
 328 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
 329   margin: 2em 1em 2em 1em;
 330 }
 331 .oo-ui-processDialog-errors-title {
 332   font-size: 1.5em;
 333   color: #000;
 334   margin-bottom: 2em;
 335 }
 336 .oo-ui-processDialog-error {
 337   text-align: left;
 338   margin: 1em;
 339   padding: 1em;
 340   border: 1px solid #d33;
 341   background-color: #fff7f7;
 342   border-radius: 2px;
 343 }
 344 .oo-ui-windowManager-modal > .oo-ui-dialog {
 345   position: fixed;
 346   width: 0;
 347   height: 0;
 348   overflow: hidden;
 349   z-index: 4;
 350 }
 351 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
 352   width: auto;
 353   height: auto;
 354   top: 0;
 355   right: 0;
 356   bottom: 0;
 357   left: 0;
 358   padding: 1em;
 359 }
 360 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
 361   position: absolute;
 362   right: 0;
 363   left: 0;
 364   margin: auto;
 365   overflow: hidden;
 366   max-width: 100%;
 367   max-height: 100%;
 368 }
 369 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
 370   width: 100%;
 371   height: 100%;
 372   top: 0;
 373   bottom: 0;
 374 }
 375 .oo-ui-windowManager-modal > .oo-ui-dialog {
 376   background-color: rgba(255, 255, 255, 0.5);
 377   opacity: 0;
 378   -webkit-transition: opacity 250ms;
 379   -moz-transition: opacity 250ms;
 380   transition: opacity 250ms;
 381 }
 382 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
 383   background-color: #fff;
 384   opacity: 0;
 385   -webkit-transform: scale(0.5);
 386   -moz-transform: scale(0.5);
 387   -ms-transform: scale(0.5);
 388   transform: scale(0.5);
 389   -webkit-transition: all 250ms;
 390   -moz-transition: all 250ms;
 391   transition: all 250ms;
 392 }
 393 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
 394   opacity: 1;
 395 }
 396 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
 397   opacity: 1;
 398   -webkit-transform: scale(1);
 399   -moz-transform: scale(1);
 400   -ms-transform: scale(1);
 401   transform: scale(1);
 402 }
 403 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
 404   top: 1em;
 405   bottom: 1em;
 406   max-height: 100%;
 407   max-height: calc( 100% - 2em );
 408   border: 1px solid #a2a9b1;
 409   border-radius: 2px;
 410   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
 411 }