MediaWiki:Gadget-readermode.css

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 }