Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
@media only screen and (max-width: 570px) {
.page-side-tools__wrapper {
pointer-events: none;
}
.page-side-tools {
pointer-events: auto;
}
}
@media only screen and (max-width: 785px) {
.sticky-toc.toc {
z-index: 9;
}
.action-edit .mw-parser-output {
overflow: auto;
}
.ve-active .skin-fandomdesktop .global-navigation {
display: flex!important;
z-index: 10;
position: absolute;
}
.fandom-sticky-header {
z-index: 400;
}
.ve-active .skin-fandomdesktop .main-container {
margin-top: 10px!important;
}
.ve-active .responsivemobile-loaded .skin-fandomdesktop .main-container {
margin-top: 55px!important
}
/* Classic source editor */
.editButtons {
align-items: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
}
/* TemplateData */
.oo-ui-windowManager {
position: unset;
}
/* CSS for the VisualEditor, also have to use !important all the time because of thw double-styles */
/* Base Editor interface */
.skin-fandomdesktop .ve-init-mw-desktopArticleTarget-originalContent:not(:empty) {
height: 50vh !important;
}
/* Header */
.ve-fd-header {
align-items: center;
display: flex;
flex-flow: row wrap;
grid-template-rows: unset !important;
grid-template-columns: unset !important;
grid-template-areas: unset !important;
justify-content: space-between !important;
width: 100% !important;
z-index: 8;
}
.ve-fe-header > div:first-child {
align-items: center;
display: flex;
}
.ve-fd-header .ve-fd-header__title {
line-height: 1;
word-break: break-word;
}
.ve-fd-header a {
line-height: 1 !important;
}
.ve-fd-header__actions > .ve-header-action-item:first-child {
align-items: center;
display: flex;
}
/* Toolbar */
.ve-ui-toolbar .oo-ui-toolbar-bar {
top: 0 !important;
}
.wikiEditor-ui-toolbar .section-secondary:has(.empty) {
display: none;
}
/** Top section **/
.wikiEditor-ui-toolbar {
display: flex;
flex-flow: row wrap;
}
/*
.wikiEditor-ui .wikiEditor-ui-toolbar .ve-init-mw-editSwitch {
display: block;
}
*/
.wikiEditor-ui .wikiEditor-ui-view.wikiEditor-ui-view-wikitext .wikiEditor-ui-top,
.ve-ui-toolbar,
.mw-editform .editOptions {
margin: 0 -13px;
}
/* Classic editor special symbols & help window layout */
.wikiEditor-ui-toolbar .booklet > .index {
float: none;
width: 100%;
height: auto;
max-height: 90px;
overflow: auto;
resize: vertical;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .ve-init-mw-editSwitch .oo-ui-toolbar-bar,
.ve-init-mw-editSwitch .oo-ui-popupToolGroup,
.ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
height: 38px;
padding: 0;
}
.ve-init-mw-editSwitch .oo-ui-popupToolGroup {
padding-left: 6px;
padding-right: 6px;
}
[dir="ltr"] .ve-init-mw-editSwitch .oo-ui-popupToolGroup {
border-right: 1px solid var(--theme-border-color);
margin-right: 3px;
}
[dir="rtl"] .ve-init-mw-editSwitch .oo-ui-popupToolGroup {
border-left: 1px solid var(--theme-border-color);
margin-left: 3px;
}
/** Bottom section **/
.wikiEditor-ui .wikiEditor-ui-toolbar .sections #wikiEditor-section-advanced.section.section-visible {
display: flex;
flex-flow: row wrap;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .group-insert .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:last-child {
margin: 0;
}
.wikiEditor-ui-toolbar .group-search {
border-left: none;
}
/* Save UI */
.skin-fandomdesktop .oo-ui-windowManager-modal > .ve-ui-mwSaveDialog > .oo-ui-window-frame {
left: unset !important;
}
/* Summary */
.ve-ui-summaryPanel {
position: static !important;
}
.ve-ui-summaryPanel-summaryInputField,
.ve-ui-summaryPanel .ve-ui-summaryPanel-showChangesOrPreviewGroup,
.ve-ui-summaryPanel .ve-ui-summaryPanel-checkboxArea {
display: none !important;
}
.ve-ui-summaryPanel .ve-ui-summaryPanel-cancelOrSaveGroup {
width: 100%;
}
.ve-ui-summaryPanel .ve-ui-summaryPanel-saveButton {
margin-left: auto;
}
/* Dialogue boxes */
.ui-dialog.ui-widget.ui-widget-content {
width: 100%!important;
}
}