mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-17 19:31:51 +00:00
80 lines
2.6 KiB
CSS
80 lines
2.6 KiB
CSS
/*!
|
|
* VisualEditor MediaWiki Initialization Target styles.
|
|
*
|
|
* @copyright 2011-2019 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/* Dialogs */
|
|
|
|
/* Override overflow: hidden; from MW styles */
|
|
.ve-ui-commandHelpDialog-section h3 {
|
|
overflow: visible;
|
|
}
|
|
|
|
/* IE hacks */
|
|
|
|
/* Undo overflow: hidden; from MW CSS to work around hasLayout issue */
|
|
.ve-init-target-ie .ve-ce-surface h1,
|
|
.ve-init-target-ie .ve-ce-surface h2,
|
|
.ve-init-target-ie .ve-ce-surface h3,
|
|
.ve-init-target-ie .ve-ce-surface h4,
|
|
.ve-init-target-ie .ve-ce-surface h5,
|
|
.ve-init-target-ie .ve-ce-surface h6 {
|
|
overflow: visible;
|
|
}
|
|
|
|
/* Override MediaWiki's styles that make sense in read mode only */
|
|
|
|
/* Prevent jQuery.makeCollapsible from hiding the rows, even if collapsed by default */
|
|
.client-js .ve-ce-mwTableNode.mw-collapsed:not( .mw-made-collapsible ) tr:not( :first-child ),
|
|
.client-js .ve-ui-diffElement table.mw-collapsed:not( .mw-made-collapsible ) tr:not( :first-child ) {
|
|
display: table-row;
|
|
}
|
|
|
|
.client-js .ve-ce-mwTableNode.mw-collapsed:not( .mw-made-collapsible ) > thead + tbody,
|
|
.client-js .ve-ui-diffElement table.mw-collapsed:not( .mw-made-collapsible ) > thead + tbody {
|
|
display: table-row-group;
|
|
}
|
|
|
|
/* Prevent jQuery.makeCollapsible from hiding blocks */
|
|
.client-js .ve-ce-surface .mw-collapsed:not( .mw-made-collapsible ) .mw-collapsible-content,
|
|
.client-js .ve-ui-diffElement .mw-collapsed:not( .mw-made-collapsible ) .mw-collapsible-content {
|
|
display: block;
|
|
}
|
|
|
|
/*
|
|
* Grey out the fake toggles to make it more obvious they are not interactive.
|
|
* Don't bother trying to float the toggles, as the text they are floating around
|
|
* is now paragraph wrapped. Making these paragraphs display:inline would fix the
|
|
* rendering but causes them to be destroyed by the CE when empty (T197987).
|
|
*/
|
|
.ve-ce-mwTableNode.mw-collapsible :first-child tr:first-child th:last-child:before,
|
|
.ve-ce-mwTableNode.mw-collapsible > caption:first-child:after,
|
|
.ve-ui-diffElement table.mw-collapsible :first-child tr:first-child th:last-child:before,
|
|
.ve-ui-diffElement table.mw-collapsible > caption:first-child:after {
|
|
color: #999;
|
|
float: none;
|
|
}
|
|
|
|
.ve-ce-surface div.mw-collapsible:before,
|
|
.ve-ui-diffElement div.mw-collapsible:before {
|
|
color: #999;
|
|
}
|
|
|
|
/* Reset section node styles */
|
|
.ve-init-mw-target .ve-ce-sectionNode:before,
|
|
.ve-init-mw-target .ve-ce-sectionNode:after {
|
|
content: normal;
|
|
}
|
|
|
|
.ve-init-mw-target .ve-ce-surface-enabled .ve-ce-sectionNode:not( .ve-ce-activeNode-active ) {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Save button */
|
|
.ve-ui-toolbar-saveButton {
|
|
white-space: nowrap;
|
|
font-weight: bold;
|
|
}
|