MediaWiki:Gadget-readermode.css: Difference between revisions
Jump to navigation
Jump to search
(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"); | ||
} | } | ||
} | } | ||
Latest revision as of 21:43, 4 October 2022
1 /*
2 MediaWiki:Vector-readermode.css
3 */
4 /* Loaded globally from metawiki. */
5 body.wgl-readermode .mw-body {
6 font-size: 1.05em;
7 }
8 body.wgl-readermode div#mw-navigation {
9 width: 100%;
10 position: absolute;
11 top: 0;
12 left: 0;
13 }
14 body.wgl-readermode div#mw-head {
15 position: relative;
16 }
17 body.wgl-readermode #utcdate a {
18 font-size: inherit !important;
19 }
20 body.wgl-readermode #left-navigation {
21 margin-left: 0;
22 }
23 body.wgl-readermode div#simpleSearch {
24 min-width: 13em;
25 }
26 body.wgl-readermode {
27 background-size: contain;
28 background-position-y: -5rem;
29 }
30 body.wgl-readermode .mw-body {
31 width: 100%;
32 top: 0;
33 left: 0;
34 margin: 0;
35 padding: 2rem 0;
36 border: none;
37 box-shadow: none;
38 }
39 body.wgl-readermode .mw-body-content {
40 line-height: 1.9em;
41 }
42 body.wgl-readermode .mw-body-content p {
43 margin-bottom: 1em;
44 }
45 body.wgl-readermode #mw-head,
46 body.wgl-readermode #firstHeading,
47 body.wgl-readermode #bodyContent,
48 body.wgl-readermode div#footer,
49 body.wgl-readermode .ve-ui-toolbar > .oo-ui-toolbar-bar {
50 max-width: 56rem;
51 margin: 0 auto;
52 }
53 body.wgl-readermode #siteNotice {
54 max-width: 56rem;
55 margin: 0 auto !important;
56 }
57 body.wgl-readermode #firstHeading {
58 width: calc(100% - 2rem * 2);
59 margin-bottom: .5rem;
60 }
61 body.wgl-readermode #mw-content-text {
62 margin-top: 1.5rem;
63 }
64 body.wgl-readermode #siteNotice,
65 body.wgl-readermode #bodyContent {
66 padding: 0 2rem;
67 }
68 body.wgl-readermode div#footer {
69 padding: 2rem;
70 }
71 body.wgl-readermode #catlinks,body.wgl-readermode #mw-panel,
72 body.wgl-readermode #footer-info-lastmod {
73 display: none;
74 }
75
76 /* Gaz's changes */
77 @media only screen and (max-width: 800px) {
78 body.wgl-readermode li#ca-nstab-main a,body.wgl-readermode li#ca-talk a {
79 background-repeat: no-repeat;
80 background-position: center;
81 width: 40px;
82 height: 40px;
83 background-size: 22px;
84 font-size: 0;
85 }
86
87 body.wgl-readermode li#ca-nstab-main a {
88 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");
89 }
90 body.wgl-readermode li#ca-talk a {
91 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");
92 }
93 }