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

   1 /*!
   2  * OOUI v0.26.3
   3  * https://www.mediawiki.org/wiki/OOUI
   4  *
   5  * Copyright 2011–2018 OOUI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2018-04-10T22:15:43Z
  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: 1.1em;
 128   line-height: 1.5em;
 129   color: #666;
 130   text-align: left;
 131 }
 132 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
 133   border-right: 1px solid #e5e5e5;
 134   margin: 0;
 135 }
 136 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
 137   border-right-width: 0;
 138 }
 139 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
 140   border-bottom: 1px solid #e5e5e5;
 141   margin: 0;
 142 }
 143 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
 144   border-bottom-width: 0;
 145 }
 146 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
 147   min-height: 3.4em;
 148   margin-right: 0;
 149 }
 150 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
 151   margin-right: 0;
 152 }
 153 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
 154   background-color: rgba(0, 0, 0, 0.05);
 155 }
 156 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
 157   background-color: rgba(0, 0, 0, 0.1);
 158 }
 159 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
 160   padding: 0;
 161 }
 162 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 163   text-align: center;
 164   line-height: 3.4em;
 165 }
 166 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
 167   background-color: rgba(8, 126, 204, 0.05);
 168 }
 169 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
 170   background-color: rgba(8, 126, 204, 0.1);
 171 }
 172 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
 173   font-weight: bold;
 174 }
 175 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
 176   background-color: rgba(212, 83, 83, 0.05);
 177 }
 178 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
 179   background-color: rgba(212, 83, 83, 0.1);
 180 }
 181 .oo-ui-processDialog-location {
 182   overflow: hidden;
 183   text-overflow: ellipsis;
 184   white-space: nowrap;
 185 }
 186 .oo-ui-processDialog-title {
 187   display: inline;
 188   padding: 0;
 189 }
 190 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
 191 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
 192 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
 193   white-space: nowrap;
 194 }
 195 .oo-ui-processDialog-actions-safe,
 196 .oo-ui-processDialog-actions-primary {
 197   position: absolute;
 198   top: 0;
 199   bottom: 0;
 200 }
 201 .oo-ui-processDialog-actions-safe {
 202   left: 0;
 203 }
 204 .oo-ui-processDialog-actions-primary {
 205   right: 0;
 206 }
 207 .oo-ui-processDialog-errors {
 208   position: absolute;
 209   top: 0;
 210   left: 0;
 211   right: 0;
 212   bottom: 0;
 213   z-index: 4;
 214   overflow-x: hidden;
 215   overflow-y: auto;
 216 }
 217 .oo-ui-processDialog-content .oo-ui-window-head {
 218   height: 3.4em;
 219 }
 220 .oo-ui-processDialog-content .oo-ui-window-body {
 221   top: 3.4em;
 222   box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
 223 }
 224 .oo-ui-processDialog-navigation {
 225   position: relative;
 226   height: 3.4em;
 227   padding: 0 1em;
 228 }
 229 .oo-ui-processDialog-location {
 230   padding: 0.75em 0;
 231   height: 1.875em;
 232   cursor: default;
 233   text-align: center;
 234 }
 235 .oo-ui-processDialog-title {
 236   font-weight: bold;
 237   line-height: 1.875em;
 238 }
 239 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
 240 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
 241 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
 242   min-width: 1.875em;
 243   min-height: 1.875em;
 244 }
 245 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
 246 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
 247 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
 248   line-height: 1.875em;
 249 }
 250 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 251 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 252 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
 253   margin-top: -0.125em;
 254 }
 255 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
 256 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
 257 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
 258   margin: 0.75em;
 259 }
 260 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
 261 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
 262 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
 263   padding: 0 1em;
 264   vertical-align: middle;
 265   margin: -1px;
 266 }
 267 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
 268 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
 269 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
 270   margin: 0;
 271 }
 272 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
 273 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
 274 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
 275   padding: 0.75em 1em;
 276   vertical-align: middle;
 277 }
 278 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
 279 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
 280   background-color: rgba(0, 0, 0, 0.05);
 281 }
 282 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
 283 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
 284   background-color: rgba(0, 0, 0, 0.1);
 285 }
 286 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover,
 287 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
 288   background-color: rgba(8, 126, 204, 0.05);
 289 }
 290 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active,
 291 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
 292   background-color: rgba(8, 126, 204, 0.1);
 293 }
 294 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
 295 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
 296   font-weight: bold;
 297 }
 298 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
 299 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
 300   background-color: rgba(212, 83, 83, 0.05);
 301 }
 302 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
 303 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
 304   background-color: rgba(212, 83, 83, 0.1);
 305 }
 306 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
 307   margin-right: 0;
 308 }
 309 .oo-ui-processDialog > .oo-ui-window-frame {
 310   min-height: 5em;
 311 }
 312 .oo-ui-processDialog-errors {
 313   background-color: rgba(255, 255, 255, 0.9);
 314   padding: 3em 3em 1.5em 3em;
 315   text-align: center;
 316 }
 317 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
 318   margin: 2em 1em 2em 1em;
 319 }
 320 .oo-ui-processDialog-errors-title {
 321   font-size: 1.5em;
 322   color: #000;
 323   margin-bottom: 2em;
 324 }
 325 .oo-ui-processDialog-error {
 326   text-align: left;
 327   margin: 1em;
 328   padding: 1em;
 329   border: 1px solid #ff9e9e;
 330   background-color: #fff7f7;
 331   border-radius: 0.25em;
 332 }
 333 .oo-ui-windowManager-modal > .oo-ui-dialog {
 334   position: fixed;
 335   width: 0;
 336   height: 0;
 337   overflow: hidden;
 338   z-index: 4;
 339 }
 340 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
 341   width: auto;
 342   height: auto;
 343   top: 0;
 344   right: 0;
 345   bottom: 0;
 346   left: 0;
 347   padding: 1em;
 348 }
 349 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
 350   position: absolute;
 351   right: 0;
 352   left: 0;
 353   margin: auto;
 354   max-width: 100%;
 355   max-height: 100%;
 356 }
 357 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
 358   width: 100%;
 359   height: 100%;
 360   top: 0;
 361   bottom: 0;
 362 }
 363 .oo-ui-windowManager-modal > .oo-ui-dialog {
 364   background-color: rgba(255, 255, 255, 0.5);
 365   opacity: 0;
 366   -webkit-transition: opacity 250ms ease;
 367   -moz-transition: opacity 250ms ease;
 368   transition: opacity 250ms ease;
 369 }
 370 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
 371   background-color: #fff;
 372   opacity: 0;
 373   -webkit-transform: scale(0.5);
 374   -moz-transform: scale(0.5);
 375   -ms-transform: scale(0.5);
 376   transform: scale(0.5);
 377   -webkit-transition: all 250ms ease;
 378   -moz-transition: all 250ms ease;
 379   transition: all 250ms ease;
 380 }
 381 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
 382   opacity: 1;
 383 }
 384 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
 385   opacity: 1;
 386   -webkit-transform: scale(1);
 387   -moz-transform: scale(1);
 388   -ms-transform: scale(1);
 389   transform: scale(1);
 390 }
 391 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
 392   top: 1em;
 393   bottom: 1em;
 394   max-height: 100%;
 395   max-height: calc( 100% - 2em );
 396   border: 1px solid #ccc;
 397   border-radius: 0.5em;
 398   box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
 399 }