mobile.css (1390B)
1 @media screen and (max-width: 641px) {
2
3 /* Navigation top menu should always be visible */
4 #nav-mobile {
5 position: fixed;
6 z-index: 1;
7 }
8 /* make some space for the top panel */
9 #nav,
10 #content
11 {
12 margin-top: 50px;
13 }
14
15
16 /* Navigation section text */
17 #nav-filter-title,
18 #nav-filter,
19 #nav-tags-title,
20 #nav-sources-title
21 {
22 font-size: 1.1em;
23 }
24
25 /* Navigation tags and sources text */
26 #nav-tags,
27 #nav-sources
28 {
29 font-size: 1.25em;
30 }
31
32 /* Search bar */
33 #search > input[type="search"],
34 #search-button
35 {
36 width: 100%;
37 margin-left: 10px; /* only necessary for search-button */
38 }
39
40 /* Entry title text */
41 .entry-title {
42 font-size: 1.25em;
43 }
44
45 /* Entry tags and information text */
46 .entry-tags,
47 .entry-source,
48 .entry-separator,
49 .entry-author,
50 .entry-datetime,
51 .entry-readtime
52 {
53 font-size: 1.1em;
54 overflow-wrap: anywhere;
55 }
56
57 /* Entry content text */
58 .entry-content {
59 font-size: 1.075em;
60 }
61
62 /* always show entry toolbar buttons */
63 .entry:not(.expanded) .entry-toolbar {
64 display: block;
65 border-bottom: 2px solid grey;
66 border-top: none;
67 }
68
69 /* do not show certain toolbar buttons */
70 .entry-loadimages {
71 display: none !important;
72 }
73
74 /* hide "mark all as read" button at the bottom of the list */
75 .stream-button.mark-these-read {
76 display: none;
77 }
78
79 }
