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

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