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

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