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

   1 /*!
   2  * OOjs UI v0.19.5
   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-03-07T22:57: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 {
  20   position: absolute;
  21   top: 0;
  22   left: 0;
  23   right: 0;
  24   bottom: 0;
  25 }
  26 .oo-ui-window-content:focus {
  27   outline: 0;
  28 }
  29 .oo-ui-window-head,
  30 .oo-ui-window-foot {
  31   -webkit-touch-callout: none;
  32   -webkit-user-select: none;
  33      -moz-user-select: none;
  34       -ms-user-select: none;
  35           user-select: none;
  36 }
  37 .oo-ui-window-body {
  38   margin: 0;
  39   padding: 0;
  40   background: none;
  41 }
  42 .oo-ui-window-overlay {
  43   position: absolute;
  44   top: 0;
  45   /* @noflip */
  46   left: 0;
  47 }
  48 .oo-ui-dialog-content > .oo-ui-window-head,
  49 .oo-ui-dialog-content > .oo-ui-window-body,
  50 .oo-ui-dialog-content > .oo-ui-window-foot {
  51   position: absolute;
  52   left: 0;
  53   right: 0;
  54   -webkit-box-sizing: border-box;
  55      -moz-box-sizing: border-box;
  56           box-sizing: border-box;
  57 }
  58 .oo-ui-dialog-content > .oo-ui-window-head {
  59   overflow: hidden;
  60   z-index: 1;
  61   top: 0;
  62 }
  63 .oo-ui-dialog-content > .oo-ui-window-body {
  64   overflow: auto;
  65   z-index: 2;
  66   top: 0;
  67   bottom: 0;
  68 }
  69 .oo-ui-dialog-content > .oo-ui-window-foot {
  70   z-index: 3;
  71   bottom: 0;
  72 }
  73 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
  74   position: relative;
  75   text-align: center;
  76 }
  77 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
  78   display: block;
  79 }
  80 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
  81   position: relative;
  82   top: auto;
  83   bottom: auto;
  84 }
  85 .oo-ui-messageDialog-actions-horizontal {
  86   display: table;
  87   table-layout: fixed;
  88   width: 100%;
  89 }
  90 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
  91   display: table-cell;
  92   width: 1%;
  93 }
  94 .oo-ui-messageDialog-actions-vertical {
  95   display: block;
  96 }
  97 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
  98   display: block;
  99   overflow: hidden;
 100   text-overflow: ellipsis;
 101 }
 102 .oo-ui-messageDialog-content > .oo-ui-window-foot {
 103   outline: 1px solid #a2a9b1;
 104 }
 105 .oo-ui-messageDialog-title,
 106 .oo-ui-messageDialog-message {
 107   display: block;
 108   text-align: center;
 109 }
 110 .oo-ui-messageDialog-title.oo-ui-labelElement,
 111 .oo-ui-messageDialog-message.oo-ui-labelElement {
 112   padding-top: 0.5em;
 113 }
 114 .oo-ui-messageDialog-title {
 115   font-size: 1.5em;
 116   line-height: 1;
 117   color: #000;
 118 }
 119 .oo-ui-messageDialog-message {
 120   font-size: 0.9em;
 121   line-height: 1.25;
 122   color: #222;
 123 }
 124 .oo-ui-messageDialog-message-verbose {
 125   font-size: 1.1em;
 126   line-height: 1.4;
 127   text-align: left;
 128 }
 129 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
 130   border-right: 1px solid #a2a9b1;
 131   margin: 0;
 132 }
 133 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
 134   border-right-width: 0;
 135 }
 136 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
 137   border-bottom: 1px solid #a2a9b1;
 138   margin: 0;
 139 }
 140 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
 141   border-bottom-width: 0;
 142 }
 143 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
 144   min-height: 3.4em;
 145   margin-right: 0;
 146 }
 147 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
 148   margin-right: 0;
 149 }
 150 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
 151   border-radius: 0;
 152 }
 153 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 154   line-height: 3.4;
 155   text-align: center;
 156 }
 157 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
 158   background-color: rgba(0, 0, 0, 0.05);
 159 }
 160 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
 161   background-color: rgba(0, 0, 0, 0.1);
 162 }
 163 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover,
 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-progressive:active,
 168 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
 169   background-color: rgba(8, 126, 204, 0.1);
 170 }
 171 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
 172 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive .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: 2;
 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   outline: 1px solid rgba(0, 0, 0, 0.2);
 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-framed,
 240 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
 241 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
 242   margin: 0.5em;
 243 }
 244 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
 245 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
 246 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
 247   margin: 0;
 248 }
 249 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
 250 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
 251 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
 252   padding: 0.75em 1em;
 253   vertical-align: middle;
 254 }
 255 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label,
 256 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label,
 257 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label {
 258   line-height: 1.875em;
 259 }
 260 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover,
 261 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover {
 262   background-color: rgba(0, 0, 0, 0.05);
 263 }
 264 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active,
 265 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active {
 266   background-color: rgba(0, 0, 0, 0.1);
 267 }
 268 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover,
 269 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover,
 270 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover,
 271 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover {
 272   background-color: rgba(8, 126, 204, 0.05);
 273 }
 274 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active,
 275 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active,
 276 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active,
 277 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active {
 278   background-color: rgba(8, 126, 204, 0.1);
 279 }
 280 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
 281 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
 282 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label,
 283 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label {
 284   font-weight: bold;
 285 }
 286 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover,
 287 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover {
 288   background-color: rgba(212, 83, 83, 0.05);
 289 }
 290 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active,
 291 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active {
 292   background-color: rgba(212, 83, 83, 0.1);
 293 }
 294 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
 295   margin-right: 0;
 296 }
 297 .oo-ui-processDialog > .oo-ui-window-frame {
 298   min-height: 5em;
 299 }
 300 .oo-ui-processDialog-errors {
 301   background-color: rgba(255, 255, 255, 0.9);
 302   padding: 3em 3em 1.5em 3em;
 303   text-align: center;
 304 }
 305 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
 306   margin: 2em 1em 2em 1em;
 307 }
 308 .oo-ui-processDialog-errors-title {
 309   font-size: 1.5em;
 310   color: #000;
 311   margin-bottom: 2em;
 312 }
 313 .oo-ui-processDialog-error {
 314   text-align: left;
 315   margin: 1em;
 316   padding: 1em;
 317   border: 1px solid #d33;
 318   background-color: #fff7f7;
 319   border-radius: 2px;
 320 }
 321 .oo-ui-windowManager-modal > .oo-ui-dialog {
 322   position: fixed;
 323   width: 0;
 324   height: 0;
 325   overflow: hidden;
 326   z-index: 4;
 327 }
 328 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
 329   width: auto;
 330   height: auto;
 331   top: 0;
 332   right: 0;
 333   bottom: 0;
 334   left: 0;
 335   padding: 1em;
 336 }
 337 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
 338   position: absolute;
 339   right: 0;
 340   left: 0;
 341   margin: auto;
 342   overflow: hidden;
 343   max-width: 100%;
 344   max-height: 100%;
 345 }
 346 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
 347   width: 100%;
 348   height: 100%;
 349   top: 0;
 350   bottom: 0;
 351 }
 352 .oo-ui-windowManager-modal > .oo-ui-dialog {
 353   background-color: rgba(255, 255, 255, 0.5);
 354   opacity: 0;
 355   -webkit-transition: opacity 250ms;
 356      -moz-transition: opacity 250ms;
 357           transition: opacity 250ms;
 358 }
 359 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
 360   background-color: #fff;
 361   opacity: 0;
 362   -webkit-transform: scale(0.5);
 363      -moz-transform: scale(0.5);
 364       -ms-transform: scale(0.5);
 365           transform: scale(0.5);
 366   -webkit-transition: all 250ms;
 367      -moz-transition: all 250ms;
 368           transition: all 250ms;
 369 }
 370 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
 371   opacity: 1;
 372 }
 373 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
 374   opacity: 1;
 375   -webkit-transform: scale(1);
 376      -moz-transform: scale(1);
 377       -ms-transform: scale(1);
 378           transform: scale(1);
 379 }
 380 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
 381   top: 1em;
 382   bottom: 1em;
 383   max-height: 100%;
 384   max-height: calc(100% - 2em);
 385   border: 1px solid #a2a9b1;
 386   border-radius: 2px;
 387   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
 388 }