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

   1 /*!
   2  * OOjs UI v0.1.0
   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-07-22T21:39:24Z
  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   left: 0;
  16   right: 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: right;
 110 }
 111
 112 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
 113   border-left: solid 1px #e5e5e5;
 114 }
 115
 116 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
 117   border-left-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-top: 0.75em;
 207   padding-bottom: 0.75em;
 208 }
 209
 210 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labeledElement-label,
 211 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labeledElement-label,
 212 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labeledElement-label {
 213   padding: 0 1em;
 214   line-height: 1.85em;
 215 }
 216
 217 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconedElement-icon,
 218 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconedElement-icon,
 219 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconedElement-icon {
 220   position: absolute;
 221   margin-top: -0.125em;
 222 }
 223
 224 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonedElement-framed,
 225 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonedElement-framed,
 226 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonedElement-framed {
 227   margin: 0.75em 0.75em 0.75em 0;
 228   border: solid 1px #ccc;
 229   border-radius: 0.25em;
 230 }
 231
 232 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button,
 233 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button,
 234 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
 235   padding: 0;
 236   vertical-align: middle;
 237 }
 238
 239 .oo-ui-processDialog-actions-safe.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button,
 240 .oo-ui-processDialog-actions-primary.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
 241   margin: 0.75em;
 242 }
 243
 244 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
 245 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
 246   background-color: rgba(0, 0, 0, 0.05);
 247 }
 248
 249 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
 250 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
 251   background-color: rgba(0, 0, 0, 0.1);
 252 }
 253
 254 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonedElement-framed,
 255 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonedElement-framed {
 256   margin: 0.75em;
 257 }
 258
 259 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button,
 260 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
 261   /* Adjust for border so text aligns with title */
 262
 263   margin: -1px;
 264 }
 265
 266 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-primary:hover,
 267 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary:hover {
 268   background-color: rgba(8, 126, 204, 0.05);
 269 }
 270
 271 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-primary:active,
 272 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary:active {
 273   background-color: rgba(8, 126, 204, 0.1);
 274 }
 275
 276 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label,
 277 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label {
 278   font-weight: bold;
 279 }
 280
 281 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:hover,
 282 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:hover {
 283   background-color: rgba(118, 171, 54, 0.05);
 284 }
 285
 286 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:active,
 287 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:active {
 288   background-color: rgba(118, 171, 54, 0.1);
 289 }
 290
 291 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:hover,
 292 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:hover {
 293   background-color: rgba(212, 83, 83, 0.05);
 294 }
 295
 296 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:active,
 297 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:active {
 298   background-color: rgba(212, 83, 83, 0.1);
 299 }
 300
 301 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon {
 302   right: 0.5em;
 303 }
 304
 305 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-labeledElement-label {
 306   padding-right: 2.25em;
 307 }
 308
 309 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon {
 310   left: 0.5em;
 311 }
 312
 313 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-labeledElement-label {
 314   padding-left: 2.25em;
 315 }
 316
 317 .oo-ui-processDialog > .oo-ui-window-frame {
 318   min-height: 5em;
 319 }
 320
 321 .oo-ui-processDialog-errors {
 322   padding: 3em 3em 1.5em 3em;
 323   text-align: center;
 324   background-color: rgba(255, 255, 255, 0.9);
 325 }
 326
 327 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
 328   margin: 2em 1em 2em 1em;
 329 }
 330
 331 .oo-ui-processDialog-errors-title {
 332   margin-bottom: 2em;
 333   font-size: 1.5em;
 334   color: #000;
 335 }
 336
 337 .oo-ui-processDialog-error {
 338   padding: 1em;
 339   margin: 1em;
 340   text-align: right;
 341   background-color: #fff7f7;
 342   border: solid 1px #ff9e9e;
 343   border-radius: 0.25em;
 344 }
 345
 346 .oo-ui-buttonedElement.oo-ui-indicatedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator,
 347 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
 348   width: 3.35em;
 349   height: 3.35em;
 350   background-size: 2em auto;
 351 }
 352
 353 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
 354   padding: 0 0 1em;
 355 }
 356
 357 .oo-ui-optionWidget {
 358   padding: 0.8em 3.35em 0.8em 1em;
 359   font-weight: bold;
 360   border-bottom: 1px solid #dddddd;
 361 }
 362
 363 .oo-ui-optionWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
 364   padding-left: 1.5em;
 365 }
 366
 367 .oo-ui-optionWidget-level-0 {
 368   padding-right: 3.5em;
 369 }
 370
 371 .oo-ui-optionWidget-level-0 .oo-ui-iconedElement-icon {
 372   right: 1em;
 373 }
 374
 375 .oo-ui-optionWidget-level-1 {
 376   padding-right: 5em;
 377 }
 378
 379 .oo-ui-optionWidget-level-1 .oo-ui-iconedElement-icon {
 380   right: 2.5em;
 381 }
 382
 383 .oo-ui-optionWidget-level-2 {
 384   padding-right: 6.5em;
 385 }
 386
 387 .oo-ui-optionWidget-level-2 .oo-ui-iconedElement-icon {
 388   right: 4em;
 389 }
 390
 391 .oo-ui-buttonOptionWidget {
 392   padding: 0;
 393 }
 394
 395 .oo-ui-lookupWidget-menu {
 396   background-color: #fff;
 397 }
 398
 399 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
 400   color: #ffffff;
 401   background: #347bff;
 402 }
 403
 404 .oo-ui-menuSectionItemWidget {
 405   font-weight: normal;
 406   color: #777777;
 407   border: none;
 408 }
 409
 410 .oo-ui-textInputWidget input,
 411 .oo-ui-textInputWidget textarea {
 412   padding: .8em 1em;
 413 }
 414
 415 /* Icons */
 416
 417 .oo-ui-icon-check {
 418   background: #347bff;
 419   background-image: /* @embed */ url(themes/agora/images/icons/check.svg);
 420 }