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

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