MediaWiki:Gadget-readermode.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
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 }