mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-12-01 17:36:35 +00:00
eafe5d844c
Re-label the headings in the MWFormatDropdownTool with MW-specific headings per bug 43334, reduce the size of the dropdown's contents a little to make the headings less vibrant, and move the H1 option to the end of the list to further discourage its use. Note that there are some issues with the underlying structure here and our ability to split the repos into VE-core and VE-MW will need this to be refactored. Bug: 43334 Change-Id: I5a58b4dcebd6ceae0ffcd24f663429f25bdc3db9
173 lines
3.4 KiB
CSS
173 lines
3.4 KiB
CSS
/*!
|
|
* VisualEditor UserInterface Tool styles.
|
|
*
|
|
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/* ve.ui.ButtonTool */
|
|
|
|
.ve-ui-buttonTool {
|
|
display: inline-block;
|
|
border: solid 1px transparent;
|
|
border-radius: 0.125em;
|
|
cursor: pointer;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.ve-ui-buttonTool {
|
|
padding: 0.25em;
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
margin: 0.05em;
|
|
}
|
|
|
|
.ve-ui-buttonTool:hover {
|
|
border-color: #eee;
|
|
}
|
|
|
|
.ve-ui-buttonTool-active:hover {
|
|
border-color: #ccc;
|
|
}
|
|
|
|
.ve-ui-buttonTool:active,
|
|
.ve-ui-buttonTool-active {
|
|
border-color: #ddd;
|
|
/* @embed */
|
|
background-image: url(images/fade-down.png);
|
|
background-position: left top;
|
|
background-repeat: repeat-x;
|
|
box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
|
|
}
|
|
|
|
.ve-ui-buttonTool.ve-ui-widget-disabled:active {
|
|
background-image: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.ve-ui-buttonTool.ve-ui-widget-disabled:hover {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.ve-ui-buttonTool.ve-ui-widget-disabled {
|
|
cursor: auto;
|
|
}
|
|
|
|
.ve-ui-buttonTool-icon {
|
|
display: block;
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.ve-ui-buttonTool:not(.ve-ui-widget-disabled):hover .ve-ui-buttonTool-icon {
|
|
opacity: 1;
|
|
}
|
|
|
|
.ve-ui-widget-disabled .ve-ui-buttonTool-icon {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
/* ve.ui.DropdownTool */
|
|
|
|
.ve-ui-dropdownTool {
|
|
position: relative;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
vertical-align: top;
|
|
border: solid 1px #ddd;
|
|
border-radius: 0.25em;
|
|
background-color: white;
|
|
box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
|
|
}
|
|
|
|
.ve-ui-dropdownTool:hover {
|
|
border-color: #ccc;
|
|
}
|
|
|
|
.ve-ui-dropdownTool-label {
|
|
overflow: hidden;
|
|
height: 2em;
|
|
padding-right: 0.25em;
|
|
padding-left: 0.75em;
|
|
line-height: 2em;
|
|
}
|
|
|
|
.ve-ui-dropdownTool-label span {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.ve-ui-dropdownTool-icon {
|
|
position: absolute;
|
|
right: 0;
|
|
width: 2em;
|
|
height: 2em;
|
|
/* @see ve.ui.Icons */
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.ve-ui-dropdownTool:hover .ve-ui-dropdownTool-icon {
|
|
opacity: 1;
|
|
}
|
|
|
|
.ve-ui-dropdownTool .ve-ui-menuWidget {
|
|
left: -1px;
|
|
top: 2.5em;
|
|
z-index: 10000;
|
|
}
|
|
|
|
.ve-ui-dropdownTool .ve-ui-labeledElement-label {
|
|
display: block;
|
|
padding: 0.33em 0 0.33em 0;
|
|
}
|
|
|
|
.ve-ui-dropdownTool-format {
|
|
width: 8em;
|
|
}
|
|
|
|
.ve-ui-dropdownTool-mwFormat ul {
|
|
font-size: 80%;
|
|
}
|
|
|
|
.ve-ui-dropdownTool-format .ve-ui-optionWidget[rel="paragraph"] .ve-ui-labeledElement-label {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.ve-ui-dropdownTool-format .ve-ui-optionWidget[rel="heading-1"] .ve-ui-labeledElement-label {
|
|
font-size: 188%;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.ve-ui-dropdownTool-format .ve-ui-optionWidget[rel="heading-2"] .ve-ui-labeledElement-label {
|
|
font-size: 150%;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.ve-ui-dropdownTool-format .ve-ui-optionWidget[rel="heading-3"] .ve-ui-labeledElement-label {
|
|
font-size: 132%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ve-ui-dropdownTool-format .ve-ui-optionWidget[rel="heading-4"] .ve-ui-labeledElement-label {
|
|
font-size: 116%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ve-ui-dropdownTool-format .ve-ui-optionWidget[rel="heading-5"] .ve-ui-labeledElement-label {
|
|
font-size: 100%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ve-ui-dropdownTool-format .ve-ui-optionWidget[rel="heading-6"] .ve-ui-labeledElement-label {
|
|
font-size: 80%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ve-ui-dropdownTool-format .ve-ui-optionWidget[rel="preformatted"] .ve-ui-labeledElement-label {
|
|
font-family: monospace, "Courier New";
|
|
}
|