MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 69: Line 69:


#mw-wrapper,
#mw-wrapper,
#wikieditor-toolbar-replace-message div {
#wikieditor-toolbar-replace-message div,
.mw-notification-content {
     color: var(--text-color);
     color: var(--text-color);
}
}
Line 115: Line 116:
.disable-image-link a {
.disable-image-link a {
     pointer-events: none;
     pointer-events: none;
}
#mw-wrapper {
    background-color: var(--theme-tone-1);
}
.dark-mode #mw-wrapper {
    background: var(--theme-tone-6);
}
}


Line 125: Line 134:
}
}


a:visited {
a:hover {
    color: var(--accent-color-tone-2);
}
 
a:visited,
a:visited:hover {
     color: var(--accent-color-tone-2);
     color: var(--accent-color-tone-2);
}
}
Line 154: Line 168:
.mw-editform .editOptions,
.mw-editform .editOptions,
.suggestions .suggestions-results {
.suggestions .suggestions-results {
     background-color: var(--theme-tone-2);
     background-color: var(--theme-tone-6);
     border-color: var(--border-color);
     border-color: var(--border-color);
}
}
Line 178: Line 192:


.oo-ui-popupWidget-head {
.oo-ui-popupWidget-head {
     background: var(--theme-tone-4);
    display: flex;
    place-items: center;
    gap: 0.3rem;
    margin-bottom: 0;
     background: var(--theme-tone-2);
     border-color: var(--border-color) !important;
     border-color: var(--border-color) !important;
    padding: 5px 15px!important;
}
.oo-ui-popupWidget-head a.oo-ui-buttonElement-button {
    margin-right: 5px;
}
}


Line 371: Line 394:
     background-color: var(--theme-tone-7);
     background-color: var(--theme-tone-7);
     border-color: var(--border-color);
     border-color: var(--border-color);
}
.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
    box-shadow: inset 2.75em 0 0 var(--theme-tone-2);
}
}


Line 377: Line 405:
     background: var(--theme-tone-7);
     background: var(--theme-tone-7);
     color: var(--text-color);
     color: var(--text-color);
}
div.collapsible-header {
    background-color: var(--theme-tone-4);
    border: 1px solid var(--border-color);
}
}


Line 382: Line 415:
.mw-ui-button.mw-ui-progressive:disabled:hover,
.mw-ui-button.mw-ui-progressive:disabled:hover,
.mw-notification,
.mw-notification,
.wikiEditor-ui-toolbar .sections .section {
.wikiEditor-ui-toolbar .sections .section,
.mw-notification.mw-notification-autohide.mw-notification-tag-watch-self {
    background-color: var(--theme-tone-6);
    border-color: var(--border-color-tone-2);
}
 
.dark-mode .mw-ui-button.mw-ui-progressive:disabled,
.dark-mode .mw-ui-button.mw-ui-progressive:disabled:hover,
.dark-mode .mw-notification,
.dark-mode .wikiEditor-ui-toolbar .sections .section,
.dark-mode .mw-notification.mw-notification-autohide.mw-notification-tag-watch-self {
     background-color: var(--theme-tone-7);
     background-color: var(--theme-tone-7);
     border-color: var(--border-color-tone-2);
     border-color: var(--border-color);
}
}


Line 722: Line 765:
     border-color: var(--accent-color-tone-3);
     border-color: var(--accent-color-tone-3);
     box-shadow: none;
     box-shadow: none;
}
div.oo-ui-popupWidget-popup .oo-ui-flaggedElement-progressive > a.oo-ui-buttonElement-button:hover {
    background-color: var(--accent-color)!important;
}
}


Line 803: Line 850:


/* -- */
/* -- */
.image-wrap a {
    height: max-content;
    width: max-content;
    display: block;
}


.tools-inline li[id^="ca-nstab-"],
.tools-inline li[id^="ca-nstab-"],
Line 809: Line 862:
#ca-history,
#ca-history,
#p-views li,
#p-views li,
#p-more li {
#p-more li,
#ca-edit,
#ca-ve-edit-clone {
     border-bottom: none;
     border-bottom: none;
     background: var(--theme-tone-7);
     background: var(--theme-tone-7);
Line 820: Line 875:
#ca-history:hover,
#ca-history:hover,
#p-views li:hover,
#p-views li:hover,
#p-more li:hover {
#p-more li:hover,
#ca-ve-edit-clone:hover {
     background-color: var(--theme-tone-8);
     background-color: var(--theme-tone-8);
}
}
Line 828: Line 884:
#ca-history a,
#ca-history a,
#p-views li a,
#p-views li a,
#p-more li a {
#p-more li a,
     padding: 5px 7px 9px 27px;
#ca-edit a,
#ca-ve-edit-clone a {
     padding: 5px 7px 9px 27px !important;
     color: var(--text-color) !important;
     color: var(--text-color) !important;
     background-position: 5px 6px;
     background-position: 5px 6px !important;
     text-decoration: none;
     text-decoration: none;
     font-weight: 500;
     font-weight: 500;
Line 840: Line 898:
#ca-history:active,
#ca-history:active,
#p-views li:active,
#p-views li:active,
#p-more li:active {
#p-more li:active,
#ca-edit:active,
#ca-ve-edit-clone:active {
     background-color: var(--theme-tone-7);
     background-color: var(--theme-tone-7);
}
#ca-ve-edit-clone a {
    background-image: url("/wiki/skins/Timeless/resources/images/pencil-grey.svg");
}
}
#ca-watch:hover,
#ca-watch:hover,
Line 910: Line 973:
}
}


.ui-dialog.ui-widget.ui-widget-content label {
form:not(.oo-ui-layout) textarea,
form:not(.oo-ui-layout) input {
    border-color: var(--border-color);
}
 
.ui-dialog.ui-widget.ui-widget-content label,
.oo-ui-messageWidget > .oo-ui-labelElement-label {
     color: var(--text-color);
     color: var(--text-color);
     font-weight: 500;
     font-weight: 500;
Line 971: Line 1,040:
}
}


#wikieditor-toolbar-link-int-target-status-notexists {
#wikieditor-toolbar-link-int-target-status-notexists,
.mw-editform #editpage-copywarn {
     color: var(--text-color);
     color: var(--text-color);
}
}


.wikiEditor-ui-toolbar .booklet .index div,
.mw-editform #editpage-copywarn {
    margin-top: 1rem;
}
 
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {
    border-bottom-color: var(--border-color);
}
 
.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
    height: 2.5em;
    display: flex;
    align-items: center;
}
 
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    padding: 0;
}
 
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background: var(--theme-tone-6);
}
 
.wikiEditor-ui-toolbar .booklet .index div,
.wikiEditor-ui-toolbar .group .tool-select .label {
.wikiEditor-ui-toolbar .group .tool-select .label {
     color: var(--text-color);
     color: var(--text-color);
Line 1,030: Line 1,122:
}
}


span.oo-ui-selectFileWidget-dropLabel {
span.oo-ui-selectFileWidget-dropLabel,
.ve-ui-targetWidget .ve-ui-surface .ve-ce-attachedRootNode,
.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-padded.oo-ui-panelLayout-expanded {
     color: var(--text-color);
     color: var(--text-color);
}
}
Line 1,046: Line 1,140:
}
}


/* -- */
span.oo-ui-iconElement-icon.oo-ui-icon-unLink.oo-ui-image-destructive {
    filter: invert(0)!important;
}


input.historysubmit.mw-history-compareselectedversions-button {
.ve-ui-context-menu.ve-ui-desktopContext-menu .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button {
    background-color: var(--theme-tone-7);
     padding-top: 6px;
    border: none;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid var(--border-color);
     transition: background-color 0.3s;
}
}


input.historysubmit.mw-history-compareselectedversions-button:hover {
.oo-ui-tabSelectWidget-frameless {
     background-color: var(--theme-tone-8);
     box-shadow: inset 0 -1px 0 0 var(--border-color-tone-2);
}
}


span.oo-ui-iconElement-icon.oo-ui-icon-reload.oo-ui-image-progressive {
.ve-active .mw-parser-output h2 {
     filter: brightness(1.8) saturate(1.5) invert(0) !important;
    padding-left: 2rem;
    font-weight: 500;
     font-size: 21px;
}
}


/* Font */
.oo-ui-window-content {
html {
     background-color: var(--theme-tone-5);
     font-size: 104.5%;
    overflow-x: hidden;
}
}


@font-face {
.mw-widget-mediaResultWidget-overlay {
     font-family: "Heading";
     box-shadow: inset 0 0 0 1px var(--border-color-tone-2);
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/MYRIADPRO-BOLDCOND.woff") format("woff");
}
}


@font-face {
.mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted, .mw-widget-mediaResultWidget.oo-ui-optionWidget-selected {
     font-family: SegoeUI;
    box-shadow: inset 0 0 0 1px var(--accent-color);
     src: local("Segoe UI Light"), url(https://elwiki.net/fonts/Segoe_UI/Light/latest.ttf) format("truetype");
}
     font-weight: 200;
 
}
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
 
    background: var(--theme-tone-6);
@font-face {
}
     font-family: SegoeUI;
 
     src: local("Segoe UI Semilight"), url(https://elwiki.net/fonts/Segoe_UI/Semilight/latest.ttf) format("truetype");
.ve-ui-targetWidget-focused {
     font-weight: 300;
    border-color: var(--accent-color);
}
    box-shadow: inset 0 0 0 1px var(--accent-color);
 
}
@font-face {
 
     font-family: SegoeUI;
/* Visual Editor */
     src: local("Segoe UI"), url(https://elwiki.net/fonts/Segoe_UI/Regular/latest.ttf) format("truetype");
 
     font-weight: 400;
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar,
}
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar,
 
.oo-ui-menuToolGroup,
@font-face {
.oo-ui-popupToolGroup-tools,
     font-family: SegoeUI;
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label,
     src: local("Segoe UI Semibold"), url(https://elwiki.net/fonts/Segoe_UI/Semibold/latest.ttf) format("truetype");
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
     font-weight: 500;
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
}
.ve-ui-specialCharacterPage-character,
 
.mw-rcfilters-ui-datePopupWidget,
@font-face {
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame,
     font-family: SegoeUI;
.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget,
     src: local("Segoe UI Bold"), url(https://elwiki.net/fonts/Segoe_UI/Bold/latest.ttf) format("truetype");
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-menu {
     font-weight: 600;
    border-color: var(--border-color);
}
}
 
 
.fancy-font {
.ve-init-mw-progressBarWidget-bar {
     font-family: "Heading" !important;
    background-color: var(--accent-color);
}
}
 
 
html *:not(.wikiEditor-ui *, .mw-editfont-monospace),
.mw-notification-title,
#p-logo-text a {
.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-padded {
     font-family: "SegoeUI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
    color: var(--text-color);
}
}
 
 
/* Generic elements */
.ve-init-mw-progressBarWidget {
hr {
    border-color: var(--accent-color);
     border: none;
}
     height: 1px;
 
     background-color: var(--border-color);
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link,
}
.mw-pulsating-dot:after,
.mw-pulsating-dot:before {
    background-color: var(--accent-color);
}
 
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
    background-color: var(--accent-color-tone-3);
}
 
.dark-mode .ve-init-mw-progressBarWidget {
    background-color: var(--theme-tone-5);
}
 
.oo-ui-toolbar-bar {
    background: var(--theme-tone-5);
    color: var(--text-color)
}
 
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
    background-color: var(--theme-tone-4);
}
 
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
    background-color: var(--theme-tone-7);
    color: var(--text-color);
}
 
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus {
    outline-color: var(--accent-color);
    box-shadow: inset 0 0 0 1px var(--accent-color);
}
 
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
    border-color: var(--accent-color);
    box-shadow: inset 0 0 0 1px var(--accent-color);
}
 
.oo-ui-popupWidget-popup {
    background: var(--theme-tone-1)!important;
}
 
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus-visible {
    outline: 0;
}
 
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-floatableElement-floatable.oo-ui-popupWidget-anchored.oo-ui-popupWidget.ve-init-mw-switchPopupWidget.oo-ui-popupWidget-anchored-top span.oo-ui-labelElement-label {
    margin: 0;
    padding: 5px 0px;
}
 
.oo-ui-popupWidget-body-padded {
    margin: 12px;
}
 
.oo-ui-image-progressive.oo-ui-icon-edit, .mw-ui-icon-edit-progressive:before,
.oo-ui-image-progressive.oo-ui-icon-wikiText, .mw-ui-icon-wikiText-progressive:before,
.oo-ui-image-progressive.oo-ui-icon-eye, .mw-ui-icon-eye-progressive:before,
.oo-ui-image-progressive.oo-ui-icon-help, .mw-ui-icon-help-progressive:before,
.oo-ui-image-progressive.oo-ui-icon-menu, .mw-ui-icon-menu-progressive:before,
.oo-ui-image-progressive {
    filter: brightness(2) invert(0)!important;
}
 
.dark-mode span.oo-ui-indicatorElement-indicator.oo-ui-indicator-down.oo-ui-image-progressive {
    filter: invert(1)!important;
}
 
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
    border-right: none;
}
 
.dark-mode .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.dark-mode .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover,
.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug,
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
    background-color: var(--theme-tone-4);
}
 
.ve-ce-linkAnnotation.ve-ce-annotation-active {
    background-color: var(--theme-tone-4);
    box-shadow: 0 0 0 1px var(--theme-tone-4);
}
 
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
    color: var(--accent-color)
}
 
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
    background-color: #00adda0f;
    color: var(--accent-color);
}
 
.oo-ui-popupToolGroup-tools {
    background-color: var(--theme-tone-2);
}
 
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
    background: var(--theme-tone-4);
    color: var(--text-color);
}
 
.ve-ui-context-menu.ve-ui-desktopContext-menu .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
    background-color: var(--theme-tone-5)!important;
}
 
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .oo-ui-buttonElement-button .oo-ui-labelElement-label {
    color: white;
}
 
div.oo-ui-popupWidget-popup .oo-ui-flaggedElement-progressive > a.oo-ui-buttonElement-button:hover .oo-ui-labelElement-label {
    color: white;
}
 
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:focus {
    color: var(--accent-color);
    box-shadow: inset 0 -2px 0 0 var(--accent-color);
}
 
span.oo-ui-widget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-labelElement.oo-ui-flaggedElement-progressive.oo-ui-flaggedElement-primary.oo-ui-buttonWidget.oo-ui-actionWidget.oo-ui-widget-enabled a:hover {
    border-color: transparent!important;
    background-color: var(--accent-color-tone-3)!important;
}
 
.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot {
    outline-color: var(--border-color);
}
 
.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {
    background-color: var(--theme-tone-5);
}
 
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
    background: var(--theme-tone-7);
}
 
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-selectWidget-unpressed.oo-ui-outlineSelectWidget {
    background: var(--theme-tone-1);
}
 
.oo-ui-outlineControlsWidget {
    background-color: transparent;
}
 
.mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted .mw-widget-mediaResultWidget-overlay, .mw-widget-mediaResultWidget.oo-ui-optionWidget-selected .mw-widget-mediaResultWidget-overlay {
    box-shadow: inset 0 0 0 1px var(--accent-color);
}
 
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-outlineSelectWidget.oo-ui-selectWidget-pressed,
.ve-ui-mwGalleryDialog-highlighted-image {
    background: var(--theme-tone-1);
}
 
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
    background-color: var(--theme-tone-7);
    border-color: var(--border-color-tone-2);
    text-shadow: none;
}
 
.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td {
    border-color: var(--border-color-tone-2);
}
 
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
    border-right: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
 
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-floatableElement-floatable.oo-ui-popupWidget-anchored.oo-ui-popupWidget.oo-ui-popupTool-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-head .oo-ui-labelElement-label {
    margin: 5px 0;
    font-size: 17px;
    font-weight: 500;
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background-color: var(--theme-tone-4);
}
 
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button {
    background-color: var(--border-color);
}
 
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
    background-color: #d73333;
    border-color: #d73333;
}
 
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
    background-color: var(--theme-tone-8);
}
 
.ve-ui-mwSaveDialog-options {
    background-color: transparent;
    border: none;
}
 
.ve-ui-mwSaveDialog-summaryLabel {
    color: var(--text-color);
}
 
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
    background: var(--theme-tone-6);
}
 
.dark-mode .ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
    background-color: #9eadc1;
}
 
.ve-ce-tableCellableNode {
    border: 1px dotted var(--border-color-tone-2);
}
 
/* -- */
 
input.historysubmit.mw-history-compareselectedversions-button {
    background-color: var(--theme-tone-7);
    border: none;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid var(--border-color);
    transition: background-color 0.3s;
}
 
input.historysubmit.mw-history-compareselectedversions-button:hover {
    background-color: var(--theme-tone-8);
}
 
span.oo-ui-iconElement-icon.oo-ui-icon-reload.oo-ui-image-progressive {
    filter: brightness(1.8) saturate(1.5) invert(0) !important;
}
 
/* Font */
html {
    font-size: 104.5%;
    overflow-x: hidden;
}
 
@font-face {
    font-family: "Heading";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/MYRIADPRO-BOLDCOND.woff") format("woff");
}
 
@font-face {
     font-family: SegoeUI;
     src: local("Segoe UI Light"), url(https://elwiki.net/fonts/Segoe_UI/Light/latest.ttf) format("truetype");
     font-weight: 200;
}
 
@font-face {
     font-family: SegoeUI;
     src: local("Segoe UI Semilight"), url(https://elwiki.net/fonts/Segoe_UI/Semilight/latest.ttf) format("truetype");
     font-weight: 300;
}
 
@font-face {
     font-family: SegoeUI;
     src: local("Segoe UI"), url(https://elwiki.net/fonts/Segoe_UI/Regular/latest.ttf) format("truetype");
     font-weight: 400;
}
 
@font-face {
     font-family: SegoeUI;
     src: local("Segoe UI Semibold"), url(https://elwiki.net/fonts/Segoe_UI/Semibold/latest.ttf) format("truetype");
     font-weight: 500;
}
 
@font-face {
     font-family: SegoeUI;
     src: local("Segoe UI Bold"), url(https://elwiki.net/fonts/Segoe_UI/Bold/latest.ttf) format("truetype");
     font-weight: 600;
}
 
.fancy-font {
     font-family: "Heading" !important;
}
 
html *:not(.wikiEditor-ui *, .mw-editfont-monospace),
#p-logo-text a {
     font-family: "SegoeUI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
}
 
/* Generic elements */
hr {
     border: none;
     height: 1px;
     background-color: var(--border-color);
}


.main-accent {
.main-accent {
Line 1,296: Line 1,679:


#personal h2 {
#personal h2 {
    padding-top: 7px;
     color: var(--text-color);
     color: var(--text-color);
}
}
Line 1,370: Line 1,752:
#personal h2 {
#personal h2 {
     background-image: none;
     background-image: none;
     padding-top: 6px;
     padding-top: 4px;
     padding-left: 5px;
     padding-left: 5px;
     letter-spacing: 0.75px;
     letter-spacing: 0.75px;
Line 1,384: Line 1,766:
     background-image: none;
     background-image: none;
     position: relative;
     position: relative;
     top: -4px;
     top: -7px;
     margin-left: 10px;
     margin-left: 10px;
}
}
Line 4,154: Line 4,536:
     place-content: center;
     place-content: center;
     background-color: var(--theme-tone-4);
     background-color: var(--theme-tone-4);
     text-shadow: none!important;
     text-shadow: none !important;
     color: var(--color-normal)!important;
     color: var(--color-normal) !important;
}
}


Line 4,295: Line 4,677:


#personal-extra ul {
#personal-extra ul {
     margin-top: 0.7rem;
     margin-top: 0.45rem;
     margin-left: 0.7rem;
     margin-left: 0.5rem;
     display: flex;
     display: flex;
     gap: 0.3rem;
     gap: 0.3rem;
Line 4,427: Line 4,809:
     div.sidebar-chunk li > ul {
     div.sidebar-chunk li > ul {
         background: var(--theme-tone-4) !important;
         background: var(--theme-tone-4) !important;
         border-color: var(--border-color)!important;
         border-color: var(--border-color) !important;
     }
     }
     .sidebar-inner li a {
     .sidebar-inner li a {
         border-color: var(--theme-tone-4)!important;
         border-color: var(--theme-tone-4) !important;
     }
     }
     .dark-mode #mw-related-navigation .sidebar-inner:after {
     .dark-mode #mw-related-navigation .sidebar-inner:after {
Line 4,648: Line 5,030:
.dark-mode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
.dark-mode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
.dark-mode .flow-ui-tooltip .mw-ui-icon.mw-ui-icon-element:before,
.dark-mode .flow-ui-tooltip .mw-ui-icon.mw-ui-icon-element:before,
.dark-mode .ui-widget-header .ui-icon {
.dark-mode .ui-widget-header .ui-icon,
.dark-mode .oo-ui-indicator-down {
     filter: invert(1);
     filter: invert(1);
}
}
Line 4,679: Line 5,062:
.dark-mode .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
.dark-mode .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
.dark-mode
.dark-mode
     span.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-labelElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonInputWidget {
     span.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-labelElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonInputWidget,
.dark-mode span.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-image-success,
.dark-mode span.oo-ui-iconElement-icon.oo-ui-image-invert.oo-ui-icon-pushPin {
     filter: invert(0) !important;
     filter: invert(0) !important;
}
}