MediaWiki:Common.css

/* CSS till Portable Infobox */ .portable-infobox { max-width: 250px; word-break: keep-all; }

.portable-infobox .pi-image-thumbnail { max-width: 250px; height: auto; }

.portable-infobox .pi-caption { text-align: center; }

.portable-infobox .pi-data-label { flex-basis: 110px; word-break: keep-all; }

.page-content .portable-infobox .pi-title, .page-content .portable-infobox .pi-header { font-weight: 500; letter-spacing: 1px; }

/* Rubrik borders för lättare läsning av sidor */ .page-content h2 { border-bottom: 1.5px solid var(--theme-border-color); padding: 4px 0; }

.page-content h3 { border-bottom: 1.5px dashed var(--theme-border-color); padding: 4px 0; overflow: hidden; }

.page-content h4 { border-bottom: 1.5px dotted var(--theme-border-color); padding: 1px 0; overflow: hidden; }

/* Bullet lists */ .page-content ol, .page-content ul { margin: 6px 0 18px 30px; }

.page-content ol.listplus, .page-content ul.listplus { list-style-type:"\FF0B"; color: darkcyan; }

.page-content ol.listminus, .page-content ul.listminus { list-style-type:"\FF0D"; color: indianred; }

.page-content ol.listmed, .page-content ul.listmed { list-style-type:"\FF5E"; color: sandybrown; }

/* Dark Theme färg-fix */ .theme-fandomdesktop-dark .page, .theme-fandomdesktop-dark a.edit-info-user { color: #d0d0d0; }

.theme-fandomdesktop-dark .fandom-community-header a, .theme-fandomdesktop-dark .wds-tabs__tab-label > a, .theme-fandomdesktop-dark #userProfileApp .user-profile-navigation__link, .theme-fandomdesktop-dark .fandom-sticky-header__sitename, .theme-fandomdesktop-dark .fandom-sticky-header .wiki-tools .wds-button.wds-is-secondary, .theme-fandomdesktop-dark .wds-tabs__tab-label :not(:first-child):not(:only-child) { color: #fff; }

.theme-fandomdesktop-dark .wds-tabs__tab-label > a:hover, .theme-fandomdesktop-dark .fandom-sticky-header__sitename:hover, .theme-fandomdesktop-dark .fandom-sticky-header .wiki-tools .wds-button.wds-is-secondary:hover { color: var(--theme-page-text-color--hover); transition: color .3s; }

.theme-fandomdesktop-dark a.new { color: #ff6d91 !important;

.theme-fandomdesktop-dark .toctogglespan .toctogglelabel, .theme-fandomdesktop-dark a, .theme-fandomdesktop-dark .page-header__action-button, .theme-fandomdesktop-dark .wds-button.wds-is-text, .theme-fandomdesktop-dark #content .category-layout-selector__item.is-active, .theme-fandomdesktop-dark #userProfileApp .user-identity-social__icon, .theme-fandomdesktop-dark #userProfileApp .user-profile-navigation__link.is-active a, .theme-fandomdesktop-dark .wds-tabs__tab.wds-is-current, .theme-fandomdesktop-dark .page-side-tool, .theme-fandomdesktop-dark .oo-ui-checkboxInputWidget, .theme-fandomdesktop-dark .modalWrapper a:not(.wds-button), .theme-fandomdesktop-dark .LightboxModal .LightboxHeader .more-info-button, .theme-fandomdesktop-dark .LightboxModal .LightboxHeader .share-button, .theme-fandomdesktop-dark .ve-fd-header #ve-ui-modeSwitchPopupButtonWidget-button, .theme-fandomdesktop-dark .ve-fd-header #ve-ui-pageActionsPopupButtonWidget-button { color: #8bcbad; }

.theme-fandomdesktop-dark .ve-fd-header #ve-ui-pageActionsPopupButtonWidget-button .oo-ui-icon-more { background-color: #8bcbad; }

.theme-fandomdesktop-dark .modalWrapper a:hover:not(.wds-button), .theme-fandomdesktop-dark .LightboxModal .LightboxHeader .more-info-button:hover, .theme-fandomdesktop-dark .LightboxModal .LightboxHeader .share-button:hover { color: #fff; }

.theme-fandomdesktop-dark #content .category-page__alphabet-shortcut::after { color: #d0d0d0; content: "•"; }

.theme-fandomdesktop-dark .mw-plusminus-pos { color: #1fe963; }

.theme-fandomdesktop-dark .mw-plusminus-neg, .theme-fandomdesktop-dark .unpatrolled, .theme-fandomdesktop-dark .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: #fe7878; }

.theme-fandomdesktop-dark .wds-dropdown__content .wds-list.wds-is-linked > li.wds-is-selected > a:not(.wds-button), .theme-fandomdesktop-dark .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button), .theme-fandomdesktop-dark .ve-ui-pageActionsPopupButtonWidget .ve-ui-pageActionsPopupButtonWidget-popup .oo-ui-buttonWidget:hover { color: #8bcbad; background-color: var(--theme-page-background-color); }

.theme-fandomdesktop-dark .fandom-sticky-header { background-color: #475259; }