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