| [ Index ] |
PHP Cross Reference of MediaWiki-1.24.0 |
[Summary view] [Print] [Text view]
1 /*! 2 * OOjs UI v0.1.0-pre (f2c3f12959) 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-09-18T23:22:20Z 10 */ 11 /* 12 * Blank theme mixins. 13 * 14 * Base styles invoke these mixins at the end of their definitions. Override these mixins to add 15 * additional rules to the base styles. 16 */ 17 /* 18 * Base styles. 19 * 20 * Themes should include this file after defining their variables and mixins. 21 */ 22 /* @noflip */ 23 .oo-ui-rtl { 24 direction: rtl; 25 } 26 /* @noflip */ 27 .oo-ui-ltr { 28 direction: ltr; 29 } 30 .oo-ui-buttonElement > .oo-ui-buttonElement-button { 31 cursor: pointer; 32 display: inline-block; 33 vertical-align: middle; 34 -webkit-touch-callout: none; 35 -webkit-user-select: none; 36 -moz-user-select: none; 37 -ms-user-select: none; 38 user-select: none; 39 } 40 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { 41 display: none; 42 } 43 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { 44 display: none; 45 } 46 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { 47 cursor: default; 48 } 49 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, 50 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { 51 display: inline-block; 52 vertical-align: middle; 53 background-position: center center; 54 background-repeat: no-repeat; 55 } 56 .oo-ui-buttonElement-frameless { 57 display: inline-block; 58 position: relative; 59 } 60 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { 61 display: inline-block; 62 vertical-align: middle; 63 } 64 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { 65 display: inline-block; 66 vertical-align: top; 67 text-align: center; 68 } 69 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { 70 display: inline-block; 71 vertical-align: middle; 72 } 73 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, 74 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, 75 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { 76 cursor: default; 77 } 78 .oo-ui-buttonElement > .oo-ui-buttonElement-button { 79 color: #333333; 80 } 81 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { 82 margin-left: 0; 83 } 84 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { 85 margin-right: -0.75em; 86 } 87 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, 88 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { 89 opacity: 0.8; 90 width: 1.9em; 91 height: 1.9em; 92 } 93 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { 94 /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */ 95 /*.oo-ui-transition(opacity 200ms);*/ 96 } 97 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon, 98 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon { 99 opacity: 1; 100 } 101 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, 102 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { 103 color: #000000; 104 } 105 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { 106 color: #333333; 107 margin-left: 0.25em; 108 } 109 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { 110 color: #087ecc; 111 } 112 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { 113 color: #76ab36; 114 } 115 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { 116 color: #d45353; 117 } 118 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { 119 opacity: 0.2; 120 } 121 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { 122 color: #cccccc; 123 } 124 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { 125 margin: 0.1em 0; 126 padding: 0.2em 0.8em; 127 border-radius: 0.3em; 128 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); 129 border: 1px #c9c9c9 solid; 130 -webkit-transition: border-color 100ms ease-in-out; 131 -moz-transition: border-color 100ms ease-in-out; 132 -ms-transition: border-color 100ms ease-in-out; 133 -o-transition: border-color 100ms ease-in-out; 134 transition: border-color 100ms ease-in-out; 135 background: #eeeeee; 136 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd'); 137 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); 138 background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); 139 background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); 140 background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); 141 background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); 142 background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%); 143 } 144 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, 145 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { 146 border-color: #aaaaaa; 147 } 148 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { 149 line-height: 1.9em; 150 } 151 .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, 152 .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { 153 box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); 154 color: black; 155 border-color: #c9c9c9; 156 background: #eeeeee; 157 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff'); 158 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); 159 background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%); 160 background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); 161 background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%); 162 background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%); 163 background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%); 164 } 165 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { 166 margin-left: -0.5em; 167 margin-right: -0.5em; 168 } 169 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { 170 margin-left: -0.5em; 171 margin-right: 0.3em; 172 } 173 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { 174 border: solid 1px #a6cee1; 175 background: #cde7f4; 176 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee'); 177 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee)); 178 background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); 179 background-image: -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); 180 background-image: -ms-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); 181 background-image: -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); 182 background-image: linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); 183 } 184 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:hover, 185 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:focus { 186 border-color: #9dc2d4; 187 } 188 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, 189 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { 190 border: solid 1px #a6cee1; 191 background: #cde7f4; 192 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa'); 193 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa)); 194 background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); 195 background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); 196 background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); 197 background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); 198 background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); 199 } 200 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { 201 border: solid 1px #b8d892; 202 background: #daf0be; 203 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f0fbe1', endColorstr='#c3e59a'); 204 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f0fbe1), color-stop(100%, #c3e59a)); 205 background-image: -webkit-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); 206 background-image: -moz-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); 207 background-image: -ms-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); 208 background-image: -o-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); 209 background-image: linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); 210 } 211 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, 212 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { 213 border-color: #adcb89; 214 } 215 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, 216 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { 217 border: solid 1px #b8d892; 218 background: #daf0be; 219 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3e59a', endColorstr='#f0fbe1'); 220 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #c3e59a), color-stop(100%, #f0fbe1)); 221 background-image: -webkit-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); 222 background-image: -moz-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); 223 background-image: -ms-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); 224 background-image: -o-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); 225 background-image: linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); 226 } 227 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { 228 color: #d45353; 229 } 230 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, 231 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, 232 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { 233 opacity: 0.5; 234 box-shadow: none; 235 color: #333333; 236 background: #eeeeee; 237 border-color: #cccccc; 238 } 239 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover, 240 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover, 241 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover, 242 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus, 243 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus, 244 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus { 245 border-color: #cccccc; 246 box-shadow: none; 247 } 248 .oo-ui-clippableElement-clippable { 249 -webkit-box-sizing: border-box; 250 -moz-box-sizing: border-box; 251 box-sizing: border-box; 252 } 253 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable { 254 overflow-y: hidden; 255 } 256 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { 257 width: 100%; 258 -webkit-box-sizing: border-box; 259 -moz-box-sizing: border-box; 260 box-sizing: border-box; 261 } 262 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable { 263 overflow-y: auto; 264 } 265 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded { 266 padding: 2em; 267 } 268 .oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget { 269 position: absolute; 270 top: 0; 271 left: 0; 272 right: 0; 273 bottom: 3em; 274 overflow-y: auto; 275 } 276 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { 277 position: absolute; 278 bottom: 0; 279 left: 0; 280 right: 0; 281 } 282 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { 283 padding: 1.5em; 284 } 285 .oo-ui-bookletLayout-outlinePanel { 286 border-right: solid 1px #dddddd; 287 } 288 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { 289 box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); 290 } 291 .oo-ui-fieldLayout { 292 margin-bottom: 1em; 293 } 294 .oo-ui-fieldLayout:before, 295 .oo-ui-fieldLayout:after { 296 content: " "; 297 display: table; 298 } 299 .oo-ui-fieldLayout:after { 300 clear: both; 301 } 302 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, 303 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { 304 display: block; 305 float: left; 306 } 307 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, 308 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { 309 display: block; 310 float: left; 311 } 312 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { 313 text-align: right; 314 } 315 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { 316 display: inline-block; 317 vertical-align: middle; 318 } 319 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { 320 display: inline-block; 321 vertical-align: middle; 322 } 323 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { 324 display: inline-block; 325 } 326 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { 327 z-index: 1; 328 } 329 .oo-ui-fieldLayout .oo-ui-fieldLayout-help { 330 float: right; 331 } 332 .oo-ui-fieldLayout .oo-ui-fieldLayout-help-content { 333 padding: 0.5em 0.75em; 334 } 335 .oo-ui-fieldLayout:last-child { 336 margin-bottom: 0; 337 } 338 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, 339 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { 340 padding-top: 0.5em; 341 margin-right: 5%; 342 width: 35%; 343 } 344 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, 345 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { 346 width: 60%; 347 } 348 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { 349 padding: 0.75em 0.5em 0.5em 0.5em; 350 } 351 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { 352 padding: 0.5em 0; 353 } 354 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { 355 padding: 0.5em 0; 356 } 357 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { 358 margin-top: 0.25em; 359 } 360 .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { 361 color: #cccccc; 362 } 363 .oo-ui-fieldsetLayout { 364 position: relative; 365 margin: 0; 366 padding: 0; 367 border: none; 368 } 369 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { 370 display: block; 371 position: absolute; 372 background-position: center center; 373 background-repeat: no-repeat; 374 } 375 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { 376 display: inline-block; 377 } 378 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout { 379 margin-top: 2em; 380 } 381 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label { 382 font-size: 1.5em; 383 margin-bottom: 0.5em; 384 padding: 0.25em 0; 385 } 386 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { 387 padding-left: 1.75em; 388 line-height: 1.33em; 389 } 390 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { 391 left: 0; 392 top: 0.25em; 393 width: 2em; 394 height: 2em; 395 } 396 .oo-ui-gridLayout { 397 position: absolute; 398 top: 0; 399 left: 0; 400 right: 0; 401 bottom: 0; 402 } 403 .oo-ui-panelLayout { 404 position: relative; 405 } 406 .oo-ui-panelLayout-scrollable { 407 overflow-y: auto; 408 } 409 .oo-ui-panelLayout-expanded { 410 position: absolute; 411 top: 0; 412 left: 0; 413 right: 0; 414 bottom: 0; 415 } 416 .oo-ui-panelLayout-padded { 417 padding: 1.25em; 418 } 419 .oo-ui-stackLayout > .oo-ui-panelLayout { 420 display: none; 421 } 422 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout { 423 display: block; 424 position: relative; 425 } 426 .oo-ui-popupTool .oo-ui-popupWidget-popup, 427 .oo-ui-popupTool .oo-ui-popupWidget-anchor { 428 z-index: 4; 429 } 430 .oo-ui-popupTool .oo-ui-popupWidget { 431 margin-left: 1.25em; 432 font-size: 0.8em; 433 } 434 .oo-ui-toolGroup { 435 display: inline-block; 436 vertical-align: middle; 437 margin: 0.3em; 438 border-radius: 0.25em; 439 border: solid 1px transparent; 440 -webkit-transition: border-color 300ms ease-in-out; 441 -moz-transition: border-color 300ms ease-in-out; 442 -ms-transition: border-color 300ms ease-in-out; 443 -o-transition: border-color 300ms ease-in-out; 444 transition: border-color 300ms ease-in-out; 445 } 446 .oo-ui-toolGroup-empty { 447 display: none; 448 } 449 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { 450 background-position: center center; 451 background-repeat: no-repeat; 452 } 453 .oo-ui-toolGroup.oo-ui-widget-enabled:hover { 454 border-color: rgba(0, 0, 0, 0.1); 455 } 456 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { 457 color: #000000; 458 } 459 .oo-ui-barToolGroup > .oo-ui-iconElement-icon, 460 .oo-ui-barToolGroup > .oo-ui-labelElement-label { 461 display: none; 462 } 463 .oo-ui-barToolGroup .oo-ui-tool { 464 display: inline-block; 465 position: relative; 466 vertical-align: top; 467 } 468 .oo-ui-barToolGroup .oo-ui-tool-link { 469 display: block; 470 } 471 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { 472 display: block; 473 } 474 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title { 475 display: none; 476 } 477 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { 478 cursor: default; 479 } 480 .oo-ui-barToolGroup .oo-ui-tool-title, 481 .oo-ui-barToolGroup .oo-ui-tool-accel { 482 display: none; 483 } 484 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link { 485 cursor: pointer; 486 } 487 .oo-ui-barToolGroup .oo-ui-tool { 488 margin: -1px 0 -1px -1px; 489 border: solid 1px transparent; 490 } 491 .oo-ui-barToolGroup .oo-ui-tool:first-child { 492 border-top-left-radius: 0.25em; 493 border-bottom-left-radius: 0.25em; 494 } 495 .oo-ui-barToolGroup .oo-ui-tool:last-child { 496 margin-right: -1px; 497 border-top-right-radius: 0.25em; 498 border-bottom-right-radius: 0.25em; 499 } 500 .oo-ui-barToolGroup .oo-ui-tool-link { 501 height: 1.5em; 502 padding: 0.25em; 503 } 504 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { 505 height: 1.5em; 506 width: 1.5em; 507 opacity: 0.8; 508 } 509 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover { 510 border-color: rgba(0, 0, 0, 0.2); 511 } 512 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled { 513 border-color: rgba(0, 0, 0, 0.2); 514 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); 515 background: #f8fbfd; 516 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); 517 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); 518 background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 519 background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 520 background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 521 background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 522 background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 523 } 524 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { 525 border-left-color: rgba(0, 0, 0, 0.1); 526 } 527 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { 528 opacity: 0.2; 529 } 530 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon { 531 opacity: 0.8; 532 } 533 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { 534 opacity: 1; 535 } 536 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { 537 opacity: 0.2; 538 } 539 .oo-ui-popupToolGroup { 540 position: relative; 541 height: 2em; 542 min-width: 2.5em; 543 } 544 .oo-ui-popupToolGroup-handle { 545 display: block; 546 cursor: pointer; 547 } 548 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, 549 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { 550 position: absolute; 551 background-position: center center; 552 background-repeat: no-repeat; 553 } 554 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { 555 cursor: default; 556 } 557 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { 558 display: none; 559 position: absolute; 560 z-index: 4; 561 } 562 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon { 563 background-repeat: no-repeat; 564 background-position: center center; 565 } 566 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { 567 display: block; 568 } 569 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools { 570 left: 0; 571 } 572 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { 573 right: 0; 574 } 575 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { 576 display: inline-block; 577 vertical-align: middle; 578 } 579 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { 580 display: inline-block; 581 vertical-align: middle; 582 } 583 .oo-ui-popupToolGroup .oo-ui-tool-accel { 584 display: none; 585 } 586 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { 587 min-width: 3.5em; 588 } 589 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, 590 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { 591 top: 0; 592 width: 2em; 593 height: 2em; 594 opacity: 0.8; 595 } 596 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { 597 right: 0; 598 } 599 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { 600 left: 0.25em; 601 } 602 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { 603 line-height: 2.6em; 604 font-size: 0.8em; 605 margin: 0 1em; 606 } 607 .oo-ui-popupToolGroup-header { 608 line-height: 2.6em; 609 font-size: 0.8em; 610 margin: 0 0.6em; 611 font-weight: bold; 612 } 613 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled { 614 border-bottom-left-radius: 0; 615 border-bottom-right-radius: 0; 616 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); 617 background: #f8fbfd; 618 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); 619 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); 620 background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 621 background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 622 background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 623 background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 624 background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 625 } 626 .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { 627 margin-left: 3em; 628 } 629 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { 630 margin-right: 2.25em; 631 } 632 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { 633 top: 2em; 634 margin: 0 -1px; 635 border: solid 1px #cccccc; 636 background-color: white; 637 box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25); 638 } 639 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { 640 height: 2em; 641 width: 2em; 642 margin-right: 0.25em; 643 } 644 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { 645 line-height: 2em; 646 font-size: 0.8em; 647 } 648 .oo-ui-listToolGroup .oo-ui-tool { 649 display: inline-block; 650 width: 100%; 651 -webkit-box-sizing: border-box; 652 -moz-box-sizing: border-box; 653 box-sizing: border-box; 654 } 655 .oo-ui-listToolGroup .oo-ui-tool-link { 656 display: block; 657 cursor: pointer; 658 white-space: nowrap; 659 } 660 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { 661 cursor: default; 662 } 663 .oo-ui-listToolGroup .oo-ui-toolGroup-tools { 664 padding: 0.25em; 665 } 666 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active { 667 border-color: rgba(0, 0, 0, 0.2); 668 } 669 .oo-ui-listToolGroup .oo-ui-tool { 670 border: solid 1px transparent; 671 margin: -1px 0; 672 } 673 .oo-ui-listToolGroup .oo-ui-tool-link { 674 padding-right: 0.5em; 675 } 676 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled { 677 border-color: rgba(0, 0, 0, 0.1); 678 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); 679 background: #f8fbfd; 680 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); 681 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); 682 background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 683 background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 684 background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 685 background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 686 background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); 687 } 688 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { 689 border-top-color: rgba(0, 0, 0, 0.1); 690 } 691 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover { 692 border-color: rgba(0, 0, 0, 0.2); 693 } 694 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { 695 border-color: rgba(0, 0, 0, 0.2); 696 } 697 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon { 698 opacity: 0.8; 699 } 700 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { 701 opacity: 1; 702 } 703 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { 704 color: #cccccc; 705 } 706 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { 707 opacity: 0.2; 708 } 709 .oo-ui-listToolGroup.oo-ui-widget-disabled { 710 color: #cccccc; 711 } 712 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, 713 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { 714 opacity: 0.2; 715 } 716 .oo-ui-menuToolGroup { 717 border-color: rgba(0, 0, 0, 0.1); 718 } 719 .oo-ui-menuToolGroup .oo-ui-tool { 720 display: block; 721 } 722 .oo-ui-menuToolGroup .oo-ui-tool-link { 723 display: block; 724 cursor: pointer; 725 white-space: nowrap; 726 } 727 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { 728 background-image: none; 729 } 730 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon { 731 background-image: /* @embed */ url(images/icons/check.svg); 732 } 733 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { 734 cursor: default; 735 } 736 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { 737 min-width: 8em; 738 } 739 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools { 740 padding: 0.25em 0 0.25em 0; 741 } 742 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover { 743 border-color: rgba(0, 0, 0, 0.2); 744 } 745 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { 746 border-color: rgba(0, 0, 0, 0.25); 747 } 748 .oo-ui-menuToolGroup .oo-ui-tool-link { 749 padding: 0 1em 0 0.25em; 750 } 751 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { 752 background-color: #e1f3ff; 753 } 754 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { 755 color: #cccccc; 756 } 757 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { 758 opacity: 0.2; 759 } 760 .oo-ui-menuToolGroup.oo-ui-widget-disabled { 761 color: #cccccc; 762 border-color: rgba(0, 0, 0, 0.05); 763 } 764 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, 765 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { 766 opacity: 0.2; 767 } 768 .oo-ui-toolbar { 769 clear: both; 770 } 771 .oo-ui-toolbar-bar { 772 line-height: 1em; 773 } 774 .oo-ui-toolbar-actions { 775 float: right; 776 } 777 .oo-ui-toolbar-tools { 778 display: inline; 779 } 780 .oo-ui-toolbar-tools, 781 .oo-ui-toolbar-actions, 782 .oo-ui-toolbar-shadow { 783 -webkit-touch-callout: none; 784 -webkit-user-select: none; 785 -moz-user-select: none; 786 -ms-user-select: none; 787 user-select: none; 788 } 789 .oo-ui-toolbar-actions .oo-ui-popupWidget { 790 -webkit-touch-callout: default; 791 -webkit-user-select: all; 792 -moz-user-select: all; 793 -ms-user-select: all; 794 user-select: all; 795 } 796 .oo-ui-toolbar-shadow { 797 background-position: left top; 798 background-repeat: repeat-x; 799 position: absolute; 800 width: 100%; 801 pointer-events: none; 802 } 803 .oo-ui-toolbar-bar { 804 border-bottom: solid 1px #cccccc; 805 background: #f8fbfd; 806 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f7fb'); 807 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f7fb)); 808 background-image: -webkit-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); 809 background-image: -moz-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); 810 background-image: -ms-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); 811 background-image: -o-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); 812 background-image: linear-gradient(top, #ffffff 0%, #f1f7fb 100%); 813 } 814 .oo-ui-toolbar-bar .oo-ui-toolbar-bar { 815 border: none; 816 background: none; 817 } 818 .oo-ui-toolbar-shadow { 819 background-image: /* @embed */ url(images/toolbar-shadow.png); 820 bottom: -9px; 821 height: 9px; 822 opacity: 0.125; 823 -webkit-transition: opacity 500ms ease-in-out; 824 -moz-transition: opacity 500ms ease-in-out; 825 -ms-transition: opacity 500ms ease-in-out; 826 -o-transition: opacity 500ms ease-in-out; 827 transition: opacity 500ms ease-in-out; 828 } 829 .oo-ui-optionWidget { 830 position: relative; 831 display: block; 832 cursor: pointer; 833 padding: 0.5em 2em 0.5em 3em; 834 border: none; 835 } 836 .oo-ui-optionWidget.oo-ui-widget-disabled { 837 cursor: default; 838 } 839 .oo-ui-optionWidget .oo-ui-labelElement-label { 840 display: block; 841 white-space: nowrap; 842 text-overflow: ellipsis; 843 overflow: hidden; 844 } 845 .oo-ui-optionWidget-highlighted { 846 background-color: #e1f3ff; 847 } 848 .oo-ui-optionWidget .oo-ui-labelElement-label { 849 line-height: 1.5em; 850 } 851 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected { 852 background-color: #a7dcff; 853 } 854 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed { 855 background-color: #a7dcff; 856 } 857 .oo-ui-optionWidget.oo-ui-widget-disabled { 858 color: #cccccc; 859 } 860 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, 861 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { 862 position: absolute; 863 background-repeat: no-repeat; 864 background-position: center center; 865 } 866 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, 867 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { 868 top: 50%; 869 width: 2em; 870 height: 2em; 871 margin-top: -1em; 872 } 873 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon { 874 left: 0.5em; 875 } 876 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { 877 right: 0.5em; 878 } 879 .oo-ui-buttonSelectWidget { 880 display: inline-block; 881 white-space: nowrap; 882 border-radius: 0.3em; 883 } 884 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { 885 border-radius: 0; 886 margin-left: -1px; 887 } 888 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { 889 border-bottom-left-radius: 0.3em; 890 border-top-left-radius: 0.3em; 891 margin-left: 0; 892 } 893 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { 894 border-bottom-right-radius: 0.3em; 895 border-top-right-radius: 0.3em; 896 } 897 .oo-ui-buttonOptionWidget { 898 display: inline-block; 899 padding: 0; 900 background-color: transparent; 901 } 902 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { 903 position: relative; 904 } 905 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, 906 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { 907 position: static; 908 display: inline-block; 909 vertical-align: middle; 910 } 911 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { 912 height: 1.9em; 913 } 914 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, 915 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { 916 height: 1.9em; 917 margin-top: 0; 918 } 919 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected, 920 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed, 921 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted { 922 background-color: transparent; 923 } 924 .oo-ui-labelWidget { 925 display: inline-block; 926 padding: 0.5em 0; 927 } 928 .oo-ui-iconWidget { 929 display: inline-block; 930 vertical-align: middle; 931 background-position: center center; 932 background-repeat: no-repeat; 933 line-height: 2.5em; 934 height: 1.9em; 935 width: 1.9em; 936 opacity: 0.8; 937 } 938 .oo-ui-iconWidget.oo-ui-widget-disabled { 939 opacity: 0.2; 940 } 941 .oo-ui-indicatorWidget { 942 display: inline-block; 943 vertical-align: middle; 944 background-position: center center; 945 background-repeat: no-repeat; 946 line-height: 2.5em; 947 height: 1.9em; 948 width: 1.9em; 949 opacity: 0.8; 950 } 951 .oo-ui-indicatorWidget.oo-ui-widget-disabled { 952 opacity: 0.2; 953 } 954 .oo-ui-buttonWidget { 955 display: inline-block; 956 vertical-align: middle; 957 } 958 .oo-ui-buttonGroupWidget { 959 display: inline-block; 960 white-space: nowrap; 961 border-radius: 0.3em; 962 } 963 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { 964 border-radius: 0; 965 margin-bottom: -1px; 966 margin-left: -1px; 967 } 968 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { 969 border-bottom-left-radius: 0.3em; 970 border-top-left-radius: 0.3em; 971 margin-left: 0; 972 } 973 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { 974 border-bottom-right-radius: 0.3em; 975 border-top-right-radius: 0.3em; 976 } 977 .oo-ui-toggleSwitchWidget { 978 position: relative; 979 display: inline-block; 980 vertical-align: middle; 981 overflow: hidden; 982 cursor: pointer; 983 -webkit-box-sizing: border-box; 984 -moz-box-sizing: border-box; 985 box-sizing: border-box; 986 -webkit-transform: translateZ(0px); 987 -moz-transform: translateZ(0px); 988 -ms-transform: translateZ(0px); 989 -o-transform: translateZ(0px); 990 transform: translateZ(0px); 991 height: 2em; 992 width: 4em; 993 border-radius: 1em; 994 box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd; 995 border: solid 1px #cccccc; 996 background: #eeeeee; 997 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff'); 998 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); 999 background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%); 1000 background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); 1001 background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%); 1002 background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%); 1003 background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%); 1004 } 1005 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { 1006 cursor: default; 1007 } 1008 .oo-ui-toggleSwitchWidget-grip { 1009 position: absolute; 1010 display: block; 1011 -webkit-box-sizing: border-box; 1012 -moz-box-sizing: border-box; 1013 box-sizing: border-box; 1014 } 1015 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { 1016 position: absolute; 1017 top: 0; 1018 bottom: 0; 1019 right: 0; 1020 left: 0; 1021 -webkit-touch-callout: none; 1022 -webkit-user-select: none; 1023 -moz-user-select: none; 1024 -ms-user-select: none; 1025 user-select: none; 1026 } 1027 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { 1028 display: none; 1029 } 1030 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { 1031 opacity: 0.5; 1032 } 1033 .oo-ui-toggleSwitchWidget-grip { 1034 top: 0.25em; 1035 left: 0.25em; 1036 width: 1.5em; 1037 height: 1.5em; 1038 margin-top: -1px; 1039 border-radius: 1em; 1040 box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1); 1041 border: 1px #c9c9c9 solid; 1042 -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; 1043 -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; 1044 -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; 1045 -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; 1046 transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; 1047 background: #eeeeee; 1048 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd'); 1049 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); 1050 background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); 1051 background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); 1052 background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); 1053 background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); 1054 background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%); 1055 } 1056 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover, 1057 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { 1058 border-color: #aaaaaa; 1059 } 1060 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { 1061 border-radius: 1em; 1062 box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); 1063 -webkit-transition: opacity 200ms ease-in-out; 1064 -moz-transition: opacity 200ms ease-in-out; 1065 -ms-transition: opacity 200ms ease-in-out; 1066 -o-transition: opacity 200ms ease-in-out; 1067 transition: opacity 200ms ease-in-out; 1068 background: #cde7f4; 1069 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa'); 1070 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa)); 1071 background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); 1072 background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); 1073 background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); 1074 background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); 1075 background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); 1076 } 1077 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow { 1078 opacity: 1; 1079 } 1080 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { 1081 left: 2.25em; 1082 margin-left: -2px; 1083 } 1084 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { 1085 display: block; 1086 opacity: 0; 1087 } 1088 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { 1089 left: 0.25em; 1090 margin-left: 0; 1091 } 1092 .oo-ui-actionWidget.oo-ui-pendingElement-pending { 1093 background-image: /* @embed */ url(images/textures/pending.gif); 1094 } 1095 .oo-ui-popupWidget-popup { 1096 position: absolute; 1097 overflow: hidden; 1098 z-index: 1; 1099 } 1100 .oo-ui-popupWidget-anchor { 1101 display: none; 1102 z-index: 1; 1103 } 1104 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { 1105 display: block; 1106 position: absolute; 1107 background-repeat: no-repeat; 1108 } 1109 .oo-ui-popupWidget-head { 1110 -webkit-touch-callout: none; 1111 -webkit-user-select: none; 1112 -moz-user-select: none; 1113 -ms-user-select: none; 1114 user-select: none; 1115 } 1116 .oo-ui-popupWidget-head .oo-ui-buttonWidget { 1117 float: right; 1118 } 1119 .oo-ui-popupWidget-head .oo-ui-labelElement-label { 1120 float: left; 1121 cursor: default; 1122 } 1123 .oo-ui-popupWidget-body { 1124 clear: both; 1125 overflow: hidden; 1126 } 1127 .oo-ui-popupWidget-popup { 1128 border: solid 1px #cccccc; 1129 border-radius: 0.25em; 1130 background-color: #ffffff; 1131 box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2); 1132 } 1133 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { 1134 margin-top: 7px; 1135 } 1136 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { 1137 width: 15px; 1138 height: 8px; 1139 margin-left: -7px; 1140 background-image: /* @embed */ url(images/anchor.svg); 1141 } 1142 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { 1143 -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; 1144 -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; 1145 -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; 1146 -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; 1147 transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; 1148 } 1149 .oo-ui-popupWidget-head { 1150 height: 2.5em; 1151 } 1152 .oo-ui-popupWidget-head .oo-ui-buttonWidget { 1153 margin: 0.25em; 1154 } 1155 .oo-ui-popupWidget-head .oo-ui-labelElement-label { 1156 margin: 0.75em 1em; 1157 } 1158 .oo-ui-popupWidget-body { 1159 box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); 1160 } 1161 .oo-ui-popupWidget-body-padded { 1162 padding: 0 1em; 1163 } 1164 .oo-ui-popupButtonWidget { 1165 position: relative; 1166 } 1167 .oo-ui-popupButtonWidget .oo-ui-popupWidget { 1168 position: absolute; 1169 left: 1em; 1170 cursor: auto; 1171 } 1172 .oo-ui-textInputWidget { 1173 position: relative; 1174 -webkit-box-sizing: border-box; 1175 -moz-box-sizing: border-box; 1176 box-sizing: border-box; 1177 width: 20em; 1178 } 1179 .oo-ui-textInputWidget input, 1180 .oo-ui-textInputWidget textarea { 1181 display: inline-block; 1182 width: 100%; 1183 resize: none; 1184 -webkit-box-sizing: border-box; 1185 -moz-box-sizing: border-box; 1186 box-sizing: border-box; 1187 } 1188 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input, 1189 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { 1190 background-image: /* @embed */ url(images/textures/pending.gif); 1191 } 1192 .oo-ui-textInputWidget > .oo-ui-iconElement-icon, 1193 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { 1194 position: absolute; 1195 top: 0; 1196 height: 100%; 1197 background-repeat: no-repeat; 1198 cursor: pointer; 1199 -webkit-touch-callout: none; 1200 -webkit-user-select: none; 1201 -moz-user-select: none; 1202 -ms-user-select: none; 1203 user-select: none; 1204 } 1205 .oo-ui-textInputWidget > .oo-ui-iconElement-icon { 1206 left: 0; 1207 } 1208 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { 1209 right: 0; 1210 } 1211 .oo-ui-textInputWidget input, 1212 .oo-ui-textInputWidget textarea { 1213 padding: 0.5em; 1214 font-size: 1em; 1215 font-family: sans-serif; 1216 background-color: #ffffff; 1217 border: solid 1px #cccccc; 1218 box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd; 1219 border-radius: 0.25em; 1220 -webkit-transition: border-color 200ms, box-shadow 200ms; 1221 -moz-transition: border-color 200ms, box-shadow 200ms; 1222 -ms-transition: border-color 200ms, box-shadow 200ms; 1223 -o-transition: border-color 200ms, box-shadow 200ms; 1224 transition: border-color 200ms, box-shadow 200ms; 1225 } 1226 .oo-ui-textInputWidget-decorated input, 1227 .oo-ui-textInputWidget-decorated textarea { 1228 padding-left: 2em; 1229 } 1230 .oo-ui-textInputWidget-icon { 1231 width: 2em; 1232 } 1233 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, 1234 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { 1235 outline: none; 1236 border-color: #a7dcff; 1237 box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white; 1238 } 1239 .oo-ui-textInputWidget input[readonly], 1240 .oo-ui-textInputWidget textarea[readonly] { 1241 color: #777777; 1242 text-shadow: 0 1px 1px #ffffff; 1243 } 1244 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input, 1245 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { 1246 background-color: transparent; 1247 } 1248 .oo-ui-textInputWidget.oo-ui-widget-disabled input, 1249 .oo-ui-textInputWidget.oo-ui-widget-disabled input:focus, 1250 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea, 1251 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus { 1252 color: #cccccc; 1253 text-shadow: 0 1px 1px #ffffff; 1254 border-color: #dddddd; 1255 background-color: #f3f3f3; 1256 } 1257 .oo-ui-textInputWidget .oo-ui-iconElement-icon, 1258 .oo-ui-textInputWidget .oo-ui-indicatorElement-indicator { 1259 opacity: 0.8; 1260 } 1261 .oo-ui-textInputWidget.oo-ui-iconElement input, 1262 .oo-ui-textInputWidget.oo-ui-iconElement textarea { 1263 padding-left: 2em; 1264 } 1265 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { 1266 width: 2em; 1267 background-position: right center; 1268 } 1269 .oo-ui-textInputWidget.oo-ui-indicatorElement input, 1270 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea { 1271 padding-right: 1.5em; 1272 } 1273 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { 1274 width: 1.5em; 1275 background-position: left center; 1276 } 1277 .oo-ui-menuWidget { 1278 position: absolute; 1279 background: #ffffff; 1280 margin-top: -1px; 1281 border: solid 1px #cccccc; 1282 border-radius: 0 0 0.25em 0.25em; 1283 box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2); 1284 } 1285 .oo-ui-menuWidget input { 1286 position: absolute; 1287 width: 0; 1288 height: 0; 1289 overflow: hidden; 1290 opacity: 0; 1291 } 1292 .oo-ui-menuItemWidget { 1293 position: relative; 1294 } 1295 .oo-ui-menuItemWidget .oo-ui-iconElement-icon { 1296 display: none; 1297 } 1298 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected { 1299 background-color: transparent; 1300 } 1301 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { 1302 display: block; 1303 } 1304 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected { 1305 background-color: transparent; 1306 } 1307 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted, 1308 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { 1309 background-color: #e1f3ff; 1310 } 1311 .oo-ui-menuSectionItemWidget { 1312 cursor: default; 1313 padding: 0.33em 0.75em; 1314 color: #888888; 1315 } 1316 .oo-ui-inlineMenuWidget { 1317 position: relative; 1318 display: inline-block; 1319 margin: 0.25em 0; 1320 min-width: 20em; 1321 } 1322 .oo-ui-inlineMenuWidget-handle { 1323 width: 100%; 1324 display: inline-block; 1325 cursor: pointer; 1326 -webkit-touch-callout: none; 1327 -webkit-user-select: none; 1328 -moz-user-select: none; 1329 -ms-user-select: none; 1330 user-select: none; 1331 -webkit-box-sizing: border-box; 1332 -moz-box-sizing: border-box; 1333 box-sizing: border-box; 1334 } 1335 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, 1336 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { 1337 position: absolute; 1338 background-position: center center; 1339 background-repeat: no-repeat; 1340 } 1341 .oo-ui-inlineMenuWidget .oo-ui-menuWidget { 1342 z-index: 1; 1343 width: 100%; 1344 } 1345 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { 1346 cursor: default; 1347 } 1348 .oo-ui-inlineMenuWidget-handle { 1349 height: 2.5em; 1350 border: solid 1px rgba(0, 0, 0, 0.1); 1351 border-radius: 0.25em; 1352 } 1353 .oo-ui-inlineMenuWidget-handle:hover { 1354 border-color: rgba(0, 0, 0, 0.2); 1355 } 1356 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator { 1357 right: 0; 1358 } 1359 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { 1360 left: 0.25em; 1361 } 1362 .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { 1363 line-height: 2.5em; 1364 margin: 0 0.5em; 1365 } 1366 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, 1367 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { 1368 top: 0; 1369 width: 2.5em; 1370 height: 2.5em; 1371 opacity: 0.8; 1372 } 1373 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { 1374 color: #cccccc; 1375 text-shadow: 0 1px 1px #ffffff; 1376 border-color: #dddddd; 1377 background-color: #f3f3f3; 1378 } 1379 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { 1380 opacity: 0.2; 1381 } 1382 .oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { 1383 margin-left: 3em; 1384 } 1385 .oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { 1386 margin-right: 2em; 1387 } 1388 .oo-ui-outlineItemWidget { 1389 position: relative; 1390 cursor: pointer; 1391 -webkit-touch-callout: none; 1392 -webkit-user-select: none; 1393 -moz-user-select: none; 1394 -ms-user-select: none; 1395 user-select: none; 1396 font-size: 1.1em; 1397 padding: 0.75em; 1398 } 1399 .oo-ui-outlineItemWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { 1400 padding-right: 1.5em; 1401 } 1402 .oo-ui-outlineItemWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { 1403 opacity: 0.5; 1404 } 1405 .oo-ui-outlineItemWidget-level-0 { 1406 padding-left: 3.5em; 1407 } 1408 .oo-ui-outlineItemWidget-level-0 .oo-ui-iconElement-icon { 1409 left: 1em; 1410 } 1411 .oo-ui-outlineItemWidget-level-1 { 1412 padding-left: 5em; 1413 } 1414 .oo-ui-outlineItemWidget-level-1 .oo-ui-iconElement-icon { 1415 left: 2.5em; 1416 } 1417 .oo-ui-outlineItemWidget-level-2 { 1418 padding-left: 6.5em; 1419 } 1420 .oo-ui-outlineItemWidget-level-2 .oo-ui-iconElement-icon { 1421 left: 4em; 1422 } 1423 .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected { 1424 background-color: #a7dcff; 1425 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); 1426 } 1427 .oo-ui-outlineItemWidget.oo-ui-flaggedElement-important { 1428 font-weight: bold; 1429 } 1430 .oo-ui-outlineItemWidget.oo-ui-flaggedElement-placeholder { 1431 font-style: italic; 1432 } 1433 .oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon { 1434 opacity: 0.5; 1435 } 1436 .oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label { 1437 color: #777777; 1438 } 1439 .oo-ui-outlineControlsWidget { 1440 height: 3em; 1441 background-color: #ffffff; 1442 } 1443 .oo-ui-outlineControlsWidget-items, 1444 .oo-ui-outlineControlsWidget-movers { 1445 float: left; 1446 -webkit-box-sizing: border-box; 1447 -moz-box-sizing: border-box; 1448 box-sizing: border-box; 1449 } 1450 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { 1451 float: left; 1452 background-position: right center; 1453 background-repeat: no-repeat; 1454 } 1455 .oo-ui-outlineControlsWidget-items { 1456 float: left; 1457 } 1458 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { 1459 float: left; 1460 } 1461 .oo-ui-outlineControlsWidget-movers { 1462 float: right; 1463 } 1464 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { 1465 float: right; 1466 } 1467 .oo-ui-outlineControlsWidget-items, 1468 .oo-ui-outlineControlsWidget-movers { 1469 height: 2em; 1470 margin: 0.5em; 1471 padding: 0; 1472 } 1473 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { 1474 width: 1.5em; 1475 height: 2em; 1476 margin: 0.5em 0 0.5em 0.5em; 1477 opacity: 0.2; 1478 } 1479 .oo-ui-outlineControlsWidget-items { 1480 margin-left: 0; 1481 } 1482 .oo-ui-comboBoxWidget > .oo-ui-selectWidget { 1483 z-index: 1; 1484 min-width: 20em; 1485 } 1486 .oo-ui-comboBoxWidget > .oo-ui-selectWidget-handle { 1487 border: solid 1px rgba(0, 0, 0, 0.1); 1488 border-radius: 0.25em; 1489 } 1490 .oo-ui-comboBoxWidget > .oo-ui-selectWidget-handle:hover { 1491 border-color: rgba(0, 0, 0, 0.2); 1492 } 1493 .oo-ui-comboBoxWidget > .oo-ui-selectWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator, 1494 .oo-ui-comboBoxWidget > .oo-ui-selectWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { 1495 cursor: default; 1496 opacity: 0.2; 1497 } 1498 .oo-ui-searchWidget-query { 1499 position: absolute; 1500 top: 0; 1501 left: 0; 1502 right: 0; 1503 } 1504 .oo-ui-searchWidget-query .oo-ui-textInputWidget { 1505 width: 100%; 1506 } 1507 .oo-ui-searchWidget-results { 1508 position: absolute; 1509 bottom: 0; 1510 left: 0; 1511 right: 0; 1512 overflow-x: hidden; 1513 overflow-y: auto; 1514 } 1515 .oo-ui-searchWidget-query { 1516 height: 4em; 1517 padding: 0 1em; 1518 box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2); 1519 } 1520 .oo-ui-searchWidget-query .oo-ui-textInputWidget { 1521 margin: 0.75em 0; 1522 } 1523 .oo-ui-searchWidget-results { 1524 top: 4em; 1525 padding: 1em; 1526 line-height: 0; 1527 } 1528 .oo-ui-window { 1529 line-height: 1em; 1530 /* Content div takes focus when opened, so hide outline */ 1531 } 1532 .oo-ui-window-frame { 1533 -webkit-box-sizing: border-box; 1534 -moz-box-sizing: border-box; 1535 box-sizing: border-box; 1536 } 1537 .oo-ui-window-frame > iframe { 1538 width: 100%; 1539 height: 100%; 1540 margin: 0; 1541 padding: 0; 1542 } 1543 .oo-ui-window-content:focus { 1544 outline: none; 1545 } 1546 .oo-ui-window-head, 1547 .oo-ui-window-foot { 1548 -webkit-touch-callout: none; 1549 -webkit-user-select: none; 1550 -moz-user-select: none; 1551 -ms-user-select: none; 1552 user-select: none; 1553 } 1554 .oo-ui-window-body { 1555 margin: 0; 1556 padding: 0; 1557 background: none; 1558 } 1559 .oo-ui-window-overlay { 1560 position: absolute; 1561 top: 0; 1562 left: 0; 1563 } 1564 .oo-ui-window-isolated { 1565 background-color: transparent; 1566 background-image: none; 1567 font-family: sans-serif; 1568 font-size: 0.8em; 1569 } 1570 .oo-ui-dialog-content > .oo-ui-window-head, 1571 .oo-ui-dialog-content > .oo-ui-window-body, 1572 .oo-ui-dialog-content > .oo-ui-window-foot { 1573 position: absolute; 1574 left: 0; 1575 right: 0; 1576 overflow: hidden; 1577 -webkit-box-sizing: border-box; 1578 -moz-box-sizing: border-box; 1579 box-sizing: border-box; 1580 } 1581 .oo-ui-dialog-content > .oo-ui-window-head { 1582 z-index: 1; 1583 top: 0; 1584 } 1585 .oo-ui-dialog-content > .oo-ui-window-head.oo-ui-pendingElement-pending { 1586 background-image: /* @embed */ url(images/textures/pending.gif); 1587 } 1588 .oo-ui-dialog-content > .oo-ui-window-body { 1589 z-index: 2; 1590 top: 0; 1591 bottom: 0; 1592 } 1593 .oo-ui-dialog-content > .oo-ui-window-foot { 1594 z-index: 1; 1595 bottom: 0; 1596 } 1597 .oo-ui-dialog-content > .oo-ui-window-overlay { 1598 z-index: 3; 1599 } 1600 .oo-ui-dialog-content > .oo-ui-window-body { 1601 box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); 1602 } 1603 .oo-ui-messageDialog-actions-horizontal { 1604 display: table; 1605 table-layout: fixed; 1606 width: 100%; 1607 } 1608 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { 1609 display: table-cell; 1610 width: 1%; 1611 } 1612 .oo-ui-messageDialog-actions-vertical { 1613 display: block; 1614 } 1615 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { 1616 display: block; 1617 overflow: hidden; 1618 text-overflow: ellipsis; 1619 } 1620 .oo-ui-messageDialog-actions .oo-ui-actionWidget { 1621 position: relative; 1622 text-align: center; 1623 } 1624 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { 1625 display: block; 1626 } 1627 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { 1628 position: relative; 1629 top: auto; 1630 bottom: auto; 1631 display: inline; 1632 white-space: nowrap; 1633 } 1634 .oo-ui-messageDialog-content .oo-ui-window-body { 1635 box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); 1636 } 1637 .oo-ui-messageDialog-title, 1638 .oo-ui-messageDialog-message { 1639 display: block; 1640 text-align: center; 1641 padding-top: 0.5em; 1642 } 1643 .oo-ui-messageDialog-title { 1644 font-size: 1.5em; 1645 line-height: 1em; 1646 color: #000000; 1647 } 1648 .oo-ui-messageDialog-message { 1649 font-size: 0.9em; 1650 line-height: 1.25em; 1651 color: #666666; 1652 } 1653 .oo-ui-messageDialog-message-verbose { 1654 font-size: 1.1em; 1655 line-height: 1.5em; 1656 text-align: left; 1657 } 1658 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { 1659 border-right: solid 1px #e5e5e5; 1660 } 1661 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { 1662 border-right-width: 0; 1663 } 1664 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { 1665 border-bottom: solid 1px #e5e5e5; 1666 } 1667 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { 1668 border-bottom-width: 0; 1669 } 1670 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { 1671 text-align: center; 1672 line-height: 3.4em; 1673 padding: 0 2em; 1674 } 1675 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { 1676 background-color: rgba(0, 0, 0, 0.05); 1677 } 1678 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active { 1679 background-color: rgba(0, 0, 0, 0.1); 1680 } 1681 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { 1682 background-color: rgba(8, 126, 204, 0.05); 1683 } 1684 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { 1685 background-color: rgba(8, 126, 204, 0.1); 1686 } 1687 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { 1688 font-weight: bold; 1689 } 1690 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { 1691 background-color: rgba(118, 171, 54, 0.05); 1692 } 1693 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { 1694 background-color: rgba(118, 171, 54, 0.1); 1695 } 1696 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { 1697 background-color: rgba(212, 83, 83, 0.05); 1698 } 1699 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { 1700 background-color: rgba(212, 83, 83, 0.1); 1701 } 1702 .oo-ui-processDialog-location { 1703 overflow: hidden; 1704 text-overflow: ellipsis; 1705 white-space: nowrap; 1706 } 1707 .oo-ui-processDialog-title { 1708 display: inline; 1709 padding: 0; 1710 } 1711 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget, 1712 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget, 1713 .oo-ui-processDialog-actions-other .oo-ui-actionWidget { 1714 white-space: nowrap; 1715 } 1716 .oo-ui-processDialog-actions-safe, 1717 .oo-ui-processDialog-actions-primary { 1718 position: absolute; 1719 top: 0; 1720 bottom: 0; 1721 } 1722 .oo-ui-processDialog-actions-safe { 1723 left: 0; 1724 } 1725 .oo-ui-processDialog-actions-primary { 1726 right: 0; 1727 } 1728 .oo-ui-processDialog-errors { 1729 display: none; 1730 position: absolute; 1731 top: 0; 1732 left: 0; 1733 right: 0; 1734 bottom: 0; 1735 z-index: 2; 1736 overflow-x: hidden; 1737 overflow-y: auto; 1738 } 1739 .oo-ui-processDialog-content .oo-ui-window-head { 1740 height: 3.4em; 1741 } 1742 .oo-ui-processDialog-content .oo-ui-window-body { 1743 top: 3.4em; 1744 box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); 1745 } 1746 .oo-ui-processDialog-navigation { 1747 position: relative; 1748 height: 3.4em; 1749 padding: 0 1em; 1750 } 1751 .oo-ui-processDialog-location { 1752 padding: 0.75em 0; 1753 height: 1.9em; 1754 cursor: default; 1755 text-align: center; 1756 } 1757 .oo-ui-processDialog-title { 1758 font-weight: bold; 1759 line-height: 1.9em; 1760 } 1761 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, 1762 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button, 1763 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button { 1764 padding-top: 0.75em; 1765 padding-bottom: 0.75em; 1766 min-width: 1.9em; 1767 min-height: 1.9em; 1768 } 1769 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label, 1770 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label, 1771 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label { 1772 line-height: 1.9em; 1773 padding: 0 1em; 1774 } 1775 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon, 1776 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon, 1777 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon { 1778 position: absolute; 1779 margin-top: -0.125em; 1780 } 1781 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, 1782 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed, 1783 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed { 1784 margin: 0.75em 0 0.75em 0.75em; 1785 } 1786 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, 1787 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, 1788 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { 1789 padding: 0; 1790 vertical-align: middle; 1791 } 1792 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover, 1793 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover { 1794 background-color: rgba(0, 0, 0, 0.05); 1795 } 1796 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active, 1797 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active { 1798 background-color: rgba(0, 0, 0, 0.1); 1799 } 1800 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, 1801 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed { 1802 margin: 0.75em; 1803 } 1804 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, 1805 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { 1806 /* Adjust for border so text aligns with title */ 1807 margin: -1px; 1808 } 1809 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover, 1810 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { 1811 background-color: rgba(8, 126, 204, 0.05); 1812 } 1813 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active, 1814 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { 1815 background-color: rgba(8, 126, 204, 0.1); 1816 } 1817 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label, 1818 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { 1819 font-weight: bold; 1820 } 1821 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover, 1822 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { 1823 background-color: rgba(118, 171, 54, 0.05); 1824 } 1825 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active, 1826 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { 1827 background-color: rgba(118, 171, 54, 0.1); 1828 } 1829 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover, 1830 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { 1831 background-color: rgba(212, 83, 83, 0.05); 1832 } 1833 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active, 1834 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { 1835 background-color: rgba(212, 83, 83, 0.1); 1836 } 1837 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { 1838 left: 0.5em; 1839 } 1840 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { 1841 padding-left: 2.25em; 1842 } 1843 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { 1844 right: 0.5em; 1845 } 1846 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { 1847 padding-right: 2.25em; 1848 } 1849 .oo-ui-processDialog > .oo-ui-window-frame { 1850 min-height: 5em; 1851 } 1852 .oo-ui-processDialog-errors { 1853 background-color: rgba(255, 255, 255, 0.9); 1854 padding: 3em 3em 1.5em 3em; 1855 text-align: center; 1856 } 1857 .oo-ui-processDialog-errors .oo-ui-buttonWidget { 1858 margin: 2em 1em 2em 1em; 1859 } 1860 .oo-ui-processDialog-errors-title { 1861 font-size: 1.5em; 1862 color: #000000; 1863 margin-bottom: 2em; 1864 } 1865 .oo-ui-processDialog-error { 1866 text-align: left; 1867 margin: 1em; 1868 padding: 1em; 1869 border: solid 1px #ff9e9e; 1870 background-color: #fff7f7; 1871 border-radius: 0.25em; 1872 } 1873 .oo-ui-windowManager-modal > .oo-ui-dialog { 1874 position: fixed; 1875 width: 0; 1876 height: 0; 1877 overflow: hidden; 1878 } 1879 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup { 1880 width: auto; 1881 height: auto; 1882 top: 0; 1883 right: 0; 1884 bottom: 0; 1885 left: 0; 1886 padding: 1em; 1887 } 1888 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { 1889 position: absolute; 1890 right: 0; 1891 left: 0; 1892 margin: auto; 1893 overflow: hidden; 1894 max-width: 100%; 1895 max-height: 100%; 1896 } 1897 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe { 1898 width: 100%; 1899 height: 100%; 1900 } 1901 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { 1902 width: 100%; 1903 height: 100%; 1904 top: 0; 1905 bottom: 0; 1906 } 1907 .oo-ui-windowManager-modal > .oo-ui-dialog { 1908 background-color: rgba(255, 255, 255, 0.5); 1909 opacity: 0; 1910 -webkit-transition: opacity 250ms ease-in-out; 1911 -moz-transition: opacity 250ms ease-in-out; 1912 -ms-transition: opacity 250ms ease-in-out; 1913 -o-transition: opacity 250ms ease-in-out; 1914 transition: opacity 250ms ease-in-out; 1915 } 1916 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { 1917 top: 1em; 1918 bottom: 1em; 1919 background-color: #ffffff; 1920 -webkit-transform: scale(0.5); 1921 -moz-transform: scale(0.5); 1922 -ms-transform: scale(0.5); 1923 -o-transform: scale(0.5); 1924 transform: scale(0.5); 1925 -webkit-transition: all 250ms ease-in-out; 1926 -moz-transition: all 250ms ease-in-out; 1927 -ms-transition: all 250ms ease-in-out; 1928 -o-transition: all 250ms ease-in-out; 1929 transition: all 250ms ease-in-out; 1930 } 1931 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready { 1932 opacity: 1; 1933 } 1934 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { 1935 -webkit-transform: scale(1); 1936 -moz-transform: scale(1); 1937 -ms-transform: scale(1); 1938 -o-transform: scale(1); 1939 transform: scale(1); 1940 } 1941 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { 1942 border: solid 1px #cccccc; 1943 border-radius: 0.5em; 1944 box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); 1945 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
| Generated: Fri Nov 28 14:03:12 2014 | Cross-referenced by PHPXref 0.7.1 |