resources/lib/oojs-ui/oojs-ui-toolbars-mediawiki.css

   1 /*!
   2  * OOjs UI v0.16.2
   3  * https://www.mediawiki.org/wiki/OOjs_UI
   4  *
   5  * Copyright 2011–2016 OOjs UI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2016-03-08T21:46:53Z
  10  */
  11 .oo-ui-popupTool .oo-ui-popupWidget-popup,
  12 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
  13         z-index: 4;
  14 }
  15 .oo-ui-popupTool .oo-ui-popupWidget {
  16         /* @noflip */
  17         margin-left: 1.25em;
  18 }
  19 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
  20         border: 0;
  21         border-radius: 0;
  22         margin: 0;
  23 }
  24 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
  25         border-right: none;
  26 }
  27 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
  28         height: 2.5em;
  29         padding: 0.3125em;
  30 }
  31 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
  32         height: 2.5em;
  33         width: 1.875em;
  34 }
  35 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
  36         line-height: 2.1em;
  37 }
  38 .oo-ui-toolGroup {
  39         display: inline-block;
  40         vertical-align: middle;
  41         border-radius: 0;
  42         border-right: 1px solid #dddddd;
  43 }
  44 .oo-ui-toolGroup-empty {
  45         display: none;
  46 }
  47 .oo-ui-toolGroup .oo-ui-tool-link {
  48         text-decoration: none;
  49 }
  50 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
  51         margin-left: 0;
  52 }
  53 .oo-ui-toolGroup .oo-ui-toolGroup .oo-ui-widget-enabled {
  54         border-right: none !important;
  55 }
  56 .oo-ui-barToolGroup > .oo-ui-iconElement-icon,
  57 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
  58         display: none;
  59 }
  60 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
  61         cursor: pointer;
  62 }
  63 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool {
  64         display: inline-block;
  65         position: relative;
  66         vertical-align: top;
  67 }
  68 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
  69         display: block;
  70 }
  71 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
  72         display: none;
  73 }
  74 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
  75         display: inline-block;
  76         vertical-align: top;
  77 }
  78 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
  79         display: none;
  80 }
  81 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
  82         display: inline;
  83 }
  84 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link {
  85         outline: 0;
  86         cursor: default;
  87 }
  88 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
  89         height: 1.875em;
  90         padding: 0.625em;
  91 }
  92 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
  93         height: 1.875em;
  94         width: 1.875em;
  95 }
  96 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
  97         line-height: 2.1em;
  98         padding: 0 0.4em;
  99 }
 100 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover {
 101         border-color: rgba(0, 0, 0, 0.2);
 102         background-color: #eeeeee;
 103 }
 104 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title {
 105         color: #555555;
 106 }
 107 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled {
 108         border-color: rgba(0, 0, 0, 0.2);
 109         box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
 110         background-color: #e5e5e5;
 111 }
 112 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled:hover {
 113         background-color: #eeeeee;
 114 }
 115 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
 116         border-left-color: rgba(0, 0, 0, 0.1);
 117 }
 118 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title {
 119         color: #cccccc;
 120 }
 121 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
 122         opacity: 0.2;
 123 }
 124 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
 125         opacity: 0.7;
 126 }
 127 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover > .oo-ui-tool-link .oo-ui-iconElement-icon {
 128         opacity: 0.9;
 129 }
 130 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:active {
 131         background-color: #e7e7e7;
 132 }
 133 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title {
 134         color: #cccccc;
 135 }
 136 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-iconElement-icon {
 137         opacity: 0.2;
 138 }
 139 .oo-ui-popupToolGroup {
 140         position: relative;
 141         height: 3.125em;
 142         min-width: 2em;
 143 }
 144 .oo-ui-popupToolGroup-handle {
 145         display: block;
 146         cursor: pointer;
 147 }
 148 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
 149 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 150         position: absolute;
 151 }
 152 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
 153         outline: 0;
 154         cursor: default;
 155 }
 156 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
 157         display: none;
 158         position: absolute;
 159         z-index: 4;
 160 }
 161 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
 162         display: block;
 163 }
 164 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
 165         left: 0;
 166 }
 167 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
 168         right: 0;
 169 }
 170 .oo-ui-popupToolGroup .oo-ui-tool-link {
 171         display: table;
 172         width: 100%;
 173         vertical-align: middle;
 174         white-space: nowrap;
 175 }
 176 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon,
 177 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
 178 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 179         display: table-cell;
 180         vertical-align: middle;
 181 }
 182 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
 183         text-align: right;
 184 }
 185 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) {
 186         padding-left: 3em;
 187 }
 188 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
 189         min-width: 1.875em;
 190 }
 191 .oo-ui-popupToolGroup.oo-ui-iconElement {
 192         min-width: 3.125em;
 193 }
 194 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
 195         min-width: 2.5em;
 196 }
 197 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
 198         min-width: 4.375em;
 199 }
 200 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
 201         min-width: 3.75em;
 202 }
 203 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 204         line-height: 2.6em;
 205         margin: 0 1em;
 206 }
 207 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 208         margin: 0 0.5em;
 209 }
 210 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 211         margin-left: 3em;
 212 }
 213 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 214         margin-left: 2.5em;
 215 }
 216 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 217         margin-right: 2em;
 218 }
 219 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 220         margin-right: 1.75em;
 221 }
 222 .oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:hover {
 223         background-color: #eeeeee;
 224 }
 225 .oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:active {
 226         background-color: #e5e5e5;
 227 }
 228 .oo-ui-popupToolGroup-handle {
 229         padding: 0.3125em;
 230         height: 2.5em;
 231 }
 232 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 233         width: 0.9375em;
 234         height: 1.625em;
 235         margin: 0.78125em 0.5em;
 236         top: 0;
 237         right: 0;
 238         opacity: 0.3;
 239 }
 240 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 241         right: -0.3125em;
 242 }
 243 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 244         width: 1.875em;
 245         height: 2.6em;
 246         margin: 0.25em;
 247         top: 0;
 248         left: 0.3125em;
 249         opacity: 0.7;
 250 }
 251 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 252         left: 0;
 253 }
 254 .oo-ui-popupToolGroup-header {
 255         line-height: 2.6em;
 256         margin: 0 0.6em;
 257         font-weight: bold;
 258 }
 259 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
 260         border-bottom-left-radius: 0;
 261         border-bottom-right-radius: 0;
 262         box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
 263         background-color: #eeeeee;
 264 }
 265 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
 266         top: 3.125em;
 267         margin: 0 -1px;
 268         border: 1px solid #cccccc;
 269         background-color: #ffffff;
 270         box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
 271         min-width: 16em;
 272 }
 273 .oo-ui-popupToolGroup .oo-ui-tool-link {
 274         padding: 0.4em 0.625em;
 275         box-sizing: border-box;
 276 }
 277 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 278         height: 2.5em;
 279         width: 1.875em;
 280         min-width: 1.875em;
 281 }
 282 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 283         padding-left: 0.5em;
 284         color: #555555;
 285 }
 286 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
 287 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 288         line-height: 2em;
 289 }
 290 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
 291         color: #888888;
 292 }
 293 .oo-ui-listToolGroup .oo-ui-tool {
 294         display: block;
 295         -webkit-box-sizing: border-box;
 296            -moz-box-sizing: border-box;
 297                 box-sizing: border-box;
 298 }
 299 .oo-ui-listToolGroup .oo-ui-tool-link {
 300         cursor: pointer;
 301 }
 302 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 303         cursor: default;
 304 }
 305 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
 306         border-color: rgba(0, 0, 0, 0.2);
 307 }
 308 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
 309         border-color: rgba(0, 0, 0, 0.2);
 310         background-color: #eeeeee;
 311 }
 312 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:active {
 313         background-color: #e7e7e7;
 314 }
 315 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
 316         opacity: 0.9;
 317 }
 318 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
 319         border-color: rgba(0, 0, 0, 0.1);
 320         box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
 321         background-color: #e5e5e5;
 322 }
 323 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
 324         border-top-color: rgba(0, 0, 0, 0.1);
 325 }
 326 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
 327         border-color: rgba(0, 0, 0, 0.2);
 328         background-color: #eeeeee;
 329 }
 330 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
 331         color: #cccccc;
 332 }
 333 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
 334         color: #dddddd;
 335 }
 336 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
 337         opacity: 0.2;
 338 }
 339 .oo-ui-listToolGroup.oo-ui-widget-disabled {
 340         color: #cccccc;
 341 }
 342 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
 343 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
 344         opacity: 0.2;
 345 }
 346 .oo-ui-menuToolGroup .oo-ui-tool {
 347         display: block;
 348 }
 349 .oo-ui-menuToolGroup .oo-ui-tool-link {
 350         cursor: pointer;
 351 }
 352 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 353         cursor: default;
 354 }
 355 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 356         min-width: 10em;
 357 }
 358 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 359         min-width: 8.125em;
 360 }
 361 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 362         background-image: none;
 363 }
 364 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
 365         background-image: url("themes/mediawiki/images/icons/check.png");
 366         background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg");
 367         background-image:         linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg");
 368         background-image:      -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check.png");
 369         background-size: contain;
 370         background-position: center center;
 371         background-repeat: no-repeat;
 372 }
 373 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
 374         background-color: #eeeeee;
 375 }
 376 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
 377         color: #cccccc;
 378 }
 379 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
 380         opacity: 0.2;
 381 }
 382 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
 383         color: #cccccc;
 384 }
 385 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
 386 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
 387         opacity: 0.2;
 388 }
 389 .oo-ui-toolbar {
 390         clear: both;
 391 }
 392 .oo-ui-toolbar-bar {
 393         line-height: 1em;
 394         position: relative;
 395 }
 396 .oo-ui-toolbar-actions {
 397         float: right;
 398 }
 399 .oo-ui-toolbar-actions .oo-ui-toolbar {
 400         display: inline-block;
 401 }
 402 .oo-ui-toolbar-tools {
 403         display: inline;
 404         white-space: nowrap;
 405 }
 406 .oo-ui-toolbar-narrow .oo-ui-toolbar-tools {
 407         white-space: normal;
 408 }
 409 .oo-ui-toolbar-tools .oo-ui-tool {
 410         white-space: normal;
 411 }
 412 .oo-ui-toolbar-tools,
 413 .oo-ui-toolbar-actions,
 414 .oo-ui-toolbar-shadow {
 415         -webkit-touch-callout: none;
 416         -webkit-user-select: none;
 417            -moz-user-select: none;
 418             -ms-user-select: none;
 419                 user-select: none;
 420 }
 421 .oo-ui-toolbar-actions .oo-ui-popupWidget {
 422         -webkit-touch-callout: default;
 423         -webkit-user-select: all;
 424            -moz-user-select: all;
 425             -ms-user-select: all;
 426                 user-select: all;
 427 }
 428 .oo-ui-toolbar-shadow {
 429         background-position: left top;
 430         background-repeat: repeat-x;
 431         position: absolute;
 432         width: 100%;
 433         pointer-events: none;
 434 }
 435 .oo-ui-toolbar-bar {
 436         border-bottom: 1px solid #cccccc;
 437         background-color: #ffffff;
 438         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 439         font-weight: 500;
 440         color: #555555;
 441 }
 442 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
 443         border: 0;
 444         background: none;
 445         box-shadow: none;
 446 }
 447 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement {
 448         margin: 0;
 449 }
 450 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
 451         border: 0;
 452         border-radius: 0;
 453         margin: 0;
 454         padding: 0 0.3125em;
 455 }
 456 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 457         margin: 0 1em;
 458         line-height: 3.125em;
 459 }