Difference between revisions of "MediaWiki:Common.css"
(Image file protection) |
|||
(32 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.center { | |||
{ | margin-left: auto; | ||
margin-right: auto; | |||
} | } | ||
. | .right { | ||
{ | float:right; | ||
} | } | ||
. | body, body.skin--responsive { | ||
background: #FFFFFF url("https://seiwanetwork.org/images/bg.png"); | |||
font-family: "Open Sans", sans-serif; | |||
} | } | ||
. | @media (prefers-color-scheme: dark){ | ||
body, body.skin--responsive { | |||
background: #1c1c1c url("https://seiwanetwork.org/images/bg-dark.png"); | |||
color: #DEDEDE; | |||
} | |||
a { | |||
color: #47b5e7; | |||
} | |||
} | } | ||
/* | /********************************************** | ||
** | |||
** ARTICLES | |||
** | |||
**********************************************/ | |||
h1#firstHeading { | |||
display: inline-block; | |||
clear: both; | |||
border-bottom: none; | |||
margin: .5em 0; | |||
font-size: 2rem; | |||
line-height: 1.15; | |||
padding-top: 1rem; | |||
margin-bottom: 1.2rem; | |||
font-weight: 700; | |||
font-family: "Open Sans", sans-serif; | |||
} | |||
h1#firstHeading::after { | |||
margin-top: 0.1em; | |||
content: ''; | |||
background: #CC0000; | |||
width: 100%; | |||
height: 0.1em; | |||
display: block; | |||
} | |||
h1, h2, h3, h4, h5, h6{ | |||
color:#181818; | |||
} | |||
@media (prefers-color-scheme: dark){ | |||
h1, h2, h3, h4, h5, h6{ | |||
color:#DEDEDE; | |||
} | |||
} | |||
/********************************************** | |||
** | |||
** TABLE OF CONTENTS | |||
** | |||
**********************************************/ | |||
@media (prefers-color-scheme: dark){ | |||
.toc, .toccolours { | |||
background: #373737; | |||
color: #DEDEDE; | |||
border-color: #505050; | |||
} | |||
} | |||
@media (prefers-color-scheme: dark){ | |||
.tocnumber { | |||
color: #DEDEDE; | |||
} | |||
} | |||
/********************************************** | |||
** | |||
** TABLES | |||
** | |||
**********************************************/ | |||
@media (prefers-color-scheme: dark){ | |||
table, .wikitable { | |||
background: #181818; | |||
color: #DEDEDE; | |||
border-color: #505050; | |||
} | |||
.wikitable > tr > th, .wikitable > * > tr > th { | |||
background-color: #373737; | |||
} | |||
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { | |||
border-color: #505050; | |||
} | |||
} | |||
/********************************************** | |||
** | |||
** FOOTER | |||
** | |||
**********************************************/ | |||
@media (prefers-color-scheme: dark){ | |||
#catlinks { | |||
background: #181818; | |||
border-color: #505050; | |||
} | |||
} | |||
/********************************************** | |||
** | |||
** FILES | |||
** | |||
background: # | **********************************************/ | ||
@media (prefers-color-scheme: dark){ | |||
#filetoc, .mw_metadata td{ | |||
background: #181818; | |||
} | |||
color: # | |||
.mw_metadata th{ | |||
background: #373737; | |||
} | |||
.mw_metadata td, .mw_metadata th{ | |||
border-color: #505050; | |||
} | |||
} | } | ||
/********************************************** | |||
** | |||
** RECENT CHANGES | |||
** | |||
**********************************************/ | |||
@media (prefers-color-scheme: dark){ | |||
table.mw-enhanced-rc{ | |||
background-color: transparent; | |||
} | |||
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend{ | |||
background: #373737; | |||
} | |||
.mw-rcfilters-highlighted, .mw-rcfilters-ui-tagItemWidget-highlight:before { | |||
color:#000000; | |||
filter: invert(1) hue-rotate(180deg); | |||
} | |||
} | } | ||
. | /********************************************** | ||
** | |||
** INTERFACE | |||
background: | ** | ||
**********************************************/ | |||
@media (prefers-color-scheme: dark){ | |||
pre, code, .mw-code { | |||
background-color: #373737; | |||
color: #C0C0C0; | |||
border-color: #c0c0c0; | |||
} | |||
.ace-tm { | |||
background-color: #000000; | |||
color: #DEDEDE; | |||
} | |||
.ace-tm .ace_constant.ace_numeric, .ace-tm .ace_storage, .ace-tm .ace_keyword { | |||
color: #34aaef; | |||
} | |||
.ace-tm .ace_gutter{ | |||
background: #212121; | |||
} | |||
.ace-tm .ace_cursor { | |||
color: #DEDEDE; | |||
} | |||
} | } | ||
/********************************************** | |||
** | |||
** EDITING WINDOW | |||
** | |||
**********************************************/ | |||
@media (prefers-color-scheme: dark){ | |||
.editOptions{ | |||
background: #000000; | |||
color: #DEDEDE; | |||
border-color: #505050; | |||
} | |||
} | |||
. | #mw_metadata .exif-gpslatitude, | ||
#mw_metadata .exif-gpslongitude, | |||
#mw_metadata .exif-artist { | |||
display: none; | |||
} | } |
Latest revision as of 05:43, 23 January 2024
/* CSS placed here will be applied to all skins */ .center { margin-left: auto; margin-right: auto; } .right { float:right; } body, body.skin--responsive { background: #FFFFFF url("https://seiwanetwork.org/images/bg.png"); font-family: "Open Sans", sans-serif; } @media (prefers-color-scheme: dark){ body, body.skin--responsive { background: #1c1c1c url("https://seiwanetwork.org/images/bg-dark.png"); color: #DEDEDE; } a { color: #47b5e7; } } /********************************************** ** ** ARTICLES ** **********************************************/ h1#firstHeading { display: inline-block; clear: both; border-bottom: none; margin: .5em 0; font-size: 2rem; line-height: 1.15; padding-top: 1rem; margin-bottom: 1.2rem; font-weight: 700; font-family: "Open Sans", sans-serif; } h1#firstHeading::after { margin-top: 0.1em; content: ''; background: #CC0000; width: 100%; height: 0.1em; display: block; } h1, h2, h3, h4, h5, h6{ color:#181818; } @media (prefers-color-scheme: dark){ h1, h2, h3, h4, h5, h6{ color:#DEDEDE; } } /********************************************** ** ** TABLE OF CONTENTS ** **********************************************/ @media (prefers-color-scheme: dark){ .toc, .toccolours { background: #373737; color: #DEDEDE; border-color: #505050; } } @media (prefers-color-scheme: dark){ .tocnumber { color: #DEDEDE; } } /********************************************** ** ** TABLES ** **********************************************/ @media (prefers-color-scheme: dark){ table, .wikitable { background: #181818; color: #DEDEDE; border-color: #505050; } .wikitable > tr > th, .wikitable > * > tr > th { background-color: #373737; } .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: #505050; } } /********************************************** ** ** FOOTER ** **********************************************/ @media (prefers-color-scheme: dark){ #catlinks { background: #181818; border-color: #505050; } } /********************************************** ** ** FILES ** **********************************************/ @media (prefers-color-scheme: dark){ #filetoc, .mw_metadata td{ background: #181818; } .mw_metadata th{ background: #373737; } .mw_metadata td, .mw_metadata th{ border-color: #505050; } } /********************************************** ** ** RECENT CHANGES ** **********************************************/ @media (prefers-color-scheme: dark){ table.mw-enhanced-rc{ background-color: transparent; } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend{ background: #373737; } .mw-rcfilters-highlighted, .mw-rcfilters-ui-tagItemWidget-highlight:before { color:#000000; filter: invert(1) hue-rotate(180deg); } } /********************************************** ** ** INTERFACE ** **********************************************/ @media (prefers-color-scheme: dark){ pre, code, .mw-code { background-color: #373737; color: #C0C0C0; border-color: #c0c0c0; } .ace-tm { background-color: #000000; color: #DEDEDE; } .ace-tm .ace_constant.ace_numeric, .ace-tm .ace_storage, .ace-tm .ace_keyword { color: #34aaef; } .ace-tm .ace_gutter{ background: #212121; } .ace-tm .ace_cursor { color: #DEDEDE; } } /********************************************** ** ** EDITING WINDOW ** **********************************************/ @media (prefers-color-scheme: dark){ .editOptions{ background: #000000; color: #DEDEDE; border-color: #505050; } } #mw_metadata .exif-gpslatitude, #mw_metadata .exif-gpslongitude, #mw_metadata .exif-artist { display: none; }