MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 357: Line 357:


:root {
:root {
   --note-obsolete-background: #cfcfcf;
   --messagebox-obsolete-background: #cfcfcf;
   --note-obsolete-border: #464646;
   --messagebox-obsolete-border: #464646;
   --note-obsolete-color: #6c6c6c;
   --messagebox-obsolete-color: #6c6c6c;
   --note-info-background: #ebebeb;
   --messagebox-info-background: #ebebeb;
   --note-info-border: #898989;
   --messagebox-info-border: #898989;
   --note-info-color: #6c6c6c;
   --messagebox-info-color: #6c6c6c;
   --note-action-background: #c7e8fa;
   --messagebox-action-background: #c7e8fa;
   --note-action-border: #0b5884;
   --messagebox-action-border: #0b5884;
   --note-action-color: #03436b;
   --messagebox-action-color: #03436b;
   --note-warn-background: #dfc0ba;
   --messagebox-warn-background: #dfc0ba;
   --note-warn-border: #861c10;
   --messagebox-warn-border: #861c10;
   --note-warn-color: #8e221a;
   --messagebox-warn-color: #8e221a;
   --note-safe-background: #d8f0d3;
   --messagebox-safe-background: #d8f0d3;
   --note-safe-border: #1b8408;
   --messagebox-safe-border: #1b8408;
   --note-safe-color: #1b8408;
   --messagebox-safe-color: #1b8408;
   --note-disambig-background: #ebebeb;
   --messagebox-disambig-background: #ebebeb;
   --note-disambig-border: #898989;
   --messagebox-disambig-border: #898989;
   --note-disambig-color: #6c6c6c;
   --messagebox-disambig-color: #6c6c6c;
   --note-discord-background: #5865f2;
   --messagebox-discord-background: #5865f2;
   --note-discord-border: #4c57d0;
   --messagebox-discord-border: #4c57d0;
   --note-discord-color: #d2e5fc;
   --messagebox-discord-color: #d2e5fc;
}
}


body.wgl-darkmode {
body.wgl-darkmode {
   --note-obsolete-background: #cfcfcf;
   --messagebox-obsolete-background: #464646;
   --note-obsolete-border: #464646;
   --messagebox-obsolete-border: #333;
   --note-obsolete-color: #6c6c6c;
   --messagebox-obsolete-color: #ddd;
   --note-info-background: #ebebeb;
   --messagebox-info-background: #464646;
   --note-info-border: #898989;
   --messagebox-info-border: #333;
   --note-info-color: #6c6c6c;
   --messagebox-info-color: #ddd;
   --note-action-background: #c7e8fa;
   --messagebox-action-background: #45697d;
   --note-action-border: #0b5884;
   --messagebox-action-border: #2d5266;
   --note-action-color: #03436b;
   --messagebox-action-color: #cbd9f4;
   --note-warn-background: #dfc0ba;
   --messagebox-warn-background: #95271b;
   --note-warn-border: #861c10;
   --messagebox-warn-border: #6b130a;
   --note-warn-color: #8e221a;
   --messagebox-warn-color: #f8ebe9;
   --note-safe-background: #d8f0d3;
   --messagebox-safe-background: #1b8408;
   --note-safe-border: #1b8408;
   --messagebox-safe-border: #126802;
   --note-safe-color: #1b8408;
   --messagebox-safe-color: #e9f6e7;
   --note-disambig-background: #ebebeb;
   --messagebox-disambig-background: #464646;
   --note-disambig-border: #898989;
   --messagebox-disambig-border: #333;
   --note-disambig-color: #6c6c6c;
   --messagebox-disambig-color: #ddd;
   --note-discord-background: #5865f2;
   --messagebox-discord-background: #464646;
   --note-discord-border: #4c57d0;
   --messagebox-discord-border: #333;
   --note-discord-color: #d2e5fc;
   --messagebox-discord-color: #ddd;
}
}


.note {
.messagebox {
   color: var(--text-color);
   color: var(--text-color);
   width: 65%;
   width: 65%;
Line 417: Line 417:
}
}


.note.obsolete {
.messagebox.obsolete {
   background-color: var(--note-obsolete-background);
   background-color: var(--messagebox-obsolete-background);
   border-color: var(--note-obsolete-border);
   border-color: var(--messagebox-obsolete-border);
}
}


.note.obsolete a,
.messagebox.obsolete a,
.note.obsolete a:visited,
.messagebox.obsolete a:visited,
.note.obsolete a:active {
.messagebox.obsolete a:active {
   color: var(--note-obsolete-color);
   color: var(--messagebox-obsolete-color);
}
}


.note.info {
.messagebox.info {
   background-color: var(--note-info-background);
   background-color: var(--messagebox-info-background);
   border-color: var(--note-info-border);
   border-color: var(--messagebox-info-border);
}
}


.note.info a,
.messagebox.info a,
.note.info a:visited,
.messagebox.info a:visited,
.note.info a:active {
.messagebox.info a:active {
   color: var(--note-info-color);
   color: var(--messagebox-info-color);
}
}


.note.action {
.messagebox.action {
   background-color: var(--note-action-background);
   background-color: var(--messagebox-action-background);
   border-color: var(--note-action-border);
   border-color: var(--messagebox-action-border);
}
}


.note.action a,
.messagebox.action a,
.note.action a:visited,
.messagebox.action a:visited,
.note.action a:active {
.messagebox.action a:active {
   color: var(--note-action-color);
   color: var(--messagebox-action-color);
}
}


.note.warn {
.messagebox.warn {
   background-color: var(--note-warn-background);
   background-color: var(--messagebox-warn-background);
   border-color: var(--note-warn-border);
   border-color: var(--messagebox-warn-border);
}
}


.note.warn a,
.messagebox.warn a,
.note.warn a:visited,
.messagebox.warn a:visited,
.note.warn a:active {
.messagebox.warn a:active {
   color: var(--note-warn-color);
   color: var(--messagebox-warn-color);
}
}


.note.safe {
.messagebox.safe {
   background-color: var(--note-safe-background);
   background-color: var(--messagebox-safe-background);
   border-color: var(--note-safe-border);
   border-color: var(--messagebox-safe-border);
}
}


.note.safe a,
.messagebox.safe a,
.note.safe a:visited,
.messagebox.safe a:visited,
.note.safe a:active {
.messagebox.safe a:active {
   color: var(--note-safe-color);
   color: var(--messagebox-safe-color);
}
}


.note.disambig {
.messagebox.disambig {
   background-color: var(--note-disambig-background);
   background-color: var(--messagebox-disambig-background);
   border-color: var(--note-disambig-border);
   border-color: var(--messagebox-disambig-border);
}
}


.note.disambig a,
.messagebox.disambig a,
.note.disambig a:visited,
.messagebox.disambig a:visited,
.note.disambig a:active {
.messagebox.disambig a:active {
   color: var(--note-disambig-color);
   color: var(--messagebox-disambig-color);
}
}


.note.discord {
.messagebox.discord {
   background-color: var(--note-discord-background);
   background-color: var(--messagebox-discord-background);
   border-color: var(--note-discord-border);
   border-color: var(--messagebox-discord-border);
   color: white;
   color: white;
}
}


.note.discord a,
.messagebox.discord a,
.note.discord a:visited,
.messagebox.discord a:visited,
.note.discord a:active {
.messagebox.discord a:active {
   color: var(--note-discord-color);
   color: var(--messagebox-discord-color);
}
}


.note.discord a.external.text,
.messagebox.discord a.external.text,
.note.discord a:visited.external.text,
.messagebox.discord a:visited.external.text,
.note.discord a:active.external.text {
.messagebox.discord a:active.external.text {
   color: var(--note-discord-color);
   color: var(--messagebox-discord-color);
   font-style: italic;
   font-style: italic;
}
}


.note.stub {
.messagebox.stub {
   width: 40%;
   width: 40%;
}
}


.note.hasdialogue {
.messagebox.hasdialogue {
   padding: 0 10px;
   padding: 0 10px;
   width: auto;
   width: auto;
Line 780: Line 780:


body.wgl-darkmode {
body.wgl-darkmode {
  --wikitable-header-bg: var(--body-dark);
  --wikitable-border: var(--body-border);
   --wikitable-bg: var(--body-light);
   --wikitable-bg: var(--body-light);
   --wikitable-bg-lighter: #313e59;
   --wikitable-bg-lighter: #313e59;
Line 1,042: Line 1,044:


body.wgl-darkmode {
body.wgl-darkmode {
   --tile-border-color: #CABE9B;
   --tile-border-color: #596e96;
   --tile-background-color: #F9F3EB;
   --tile-background-color: #313e59;
   --byline-color: #5C6168;
   --byline-color: #313e59;
   --tile-link-button-color: #F5E9DB;
   --tile-link-button-color: #222e45;
   --tile-link-button-highlight-color: #dfccb0;
   --tile-link-button-highlight-color: #2a3956;
   --tile-dark-color: #fff;
   --tile-dark-color: #fff;
   --tile-dark-bg: #5d6773;
   --tile-dark-bg: #313e59;
   --tile-dark-link-color: #ccc;
   --tile-dark-link-color: #ccc;
   --tile-dark-byline-color: rgba(255, 255, 255, 0.7);
   --tile-dark-byline-color: rgba(255, 255, 255, 0.7);
Line 1,244: Line 1,246:


body.wgl-darkmode {
body.wgl-darkmode {
   --toc-subheader-left-border-color: #c7b67b;
   --toc-subheader-left-border-color: #596e96;
}
}



Navigation menu