mobile.css (1361B)
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 }
55
56 /* Entry content text */
57 .entry-content {
58 font-size: 1.075em;
59 }
60
61 /* always show entry toolbar buttons */
62 .entry:not(.expanded) .entry-toolbar {
63 display: block;
64 border-bottom: 2px solid grey;
65 border-top: none;
66 }
67
68 /* do not show certain toolbar buttons */
69 .entry-loadimages {
70 display: none !important;
71 }
72
73 /* hide "mark all as read" button at the bottom of the list */
74 .stream-button.mark-these-read {
75 display: none;
76 }
77
78 }
