MediaWiki:Vector-2022.css: Difference between revisions
Content deleted Content added
Fixed more things |
Fixed more positioning issues |
||
Line 22:
}
.vector-dropdown .vector-dropdown-content, .vector-dropdown > .vector-menu-content, .vector-toc, .vector-main-menu, .mw-page-container, .mw-sidebar
{
position: absolute
}
.vector-page-titlebar {
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: row-reverse;
flex-wrap: wrap;
}
|
Revision as of 16:25, 2 November 2023
body,
ul,
lo,
table.wikitable,
table.prettytable,
pre,
code,
cdx-menu-item,
mw-code,
figure[typeof~='mw:File/Thumb'] > figcaption,
figure[typeof~='mw:File/Frame'] > figcaption,
figure[typeof~='mw:Image/Thumb'] > figcaption,
figure[typeof~='mw:Video/Thumb'] > figcaption,
figure[typeof~='mw:Audio/Thumb'] > figcaption,
figure[typeof~='mw:Image/Frame'] > figcaption,
figure[typeof~='mw:Video/Frame'] > figcaption,
figure[typeof~='mw:Audio/Frame'] > figcaption,
#content h1{
background-color: #1e2c4c;
color: #FFFFFF;
border: none;
}
.vector-dropdown .vector-dropdown-content, .vector-dropdown > .vector-menu-content, .vector-toc, .vector-main-menu, .mw-page-container, .mw-sidebar
{
position: absolute
}
.vector-page-titlebar {
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: row-reverse;
flex-wrap: wrap;
}
li
{
background-color: #1e2c4c00;
color: #FFFFFF;
border: none;
}
#content h1 {
font-size: 3em;
}
sidebar-toc-text,
mw-footer-container,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
color: #96e1ff;
}
/* Hiding specific elements */
.mw-category-generated,
.mw-page-title-namespace,
.mw-page-title-separator,
.mw-sidebar-action,
.mw-editsection,
#p-tb,
.mw-body-subheader {
display: none;
}
/* Specific Styling */
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
background: #1e2c4c;
}
.mw-search-profile-tabs {
background-color: #344c81;
}
.vector-menu-tabs .mw-list-item.selected a,
.vector-menu-tabs .mw-list-item.selected a:visited {
color: #96e1ff;
}
.mw-parser-output .ts-doc-footer {
background-color: #344c81;
}
.ve-ui-mwSaveDialog-license {
color: #ffffff;
}
.ve-ui-mwSaveDialog-options {
background-color: #36c;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: #36c;
color: #ffffff;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: #447ff5;
border-color: #ffffff;
}
.vector-dropdown .vector-dropdown-content, .vector-dropdown > .vector-menu-content,
.vector-toc,
.vector-main-menu,
.mw-page-container,
.mw-sidebar {
padding: 0 1em 1.5em 1em;
background: #1e2c4c;
color: #FFF;
line-height: 1.5em;
position: relative;
z-index: 0;
}
#vector-page-tools-pinned-container .vector-page-tools:after,
#vector-toc-pinned-container .vector-toc:after
{
background: linear-gradient(rgba(255,255,255,0),#1e2c4c);
}
.oo-ui-popupWidget-popup {
background-color: #2a4b8d;
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background-color: #344c81;
}
#simpleSearch input,
#wpSummary,
.createboxInput {
background-color: #344c81;
color: white;
}
.sidebar-toc {
background-color: #1e2c4c;
color: white;
}
.oo-ui-tabSelectWidget-framed,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabOptionWidget {
background-color: #1e2c4c;
color: #ffffff;
}
.ve-ui-mwGalleryDialog-highlighted-image {
background-color: #1e2c4c;
}
.vector-sticky-header {
background-color: #1e2c4c;
}
#mw-page-base {
background: none;
}
/* Link Styling */
a {
color: #96e1ff;
}
a:visited {
color: #4070D0;
}
.tabber__tab,
.tabber__tab:visited {
color: #66bbff;
}
.tabber__tab[aria-selected='true'],
.tabber__tab[aria-selected='true']:visited {
color: #96e1ff;
}
.vector-menu-portal .vector-menu-heading {
color: #ffffff;
}
/* Wikitable background fix to make the text readable */
.wikitable,
.wikitable th,
.mw-datatable td {
background-color: transparent !important;
}
/* Rounded Corners */
.pBody,
div#content,
.toc {
border-radius: 0.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
}
/* Thumbnails */
div.thumb div,
div.gallerybox div.thumb {
border: 1px solid #344c81;
}
div.thumb div {
padding: 3px !important;
background-color: #1e2c4c;
font-size: 94%;
text-align: center;
overflow: hidden;
}
div.gallerytext {
font-size: smaller;
text-align: center;
background-color: inherit;
border: none;
}
/* User Notification Thing */
.usermessage {
background-color: #394A5C;
border: 1px solid #96e1ff;
color: #FFFFFF;
text-align: center;
}
/* Error Styling */
.error {
color: #FF0000;
}
.errorbox {
border-color: #660000;
background-color: #401F22;
color: #FF0000;
}
.successbox {
border-color: #96e1ff;
background-color: #394A5C;
}
/* Content Styles */
#toc,
.toc,
.mw-warning {
background-color: #1e2c4c;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
background-color: transparent;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 1em;
}
div.toc ul li:hover,
#p-cactions ul li:hover {
list-style-image: none !important;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 100%;
}