63
edits
MediaWiki:Gadget-readermode.css: Difference between revisions
MediaWiki:Gadget-readermode.css (view source)
Revision as of 21:43, 4 October 2022
, 21:43, 4 October 2022only apply when body.wgl-readermode
(Created page with "→MediaWiki:Vector-readermode.css: →Loaded globally from metawiki.: .mw-body { font-size: 1.05em; } div#mw-navigation { width: 100%; position: absolute; top: 0; left: 0; } div#mw-head { position: relative; } #utcdate a { font-size: inherit !important; } #left-navigation { margin-left: 0; } div#simpleSearch { min-width: 13em; } body { background-size: contain; background-position-y: -5rem; } .mw-body { width: 100%; top: 0; left: 0; mar...") |
(only apply when body.wgl-readermode) |
||
| Line 3: | Line 3: | ||
*/ | */ | ||
/* Loaded globally from metawiki. */ | /* Loaded globally from metawiki. */ | ||
.mw-body { | body.wgl-readermode .mw-body { | ||
font-size: 1.05em; | font-size: 1.05em; | ||
} | } | ||
div#mw-navigation { | body.wgl-readermode div#mw-navigation { | ||
width: 100%; | width: 100%; | ||
position: absolute; | position: absolute; | ||
| Line 12: | Line 12: | ||
left: 0; | left: 0; | ||
} | } | ||
div#mw-head { | body.wgl-readermode div#mw-head { | ||
position: relative; | position: relative; | ||
} | } | ||
#utcdate a { | body.wgl-readermode #utcdate a { | ||
font-size: inherit !important; | font-size: inherit !important; | ||
} | } | ||
#left-navigation { | body.wgl-readermode #left-navigation { | ||
margin-left: 0; | margin-left: 0; | ||
} | } | ||
div#simpleSearch { | body.wgl-readermode div#simpleSearch { | ||
min-width: 13em; | min-width: 13em; | ||
} | } | ||
body { | body.wgl-readermode { | ||
background-size: contain; | background-size: contain; | ||
background-position-y: -5rem; | background-position-y: -5rem; | ||
} | } | ||
.mw-body { | body.wgl-readermode .mw-body { | ||
width: 100%; | width: 100%; | ||
top: 0; | top: 0; | ||
| Line 37: | Line 37: | ||
box-shadow: none; | box-shadow: none; | ||
} | } | ||
.mw-body-content { | body.wgl-readermode .mw-body-content { | ||
line-height: 1.9em; | line-height: 1.9em; | ||
} | } | ||
.mw-body-content p { | body.wgl-readermode .mw-body-content p { | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
} | } | ||
#mw-head, | body.wgl-readermode #mw-head, | ||
#firstHeading, | body.wgl-readermode #firstHeading, | ||
#bodyContent, | body.wgl-readermode #bodyContent, | ||
div#footer, | body.wgl-readermode div#footer, | ||
.ve-ui-toolbar > .oo-ui-toolbar-bar { | body.wgl-readermode .ve-ui-toolbar > .oo-ui-toolbar-bar { | ||
max-width: 56rem; | max-width: 56rem; | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
#siteNotice { | body.wgl-readermode #siteNotice { | ||
max-width: 56rem; | max-width: 56rem; | ||
margin: 0 auto !important; | margin: 0 auto !important; | ||
} | } | ||
#firstHeading { | body.wgl-readermode #firstHeading { | ||
width: calc(100% - 2rem * 2); | width: calc(100% - 2rem * 2); | ||
margin-bottom: .5rem; | margin-bottom: .5rem; | ||
} | } | ||
#mw-content-text { | body.wgl-readermode #mw-content-text { | ||
margin-top: 1.5rem; | margin-top: 1.5rem; | ||
} | } | ||
#siteNotice, | body.wgl-readermode #siteNotice, | ||
#bodyContent { | body.wgl-readermode #bodyContent { | ||
padding: 0 2rem; | padding: 0 2rem; | ||
} | } | ||
div#footer { | body.wgl-readermode div#footer { | ||
padding: 2rem; | padding: 2rem; | ||
} | } | ||
#catlinks,#mw-panel, | body.wgl-readermode #catlinks,body.wgl-readermode #mw-panel, | ||
#footer-info-lastmod { | body.wgl-readermode #footer-info-lastmod { | ||
display: none; | display: none; | ||
} | } | ||
| Line 76: | Line 76: | ||
/* Gaz's changes */ | /* Gaz's changes */ | ||
@media only screen and (max-width: 800px) { | @media only screen and (max-width: 800px) { | ||
body.wgl-readermode li#ca-nstab-main a,body.wgl-readermode li#ca-talk a { | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
| Line 85: | Line 85: | ||
} | } | ||
li#ca-nstab-main a { | body.wgl-readermode li#ca-nstab-main a { | ||
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Earticle%3C/title%3E%3Cpath fill='%235d6773' d=%22M15 1H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zM5 4h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z%22/%3E%3C/svg%3E"); | background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Earticle%3C/title%3E%3Cpath fill='%235d6773' d=%22M15 1H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zM5 4h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z%22/%3E%3C/svg%3E"); | ||
} | } | ||
li#ca-talk a { | body.wgl-readermode li#ca-talk a { | ||
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Espeech bubbles%3C/title%3E%3Cpath fill='%235d6773' d=%22M18 4h-1v7a2 2 0 0 1-2 2H4v1a2 2 0 0 0 2 2h10l4 4V6a2 2 0 0 0-2-2z%22/%3E%3Cpath fill='%235d6773' d=%22M14 0H2a2 2 0 0 0-2 2v14l4-4h10a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z%22/%3E%3C/svg%3E"); | background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Espeech bubbles%3C/title%3E%3Cpath fill='%235d6773' d=%22M18 4h-1v7a2 2 0 0 1-2 2H4v1a2 2 0 0 0 2 2h10l4 4V6a2 2 0 0 0-2-2z%22/%3E%3Cpath fill='%235d6773' d=%22M14 0H2a2 2 0 0 0-2 2v14l4-4h10a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z%22/%3E%3C/svg%3E"); | ||
} | } | ||
} | } | ||