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

   1 /*!
   2  * OOjs UI v0.15.3
   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-02-09T21:21:21Z
  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: none;
  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         overflow: hidden;
  64         z-index: 1;
  65         bottom: 0;
  66 }
  67 .oo-ui-dialog-content > .oo-ui-window-body {
  68         outline: 1px solid #aaaaaa;
  69 }
  70 .oo-ui-messageDialog-actions-horizontal {
  71         display: table;
  72         table-layout: fixed;
  73         width: 100%;
  74 }
  75 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
  76         display: table-cell;
  77         width: 1%;
  78 }
  79 .oo-ui-messageDialog-actions-vertical {
  80         display: block;
  81 }
  82 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
  83         display: block;
  84         overflow: hidden;
  85         text-overflow: ellipsis;
  86 }
  87 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
  88         position: relative;
  89         text-align: center;
  90 }
  91 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
  92         display: block;
  93 }
  94 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
  95         position: relative;
  96         top: auto;
  97         bottom: auto;
  98         display: inline;
  99         white-space: nowrap;
 100 }
 101 .oo-ui-messageDialog-title,
 102 .oo-ui-messageDialog-message {
 103         display: block;
 104         text-align: center;
 105 }
 106 .oo-ui-messageDialog-title.oo-ui-labelElement,
 107 .oo-ui-messageDialog-message.oo-ui-labelElement {
 108         padding-top: 0.5em;
 109 }
 110 .oo-ui-messageDialog-title {
 111         font-size: 1.5em;
 112         line-height: 1em;
 113         color: #000000;
 114 }
 115 .oo-ui-messageDialog-message {
 116         font-size: 0.9em;
 117         line-height: 1.25em;
 118         color: #555555;
 119 }
 120 .oo-ui-messageDialog-message-verbose {
 121         font-size: 1.1em;
 122         line-height: 1.5em;
 123         text-align: left;
 124 }
 125 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
 126         border-right: 1px solid #e5e5e5;
 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 #e5e5e5;
 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         height: 3.4em;
 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.oo-ui-labelElement .oo-ui-labelElement-label {
 147         text-align: center;
 148         line-height: 3.4em;
 149         padding: 0 2em;
 150 }
 151 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
 152         background-color: rgba(0, 0, 0, 0.05);
 153 }
 154 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
 155         background-color: rgba(0, 0, 0, 0.1);
 156 }
 157 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
 158         background-color: rgba(8, 126, 204, 0.05);
 159 }
 160 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
 161         background-color: rgba(8, 126, 204, 0.1);
 162 }
 163 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
 164         font-weight: bold;
 165 }
 166 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
 167         background-color: rgba(118, 171, 54, 0.05);
 168 }
 169 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
 170         background-color: rgba(118, 171, 54, 0.1);
 171 }
 172 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
 173         background-color: rgba(212, 83, 83, 0.05);
 174 }
 175 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
 176         background-color: rgba(212, 83, 83, 0.1);
 177 }
 178 .oo-ui-processDialog-location {
 179         overflow: hidden;
 180         text-overflow: ellipsis;
 181         white-space: nowrap;
 182 }
 183 .oo-ui-processDialog-title {
 184         display: inline;
 185         padding: 0;
 186 }
 187 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
 188 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
 189 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
 190         white-space: nowrap;
 191 }
 192 .oo-ui-processDialog-actions-safe,
 193 .oo-ui-processDialog-actions-primary {
 194         position: absolute;
 195         top: 0;
 196         bottom: 0;
 197 }
 198 .oo-ui-processDialog-actions-safe {
 199         left: 0;
 200 }
 201 .oo-ui-processDialog-actions-primary {
 202         right: 0;
 203 }
 204 .oo-ui-processDialog-errors {
 205         position: absolute;
 206         top: 0;
 207         left: 0;
 208         right: 0;
 209         bottom: 0;
 210         z-index: 2;
 211         overflow-x: hidden;
 212         overflow-y: auto;
 213 }
 214 .oo-ui-processDialog-content .oo-ui-window-head {
 215         height: 3.4em;
 216 }
 217 .oo-ui-processDialog-content .oo-ui-window-body {
 218         top: 3.4em;
 219         outline: 1px solid rgba(0, 0, 0, 0.2);
 220 }
 221 .oo-ui-processDialog-navigation {
 222         position: relative;
 223         height: 3.4em;
 224         padding: 0 1em;
 225 }
 226 .oo-ui-processDialog-location {
 227         padding: 0.75em 0;
 228         height: 1.875em;
 229         cursor: default;
 230         text-align: center;
 231 }
 232 .oo-ui-processDialog-title {
 233         font-weight: bold;
 234         line-height: 1.875em;
 235 }
 236 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
 237 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
 238 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
 239         margin: 0.5em;
 240 }
 241 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
 242 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
 243 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
 244         margin: 0;
 245 }
 246 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
 247 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
 248 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
 249         padding: 0.75em 1em;
 250         vertical-align: middle;
 251 }
 252 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label,
 253 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label,
 254 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label {
 255         line-height: 1.875em;
 256 }
 257 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover,
 258 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover {
 259         background-color: rgba(0, 0, 0, 0.05);
 260 }
 261 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active,
 262 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active {
 263         background-color: rgba(0, 0, 0, 0.1);
 264 }
 265 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover,
 266 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover {
 267         background-color: rgba(8, 126, 204, 0.05);
 268 }
 269 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active,
 270 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active {
 271         background-color: rgba(8, 126, 204, 0.1);
 272 }
 273 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
 274 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
 275         font-weight: bold;
 276 }
 277 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover,
 278 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover {
 279         background-color: rgba(118, 171, 54, 0.05);
 280 }
 281 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active,
 282 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active {
 283         background-color: rgba(118, 171, 54, 0.1);
 284 }
 285 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover,
 286 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover {
 287         background-color: rgba(212, 83, 83, 0.05);
 288 }
 289 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active,
 290 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active {
 291         background-color: rgba(212, 83, 83, 0.1);
 292 }
 293 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
 294         margin-right: 0;
 295 }
 296 .oo-ui-processDialog > .oo-ui-window-frame {
 297         min-height: 5em;
 298 }
 299 .oo-ui-processDialog-errors {
 300         background-color: rgba(255, 255, 255, 0.9);
 301         padding: 3em 3em 1.5em 3em;
 302         text-align: center;
 303 }
 304 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
 305         margin: 2em 1em 2em 1em;
 306 }
 307 .oo-ui-processDialog-errors-title {
 308         font-size: 1.5em;
 309         color: #000000;
 310         margin-bottom: 2em;
 311 }
 312 .oo-ui-processDialog-error {
 313         text-align: left;
 314         margin: 1em;
 315         padding: 1em;
 316         border: 1px solid #ff9e9e;
 317         background-color: #fff7f7;
 318         border-radius: 2px;
 319 }
 320 .oo-ui-windowManager-modal > .oo-ui-dialog {
 321         position: fixed;
 322         width: 0;
 323         height: 0;
 324         overflow: hidden;
 325 }
 326 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
 327         width: auto;
 328         height: auto;
 329         top: 0;
 330         right: 0;
 331         bottom: 0;
 332         left: 0;
 333         padding: 1em;
 334 }
 335 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
 336         position: absolute;
 337         right: 0;
 338         left: 0;
 339         margin: auto;
 340         overflow: hidden;
 341         max-width: 100%;
 342         max-height: 100%;
 343 }
 344 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
 345         width: 100%;
 346         height: 100%;
 347         top: 0;
 348         bottom: 0;
 349 }
 350 .oo-ui-windowManager-modal > .oo-ui-dialog {
 351         background-color: rgba(255, 255, 255, 0.5);
 352         opacity: 0;
 353         -webkit-transition: opacity 250ms ease;
 354            -moz-transition: opacity 250ms ease;
 355                 transition: opacity 250ms ease;
 356 }
 357 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
 358         background-color: #ffffff;
 359         opacity: 0;
 360         -webkit-transform: scale(0.5);
 361            -moz-transform: scale(0.5);
 362             -ms-transform: scale(0.5);
 363                 transform: scale(0.5);
 364         -webkit-transition: all 250ms ease;
 365            -moz-transition: all 250ms ease;
 366                 transition: all 250ms ease;
 367 }
 368 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
 369         opacity: 1;
 370 }
 371 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
 372         opacity: 1;
 373         -webkit-transform: scale(1);
 374            -moz-transform: scale(1);
 375             -ms-transform: scale(1);
 376                 transform: scale(1);
 377 }
 378 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
 379         top: 1em;
 380         bottom: 1em;
 381         border: 1px solid #aaaaaa;
 382         border-radius: 2px;
 383         box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
 384 }