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

   1 .oo-ui-dialog {
   2   background-color: #fff;
   3   background-color: rgba(255, 255, 255, 0.5);
   4   /* Opening and closing animation */
   5
   6   opacity: 0;
   7 }
   8
   9 .oo-ui-dialog > .oo-ui-window-frame {
  10   -webkit-transform: scale(0.5);
  11      -moz-transform: scale(0.5);
  12       -ms-transform: scale(0.5);
  13        -o-transform: scale(0.5);
  14           transform: scale(0.5);
  15 }
  16
  17 .oo-ui-dialog.oo-ui-window-setup,
  18 .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
  19   -webkit-transition: all 250ms ease-in-out;
  20      -moz-transition: all 250ms ease-in-out;
  21       -ms-transition: all 250ms ease-in-out;
  22        -o-transition: all 250ms ease-in-out;
  23           transition: all 250ms ease-in-out;
  24 }
  25
  26 .oo-ui-dialog.oo-ui-window-ready {
  27   opacity: 1;
  28 }
  29
  30 .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
  31   -webkit-transform: scale(1);
  32      -moz-transform: scale(1);
  33       -ms-transform: scale(1);
  34        -o-transform: scale(1);
  35           transform: scale(1);
  36 }
  37
  38 .oo-ui-dialog-content .oo-ui-window-head,
  39 .oo-ui-dialog-content .oo-ui-window-body,
  40 .oo-ui-dialog-content .oo-ui-window-foot {
  41   position: absolute;
  42   right: 0;
  43   left: 0;
  44   overflow: hidden;
  45   -webkit-box-sizing: border-box;
  46      -moz-box-sizing: border-box;
  47           box-sizing: border-box;
  48 }
  49
  50 .oo-ui-dialog-content .oo-ui-window-head {
  51   top: 0;
  52   height: 3.8em;
  53   padding: 0.5em;
  54 }
  55
  56 .oo-ui-dialog-content .oo-ui-window-title {
  57   line-height: 2.8em;
  58 }
  59
  60 .oo-ui-dialog-content .oo-ui-window-icon {
  61   width: 2.4em;
  62   height: 2.8em;
  63   line-height: 2.8em;
  64 }
  65
  66 .oo-ui-dialog-content .oo-ui-window-closeButton {
  67   float: right;
  68   margin: 0.25em 0.25em;
  69 }
  70
  71 .oo-ui-dialog-content .oo-ui-window-body {
  72   top: 3.8em;
  73   bottom: 4.8em;
  74 }
  75
  76 .oo-ui-dialog-content-footless .oo-ui-window-body {
  77   bottom: 0;
  78 }
  79
  80 .oo-ui-dialog > .oo-ui-window-frame {
  81   top: 1em;
  82   bottom: 1em;
  83   background-color: #fff;
  84   border: solid 1px #ccc;
  85   border-radius: 0.5em;
  86   box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
  87 }
  88
  89 .oo-ui-dialog-small > .oo-ui-window-frame {
  90   width: 400px;
  91   max-height: 230px;
  92 }
  93
  94 .oo-ui-dialog-medium > .oo-ui-window-frame {
  95   width: 600px;
  96   max-height: 460px;
  97 }
  98
  99 .oo-ui-dialog-large > .oo-ui-window-frame {
 100   width: 800px;
 101   max-height: 690px;
 102 }
 103
 104 .oo-ui-dialog-content .oo-ui-window-head,
 105 .oo-ui-dialog-content .oo-ui-window-foot {
 106   z-index: 1;
 107 }
 108
 109 .oo-ui-dialog-content .oo-ui-window-body {
 110   z-index: 2;
 111   box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
 112 }
 113
 114 .oo-ui-dialog-content .oo-ui-window-foot {
 115   bottom: 0;
 116   height: 4.8em;
 117   padding: 1em;
 118 }
 119
 120 .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-framed {
 121   margin: 0.125em 0.25em;
 122 }
 123
 124 .oo-ui-dialog-content .oo-ui-window-overlay {
 125   z-index: 3;
 126 }
 127
 128 .oo-ui-frame-content {
 129   font-family: sans-serif;
 130   font-size: 0.8em;
 131 }
 132
 133 .oo-ui-toolbar-bar {
 134   background: #f8fbfd;
 135   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f7fb));
 136   background-image: -webkit-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
 137   background-image: -moz-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
 138   background-image: -ms-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
 139   background-image: -o-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
 140   background-image: linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
 141   border-bottom: solid 1px #ccc;
 142   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f7fb');
 143 }
 144
 145 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
 146   background: none;
 147   border: none;
 148 }
 149
 150 .oo-ui-toolbar-shadow {
 151   bottom: -9px;
 152   height: 9px;
 153   background-image: /* @embed */ url(images/toolbar-shadow.png);
 154   opacity: 0.125;
 155   -webkit-transition: opacity 500ms ease-in-out;
 156      -moz-transition: opacity 500ms ease-in-out;
 157       -ms-transition: opacity 500ms ease-in-out;
 158        -o-transition: opacity 500ms ease-in-out;
 159           transition: opacity 500ms ease-in-out;
 160 }
 161
 162 .oo-ui-toolGroup {
 163   border: solid 1px transparent;
 164   border-radius: 0.25em;
 165   -webkit-transition: border-color 300ms ease-in-out;
 166      -moz-transition: border-color 300ms ease-in-out;
 167       -ms-transition: border-color 300ms ease-in-out;
 168        -o-transition: border-color 300ms ease-in-out;
 169           transition: border-color 300ms ease-in-out;
 170 }
 171
 172 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
 173   border-color: rgba(0, 0, 0, 0.1);
 174 }
 175
 176 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
 177   color: #000;
 178 }
 179
 180 .oo-ui-window-body {
 181   padding: 0 0.75em;
 182 }
 183
 184 .oo-ui-window-icon {
 185   width: 2em;
 186   height: 2em;
 187   margin-right: 0.5em;
 188   line-height: 2em;
 189 }
 190
 191 .oo-ui-window-title {
 192   line-height: 2em;
 193   color: #333;
 194 }
 195
 196 .oo-ui-window-overlay {
 197   font-family: sans-serif;
 198   font-size: 1em;
 199   line-height: 1.5em;
 200 }
 201
 202 .oo-ui-buttonedElement .oo-ui-buttonedElement-button {
 203   color: #333;
 204 }
 205
 206 .oo-ui-buttonedElement.oo-ui-indicatedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator,
 207 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
 208   width: 1.9em;
 209   height: 1.9em;
 210   opacity: 0.8;
 211 }
 212
 213 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
 214   /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */
 215
 216   /*.oo-ui-transition(opacity 200ms);*/
 217
 218 }
 219
 220 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:hover > .oo-ui-iconedElement-icon,
 221 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-iconedElement-icon {
 222   opacity: 1;
 223 }
 224
 225 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:hover > .oo-ui-labeledElement-label,
 226 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-labeledElement-label {
 227   color: #000;
 228 }
 229
 230 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
 231   color: #333;
 232 }
 233
 234 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
 235   opacity: 0.2;
 236 }
 237
 238 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
 239   color: #ccc;
 240 }
 241
 242 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
 243   padding: 0.2em 0.8em;
 244   margin: 0.1em 0;
 245   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
 246   background: #eeeeee;
 247   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
 248   background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 249   background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 250   background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 251   background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 252   background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%);
 253   border: 1px #c9c9c9 solid;
 254   border-radius: 0.3em;
 255   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
 256   -webkit-transition: border-color 100ms ease-in-out;
 257      -moz-transition: border-color 100ms ease-in-out;
 258       -ms-transition: border-color 100ms ease-in-out;
 259        -o-transition: border-color 100ms ease-in-out;
 260           transition: border-color 100ms ease-in-out;
 261 }
 262
 263 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button:hover,
 264 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button:focus {
 265   border-color: #aaa;
 266 }
 267
 268 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button.oo-ui-buttonedElement-active,
 269 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
 270   color: black;
 271   background: #eeeeee;
 272   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
 273   background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 274   background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 275   background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 276   background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 277   background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%);
 278   border-color: #c9c9c9;
 279   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff');
 280   box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
 281 }
 282
 283 .oo-ui-buttonedElement-framed.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
 284   margin-right: -0.5em;
 285   margin-left: -0.5em;
 286 }
 287
 288 .oo-ui-buttonedElement-framed.oo-ui-iconedElement.oo-ui-labeledElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
 289   margin-right: 0.3em;
 290   margin-left: -0.5em;
 291 }
 292
 293 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button {
 294   background: #cde7f4;
 295   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee));
 296   background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
 297   background-image: -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
 298   background-image: -ms-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
 299   background-image: -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
 300   background-image: linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
 301   border: solid 1px #a6cee1;
 302   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee');
 303 }
 304
 305 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button:hover,
 306 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button:focus {
 307   border-color: #9dc2d4;
 308 }
 309
 310 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button.oo-ui-buttonedElement-active,
 311 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
 312   background: #cde7f4;
 313   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa));
 314   background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 315   background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 316   background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 317   background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 318   background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 319   border: solid 1px #a6cee1;
 320   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa');
 321 }
 322
 323 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button {
 324   background: #daf0be;
 325   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f0fbe1), color-stop(100%, #c3e59a));
 326   background-image: -webkit-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
 327   background-image: -moz-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
 328   background-image: -ms-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
 329   background-image: -o-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
 330   background-image: linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
 331   border: solid 1px #b8d892;
 332   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f0fbe1', endColorstr='#c3e59a');
 333 }
 334
 335 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button:hover,
 336 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button:focus {
 337   border-color: #adcb89;
 338 }
 339
 340 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button.oo-ui-buttonedElement-active,
 341 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
 342   background: #daf0be;
 343   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #c3e59a), color-stop(100%, #f0fbe1));
 344   background-image: -webkit-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
 345   background-image: -moz-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
 346   background-image: -ms-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
 347   background-image: -o-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
 348   background-image: linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
 349   border: solid 1px #b8d892;
 350   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3e59a', endColorstr='#f0fbe1');
 351 }
 352
 353 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button {
 354   color: #d45353;
 355 }
 356
 357 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button,
 358 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-active,
 359 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
 360   color: #333;
 361   background: #eee;
 362   border-color: #ccc;
 363   opacity: 0.5;
 364   box-shadow: none;
 365 }
 366
 367 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button:hover,
 368 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-active:hover,
 369 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed:hover,
 370 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button:focus,
 371 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-active:focus,
 372 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed:focus {
 373   border-color: #ccc;
 374   box-shadow: none;
 375 }
 376
 377 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
 378   padding: 1.5em;
 379 }
 380
 381 .oo-ui-bookletLayout-outlinePanel {
 382   border-right: solid 1px #ddd;
 383 }
 384
 385 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
 386   box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
 387 }
 388
 389 .oo-ui-fieldLayout-disabled .oo-ui-labeledElement-label {
 390   color: #ccc;
 391 }
 392
 393 .oo-ui-fieldsetLayout {
 394   border: none;
 395 }
 396
 397 .oo-ui-fieldsetLayout > .oo-ui-labeledElement-label {
 398   font-size: 1.5em;
 399 }
 400
 401 .oo-ui-panelLayout {
 402   position: absolute;
 403   top: 0;
 404   right: 0;
 405   bottom: 0;
 406   left: 0;
 407 }
 408
 409 .oo-ui-panelLayout-padded {
 410   padding: 2em;
 411 }
 412
 413 .oo-ui-barToolGroup .oo-ui-tool {
 414   margin: -1px 0 -1px -1px;
 415   border: solid 1px transparent;
 416 }
 417
 418 .oo-ui-barToolGroup .oo-ui-tool:first-child {
 419   border-bottom-left-radius: 0.25em;
 420   border-top-left-radius: 0.25em;
 421 }
 422
 423 .oo-ui-barToolGroup .oo-ui-tool:last-child {
 424   margin-right: -1px;
 425   border-top-right-radius: 0.25em;
 426   border-bottom-right-radius: 0.25em;
 427 }
 428
 429 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
 430   opacity: 0.8;
 431 }
 432
 433 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover {
 434   border-color: rgba(0, 0, 0, 0.2);
 435 }
 436
 437 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
 438   background: #f8fbfd;
 439   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
 440   background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 441   background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 442   background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 443   background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 444   background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 445   border-color: rgba(0, 0, 0, 0.2);
 446   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
 447   box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
 448 }
 449
 450 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
 451   border-left-color: rgba(0, 0, 0, 0.1);
 452 }
 453
 454 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
 455   opacity: 0.2;
 456 }
 457
 458 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
 459   opacity: 0.8;
 460 }
 461
 462 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconedElement-icon {
 463   opacity: 1;
 464 }
 465
 466 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
 467   opacity: 0.2;
 468 }
 469
 470 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
 471   border-color: rgba(0, 0, 0, 0.2);
 472 }
 473
 474 .oo-ui-listToolGroup .oo-ui-tool {
 475   margin: -1px 0;
 476   border: solid 1px transparent;
 477 }
 478
 479 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
 480   background: #f8fbfd;
 481   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
 482   background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 483   background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 484   background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 485   background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 486   background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 487   border-color: rgba(0, 0, 0, 0.1);
 488   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
 489   box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
 490 }
 491
 492 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
 493   border-top-color: rgba(0, 0, 0, 0.1);
 494 }
 495
 496 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
 497   border-color: rgba(0, 0, 0, 0.2);
 498 }
 499
 500 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
 501   border-color: rgba(0, 0, 0, 0.2);
 502 }
 503
 504 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
 505   opacity: 0.8;
 506 }
 507
 508 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconedElement-icon {
 509   opacity: 1;
 510 }
 511
 512 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
 513   color: #ccc;
 514 }
 515
 516 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
 517   opacity: 0.2;
 518 }
 519
 520 .oo-ui-listToolGroup.oo-ui-widget-disabled {
 521   color: #ccc;
 522 }
 523
 524 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatedElement-indicator,
 525 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconedElement-icon {
 526   opacity: 0.2;
 527 }
 528
 529 .oo-ui-menuToolGroup {
 530   border-color: rgba(0, 0, 0, 0.1);
 531 }
 532
 533 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
 534   border-color: rgba(0, 0, 0, 0.2);
 535 }
 536
 537 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
 538   border-color: rgba(0, 0, 0, 0.25);
 539 }
 540
 541 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
 542   background-color: #e1f3ff;
 543 }
 544
 545 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
 546   color: #ccc;
 547 }
 548
 549 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
 550   opacity: 0.2;
 551 }
 552
 553 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
 554   color: #ccc;
 555   border-color: rgba(0, 0, 0, 0.05);
 556 }
 557
 558 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatedElement-indicator,
 559 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconedElement-icon {
 560   opacity: 0.2;
 561 }
 562
 563 .oo-ui-popupToolGroup-handle .oo-ui-indicatedElement-indicator,
 564 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
 565   opacity: 0.8;
 566 }
 567
 568 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
 569   background-color: white;
 570   border: solid 1px #ccc;
 571   box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25);
 572 }
 573
 574 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
 575   background: #f8fbfd;
 576   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
 577   background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 578   background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 579   background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 580   background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 581   background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 582   border-bottom-right-radius: 0;
 583   border-bottom-left-radius: 0;
 584   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
 585   box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
 586 }
 587
 588 .oo-ui-optionWidget {
 589   padding: 0.5em 2em 0.5em 3em;
 590 }
 591
 592 .oo-ui-optionWidget-highlighted {
 593   background-color: #e1f3ff;
 594 }
 595
 596 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
 597   background-color: #a7dcff;
 598 }
 599
 600 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
 601   background-color: #a7dcff;
 602 }
 603
 604 .oo-ui-optionWidget.oo-ui-widget-disabled {
 605   color: #ccc;
 606 }
 607
 608 .oo-ui-menuWidget {
 609   margin-top: -1px;
 610   background: #fff;
 611   border: solid 1px #ccc;
 612   border-radius: 0 0 0.25em 0.25em;
 613   box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2);
 614 }
 615
 616 .oo-ui-popupWidget-popup {
 617   background-color: #fff;
 618   border: solid 1px #ccc;
 619   border-radius: 0.25em;
 620   box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
 621 }
 622
 623 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-tail {
 624   width: 15px;
 625   height: 8px;
 626   margin-left: -7px;
 627   background-image: /* @embed */ url(images/tail.svg);
 628 }
 629
 630 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
 631   -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
 632      -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
 633       -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
 634        -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
 635           transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
 636 }
 637
 638 .oo-ui-popupWidget-body {
 639   box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
 640 }
 641
 642 .oo-ui-buttonGroupWidget {
 643   display: inline-block;
 644   white-space: nowrap;
 645 }
 646
 647 .oo-ui-buttonOptionWidget {
 648   padding: 0;
 649 }
 650
 651 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
 652 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
 653 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
 654   background-color: transparent;
 655 }
 656
 657 .oo-ui-buttonSelectWidget {
 658   border-radius: 0.3em;
 659 }
 660
 661 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button {
 662   margin-left: -1px;
 663   border-radius: 0;
 664 }
 665
 666 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonedElement-button {
 667   margin-left: 0;
 668   border-bottom-left-radius: 0.3em;
 669   border-top-left-radius: 0.3em;
 670 }
 671
 672 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonedElement-button {
 673   border-top-right-radius: 0.3em;
 674   border-bottom-right-radius: 0.3em;
 675 }
 676
 677 .oo-ui-inlineMenuWidget-handle {
 678   border: solid 1px rgba(0, 0, 0, 0.1);
 679   border-radius: 0.25em;
 680 }
 681
 682 .oo-ui-inlineMenuWidget-handle:hover {
 683   border-color: rgba(0, 0, 0, 0.2);
 684 }
 685
 686 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatedElement-indicator,
 687 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
 688   opacity: 0.8;
 689 }
 690
 691 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
 692   color: #ccc;
 693   text-shadow: 0 1px 1px #fff;
 694   background-color: #f3f3f3;
 695   border-color: #ddd;
 696 }
 697
 698 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatedElement-indicator {
 699   opacity: 0.2;
 700 }
 701
 702 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
 703   background-color: transparent;
 704 }
 705
 706 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted,
 707 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
 708   background-color: #e1f3ff;
 709 }
 710
 711 .oo-ui-menuSectionItemWidget {
 712   padding: 0.33em 0.75em;
 713   color: #888;
 714 }
 715
 716 .oo-ui-outlineControlsWidget {
 717   background-color: #fff;
 718 }
 719
 720 .oo-ui-outlineControlsWidget > .oo-ui-iconedElement-icon {
 721   opacity: 0.2;
 722 }
 723
 724 .oo-ui-outlineItemWidget {
 725   font-size: 1.1em;
 726 }
 727
 728 .oo-ui-outlineItemWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
 729   padding-right: 1.5em;
 730 }
 731
 732 .oo-ui-outlineItemWidget.oo-ui-indicatedElement .oo-ui-indicatedElement-indicator {
 733   opacity: 0.5;
 734 }
 735
 736 .oo-ui-outlineItemWidget-level-0 {
 737   padding-left: 3.5em;
 738 }
 739
 740 .oo-ui-outlineItemWidget-level-0 .oo-ui-iconedElement-icon {
 741   left: 1em;
 742 }
 743
 744 .oo-ui-outlineItemWidget-level-1 {
 745   padding-left: 5em;
 746 }
 747
 748 .oo-ui-outlineItemWidget-level-1 .oo-ui-iconedElement-icon {
 749   left: 2.5em;
 750 }
 751
 752 .oo-ui-outlineItemWidget-level-2 {
 753   padding-left: 6.5em;
 754 }
 755
 756 .oo-ui-outlineItemWidget-level-2 .oo-ui-iconedElement-icon {
 757   left: 4em;
 758 }
 759
 760 .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected {
 761   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
 762   background-color: #a7dcff;
 763 }
 764
 765 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-important {
 766   font-weight: bold;
 767 }
 768
 769 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-placeholder {
 770   font-style: italic;
 771 }
 772
 773 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-empty .oo-ui-iconedElement-icon {
 774   opacity: 0.5;
 775 }
 776
 777 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-empty .oo-ui-labeledElement-label {
 778   color: #777;
 779 }
 780
 781 .oo-ui-searchWidget-query {
 782   box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
 783 }
 784
 785 .oo-ui-textInputWidget {
 786   width: 20em;
 787 }
 788
 789 .oo-ui-textInputWidget input,
 790 .oo-ui-textInputWidget textarea {
 791   padding: 0.5em;
 792   font-family: sans-serif;
 793   font-size: 1em;
 794   background-color: #fff;
 795   border: solid 1px #ccc;
 796   border-radius: 0.25em;
 797   box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #ddd;
 798   -webkit-transition: border-color 200ms, box-shadow 200ms;
 799      -moz-transition: border-color 200ms, box-shadow 200ms;
 800       -ms-transition: border-color 200ms, box-shadow 200ms;
 801        -o-transition: border-color 200ms, box-shadow 200ms;
 802           transition: border-color 200ms, box-shadow 200ms;
 803 }
 804
 805 .oo-ui-textInputWidget-decorated input,
 806 .oo-ui-textInputWidget-decorated textarea {
 807   padding-left: 2em;
 808 }
 809
 810 .oo-ui-textInputWidget-icon {
 811   width: 2em;
 812 }
 813
 814 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
 815 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
 816   border-color: #a7dcff;
 817   outline: none;
 818   box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white;
 819 }
 820
 821 .oo-ui-textInputWidget input[readonly],
 822 .oo-ui-textInputWidget textarea[readonly] {
 823   color: #777;
 824   text-shadow: 0 1px 1px #fff;
 825 }
 826
 827 .oo-ui-textInputWidget-pending input,
 828 .oo-ui-textInputWidget-pending textarea {
 829   background-color: transparent;
 830 }
 831
 832 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
 833 .oo-ui-textInputWidget.oo-ui-widget-disabled input:focus,
 834 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea,
 835 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus {
 836   color: #ccc;
 837   text-shadow: 0 1px 1px #fff;
 838   background-color: #f3f3f3;
 839   border-color: #ddd;
 840 }
 841
 842 .oo-ui-toggleSwitchWidget {
 843   background: #eeeeee;
 844   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
 845   background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 846   background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 847   background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 848   background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 849   background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%);
 850   border: solid 1px #ccc;
 851   border-radius: 1em;
 852   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff');
 853   box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #ddd;
 854 }
 855
 856 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
 857   opacity: 0.5;
 858 }
 859
 860 .oo-ui-toggleSwitchWidget-grip {
 861   background: #eeeeee;
 862   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
 863   background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 864   background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 865   background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 866   background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 867   background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%);
 868   border: 1px #c9c9c9 solid;
 869   border-radius: 1em;
 870   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
 871   box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1);
 872 }
 873
 874 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
 875 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
 876   border-color: #aaa;
 877 }
 878
 879 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
 880   background: #cde7f4;
 881   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa));
 882   background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 883   background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 884   background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 885   background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 886   background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 887   border-radius: 1em;
 888   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa');
 889   box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
 890 }
 891
 892 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
 893   opacity: 1;
 894 }
 895
 896 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
 897   display: block;
 898   opacity: 0;
 899 }