diff options
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css')
-rwxr-xr-x | src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css index bf7e667e..81ea598c 100755 --- a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css | |||
@@ -48,6 +48,16 @@ nav, main, footer { | |||
48 | margin-bottom: 0; | 48 | margin-bottom: 0; |
49 | } | 49 | } |
50 | 50 | ||
51 | .pagination li { | ||
52 | padding: 0; | ||
53 | } | ||
54 | |||
55 | .pagination a { | ||
56 | padding: 0px 10px; | ||
57 | height: 30px; | ||
58 | display: block; | ||
59 | } | ||
60 | |||
51 | .page-footer .footer-copyright p { | 61 | .page-footer .footer-copyright p { |
52 | display: inline; | 62 | display: inline; |
53 | } | 63 | } |
@@ -56,10 +66,18 @@ nav, main, footer { | |||
56 | display: none; | 66 | display: none; |
57 | } | 67 | } |
58 | 68 | ||
69 | .picker__date-display { | ||
70 | display: none; | ||
71 | } | ||
72 | |||
59 | /* ========================================================================== | 73 | /* ========================================================================== |
60 | 1 = Nav | 74 | 1 = Nav |
61 | ========================================================================== */ | 75 | ========================================================================== */ |
62 | 76 | ||
77 | nav input { | ||
78 | color: #aaa; | ||
79 | } | ||
80 | |||
63 | .nav-wrapper .button-collapse { | 81 | .nav-wrapper .button-collapse { |
64 | padding: 0px 15px; | 82 | padding: 0px 15px; |
65 | } | 83 | } |
@@ -96,6 +114,38 @@ nav, main, footer { | |||
96 | white-space: nowrap; | 114 | white-space: nowrap; |
97 | } | 115 | } |
98 | 116 | ||
117 | .nav-panels .input-field input { | ||
118 | display: block; | ||
119 | line-height: inherit; | ||
120 | padding-left: 4rem !important; | ||
121 | width: calc(100% - 8rem); | ||
122 | } | ||
123 | |||
124 | .nav-panels .input-field input:focus { | ||
125 | background-color: #fff; | ||
126 | border: 0; | ||
127 | box-shadow: none; | ||
128 | color: #444; | ||
129 | } | ||
130 | |||
131 | .input-field.nav-panel-add label { | ||
132 | left: 1rem; | ||
133 | } | ||
134 | |||
135 | .input-field.nav-panel-add .mdi-navigation-close { | ||
136 | position: absolute; | ||
137 | top: 0; | ||
138 | right: 1rem; | ||
139 | color: transparent; | ||
140 | cursor: pointer; | ||
141 | font-size: 2rem; | ||
142 | transition: .3s color; | ||
143 | } | ||
144 | |||
145 | #button_filters { | ||
146 | display: none; | ||
147 | } | ||
148 | |||
99 | /* ========================================================================== | 149 | /* ========================================================================== |
100 | 2 = Side-nav | 150 | 2 = Side-nav |
101 | ========================================================================== */ | 151 | ========================================================================== */ |
@@ -133,6 +183,21 @@ nav, main, footer { | |||
133 | } | 183 | } |
134 | 184 | ||
135 | /* ========================================================================== | 185 | /* ========================================================================== |
186 | * 3 = Filters slider | ||
187 | * ========================================================================== */ | ||
188 | |||
189 | #filters button { | ||
190 | padding: 0px; | ||
191 | width: 100%; | ||
192 | } | ||
193 | |||
194 | .side-nav.fixed.right-aligned { | ||
195 | right: -250px; | ||
196 | left: auto !important; | ||
197 | overflow-y: visible; | ||
198 | } | ||
199 | |||
200 | /* ========================================================================== | ||
136 | 3 = Cards | 201 | 3 = Cards |
137 | ========================================================================== */ | 202 | ========================================================================== */ |
138 | 203 | ||
@@ -200,6 +265,15 @@ main ul.row { | |||
200 | width: 240px !important; | 265 | width: 240px !important; |
201 | } | 266 | } |
202 | 267 | ||
268 | .reader-mode .collapsible-body { | ||
269 | height: 0; | ||
270 | overflow: hidden; | ||
271 | } | ||
272 | |||
273 | .reader-mode:hover .collapsible-body { | ||
274 | height: auto; | ||
275 | } | ||
276 | |||
203 | .reader-mode span { | 277 | .reader-mode span { |
204 | opacity: 0; | 278 | opacity: 0; |
205 | transition: opacity 0.2s ease; | 279 | transition: opacity 0.2s ease; |
@@ -209,6 +283,14 @@ main ul.row { | |||
209 | opacity: 1; | 283 | opacity: 1; |
210 | } | 284 | } |
211 | 285 | ||
286 | .progress { | ||
287 | position:fixed; | ||
288 | top:0px; | ||
289 | width: 100%; | ||
290 | height: 3px; | ||
291 | margin: 0; | ||
292 | z-index: 9999; | ||
293 | } | ||
212 | /* ========================================================================== | 294 | /* ========================================================================== |
213 | 6 = Media queries | 295 | 6 = Media queries |
214 | ========================================================================== */ | 296 | ========================================================================== */ |