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

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