resources/lib/oojs-ui/oojs-ui-agora.css

   1 /*!
   2  * OOjs UI v0.1.0-pre (0e50d2e336)
   3  * https://www.mediawiki.org/wiki/OOjs_UI
   4  *
   5  * Copyright 2011–2014 OOjs Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2014-08-06T12:56:55Z
  10  */
  11 .oo-ui-dialog-content > .oo-ui-window-head,
  12 .oo-ui-dialog-content > .oo-ui-window-body,
  13 .oo-ui-dialog-content > .oo-ui-window-foot {
  14   position: absolute;
  15   right: 0;
  16   left: 0;
  17   overflow: hidden;
  18   -webkit-box-sizing: border-box;
  19      -moz-box-sizing: border-box;
  20           box-sizing: border-box;
  21 }
  22
  23 .oo-ui-dialog-content > .oo-ui-window-head {
  24   top: 0;
  25   z-index: 1;
  26 }
  27
  28 .oo-ui-dialog-content > .oo-ui-window-body {
  29   top: 0;
  30   bottom: 0;
  31   z-index: 2;
  32 }
  33
  34 .oo-ui-dialog-content > .oo-ui-window-foot {
  35   bottom: 0;
  36   z-index: 1;
  37 }
  38
  39 .oo-ui-dialog-content > .oo-ui-window-overlay {
  40   z-index: 3;
  41 }
  42
  43 .oo-ui-windowManager-modal > .oo-ui-dialog {
  44   background-color: rgba(255, 255, 255, 0.5);
  45   opacity: 0;
  46   -webkit-transition: opacity 250ms ease-in-out;
  47      -moz-transition: opacity 250ms ease-in-out;
  48       -ms-transition: opacity 250ms ease-in-out;
  49        -o-transition: opacity 250ms ease-in-out;
  50           transition: opacity 250ms ease-in-out;
  51 }
  52
  53 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
  54   top: 1em;
  55   bottom: 1em;
  56   background-color: #fff;
  57   -webkit-transform: translate3d(0, -200%, 0);
  58      -moz-transform: translate3d(0, -200%, 0);
  59       -ms-transform: translate3d(0, -200%, 0);
  60        -o-transform: translate3d(0, -200%, 0);
  61           transform: translate3d(0, -200%, 0);
  62   -webkit-transition: transform 250ms ease-in-out;
  63      -moz-transition: transform 250ms ease-in-out;
  64       -ms-transition: transform 250ms ease-in-out;
  65        -o-transition: transform 250ms ease-in-out;
  66           transition: transform 250ms ease-in-out;
  67 }
  68
  69 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
  70   opacity: 1;
  71 }
  72
  73 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
  74   -webkit-transform: translate3d(0, 0, 0);
  75      -moz-transform: translate3d(0, 0, 0);
  76       -ms-transform: translate3d(0, 0, 0);
  77        -o-transform: translate3d(0, 0, 0);
  78           transform: translate3d(0, 0, 0);
  79 }
  80
  81 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
  82   border: solid 1px #ccc;
  83   border-radius: 0.5em;
  84   box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
  85 }
  86
  87 .oo-ui-messageDialog-title,
  88 .oo-ui-messageDialog-message {
  89   display: block;
  90   padding-top: 0.5em;
  91   text-align: center;
  92 }
  93
  94 .oo-ui-messageDialog-title {
  95   font-size: 1.5em;
  96   line-height: 1em;
  97   color: #000;
  98 }
  99
 100 .oo-ui-messageDialog-message {
 101   font-size: 0.9em;
 102   line-height: 1.25em;
 103   color: #666;
 104 }
 105
 106 .oo-ui-messageDialog-message-verbose {
 107   font-size: 1.1em;
 108   line-height: 1.5em;
 109   text-align: left;
 110 }
 111
 112 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
 113   border-right: solid 1px #e5e5e5;
 114 }
 115
 116 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
 117   border-right-width: 0;
 118 }
 119
 120 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
 121   border-bottom: solid 1px #e5e5e5;
 122 }
 123
 124 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
 125   border-bottom-width: 0;
 126 }
 127
 128 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labeledElement-label {
 129   padding: 0 2em;
 130   line-height: 3.4em;
 131   text-align: center;
 132 }
 133
 134 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
 135   background-color: rgba(0, 0, 0, 0.05);
 136 }
 137
 138 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
 139   background-color: rgba(0, 0, 0, 0.1);
 140 }
 141
 142 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-primary:hover {
 143   background-color: rgba(8, 126, 204, 0.05);
 144 }
 145
 146 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-primary:active {
 147   background-color: rgba(8, 126, 204, 0.1);
 148 }
 149
 150 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label {
 151   font-weight: bold;
 152 }
 153
 154 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:hover {
 155   background-color: rgba(118, 171, 54, 0.05);
 156 }
 157
 158 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:active {
 159   background-color: rgba(118, 171, 54, 0.1);
 160 }
 161
 162 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:hover {
 163   background-color: rgba(212, 83, 83, 0.05);
 164 }
 165
 166 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:active {
 167   background-color: rgba(212, 83, 83, 0.1);
 168 }
 169
 170 .oo-ui-processDialog-content .oo-ui-window-head {
 171   height: 3.35em;
 172   border-bottom: 1px solid #dddddd;
 173   -webkit-box-sizing: border-box;
 174      -moz-box-sizing: border-box;
 175           box-sizing: border-box;
 176 }
 177
 178 .oo-ui-processDialog-content .oo-ui-window-body {
 179   top: 3.35em;
 180   padding: 2em 0;
 181 }
 182
 183 .oo-ui-processDialog-navigation {
 184   position: relative;
 185   height: 3.35em;
 186   padding: 0 1em;
 187 }
 188
 189 .oo-ui-processDialog-location {
 190   height: 3.35em;
 191   padding: 0.25em 0;
 192   text-align: center;
 193   cursor: default;
 194 }
 195
 196 .oo-ui-processDialog-title {
 197   font-weight: bold;
 198   line-height: 1.85em;
 199 }
 200
 201 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonedElement-button,
 202 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonedElement-button,
 203 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonedElement-button {
 204   min-width: 1.85em;
 205   min-height: 1.85em;
 206   padding: 0.35em 0.75em;
 207   border: 1px solid #dddddd;
 208   border-radius: 4px;
 209 }
 210
 211 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labeledElement-label,
 212 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labeledElement-label,
 213 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labeledElement-label {
 214   padding: 0 1em;
 215   font-weight: bold;
 216   line-height: 1.85em;
 217   color: #777777;
 218 }
 219
 220 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconedElement-icon,
 221 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconedElement-icon,
 222 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconedElement-icon {
 223   position: absolute;
 224   margin-top: -0.125em;
 225 }
 226
 227 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button,
 228 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button,
 229 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
 230   vertical-align: middle;
 231 }
 232
 233 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button,
 234 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button,
 235 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button {
 236   border: 1px solid transparent;
 237 }
 238
 239 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-labeledElement-label,
 240 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-labeledElement-label,
 241 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-labeledElement-label {
 242   color: #d11d13;
 243 }
 244
 245 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonedElement-button,
 246 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonedElement-button {
 247   padding: 0.75em 0.35em;
 248   border: none;
 249   border-radius: 0;
 250 }
 251
 252 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button,
 253 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button {
 254   background-color: #347bff;
 255 }
 256
 257 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label,
 258 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label {
 259   color: #ffffff;
 260 }
 261
 262 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon {
 263   left: 0.5em;
 264 }
 265
 266 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-labeledElement-label {
 267   padding-left: 2.25em;
 268 }
 269
 270 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon {
 271   right: 0.5em;
 272 }
 273
 274 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-labeledElement-label {
 275   padding-right: 2.25em;
 276 }
 277
 278 .oo-ui-processDialog-actions-other {
 279   position: absolute;
 280   bottom: 1em;
 281 }
 282
 283 .oo-ui-processDialog > .oo-ui-window-frame {
 284   min-height: 5em;
 285 }
 286
 287 .oo-ui-processDialog-errors {
 288   padding: 3em 3em 1.5em 3em;
 289   text-align: center;
 290   background-color: rgba(255, 255, 255, 0.9);
 291 }
 292
 293 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
 294   margin: 2em 1em 2em 1em;
 295 }
 296
 297 .oo-ui-processDialog-errors-title {
 298   margin-bottom: 2em;
 299   font-size: 1.5em;
 300   color: #000;
 301 }
 302
 303 .oo-ui-processDialog-error {
 304   padding: 1em;
 305   margin: 1em;
 306   text-align: left;
 307   background-color: #fff7f7;
 308   border: solid 1px #ff9e9e;
 309   border-radius: 0.25em;
 310 }
 311
 312 .oo-ui-buttonedElement.oo-ui-indicatedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator,
 313 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
 314   width: 3.35em;
 315   height: 3.35em;
 316   background-size: 2em auto;
 317 }
 318
 319 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
 320   padding: 0 0 1em;
 321 }
 322
 323 .oo-ui-panelLayout {
 324   padding: 1em 3.35em;
 325 }
 326
 327 .oo-ui-optionWidget {
 328   padding: 0.8em 1em 0.8em 3.35em;
 329   font-weight: bold;
 330   border-bottom: 1px solid #dddddd;
 331 }
 332
 333 .oo-ui-optionWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
 334   padding-right: 1.5em;
 335 }
 336
 337 .oo-ui-optionWidget-level-0 {
 338   padding-left: 3.5em;
 339 }
 340
 341 .oo-ui-optionWidget-level-0 .oo-ui-iconedElement-icon {
 342   left: 1em;
 343 }
 344
 345 .oo-ui-optionWidget-level-1 {
 346   padding-left: 5em;
 347 }
 348
 349 .oo-ui-optionWidget-level-1 .oo-ui-iconedElement-icon {
 350   left: 2.5em;
 351 }
 352
 353 .oo-ui-optionWidget-level-2 {
 354   padding-left: 6.5em;
 355 }
 356
 357 .oo-ui-optionWidget-level-2 .oo-ui-iconedElement-icon {
 358   left: 4em;
 359 }
 360
 361 .oo-ui-buttonOptionWidget {
 362   padding: 0;
 363 }
 364
 365 .oo-ui-lookupWidget-menu {
 366   background-color: #fff;
 367 }
 368
 369 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
 370   color: #ffffff;
 371   background: #347bff;
 372 }
 373
 374 .oo-ui-menuItemWidget .oo-ui-iconedElement-icon {
 375   background-size: 24px auto;
 376 }
 377
 378 .oo-ui-menuSectionItemWidget {
 379   font-weight: normal;
 380   color: #777777;
 381   border: none;
 382 }
 383
 384 .oo-ui-textInputWidget input,
 385 .oo-ui-textInputWidget textarea {
 386   padding: .8em 1em;
 387 }
 388
 389 /* Icons */
 390
 391 .oo-ui-icon-check {
 392   background: #347bff;
 393   background-image: /* @embed */ url(themes/agora/images/icons/check.svg);
 394 }