aboutsummaryrefslogtreecommitdiffhomepage
path: root/themes/baggy/css
diff options
context:
space:
mode:
authorMaryana Rozhankivska <mariroz@mr.lviv.ua>2014-02-27 16:11:37 +0200
committerMaryana Rozhankivska <mariroz@mr.lviv.ua>2014-02-27 16:11:37 +0200
commit36a733af8dee1de5a0f81f1efe70e96a435b6a17 (patch)
tree4f25c5d071b2e3e29dbfba01d7f6f948bb83b9f2 /themes/baggy/css
parentcbcae4037c02cd6c1ce7c373c6dae390565b7c51 (diff)
downloadwallabag-36a733af8dee1de5a0f81f1efe70e96a435b6a17.tar.gz
wallabag-36a733af8dee1de5a0f81f1efe70e96a435b6a17.tar.zst
wallabag-36a733af8dee1de5a0f81f1efe70e96a435b6a17.zip
some baggy theme fixes and enhancement: issue #479
Diffstat (limited to 'themes/baggy/css')
-rwxr-xr-xthemes/baggy/css/main.css69
1 files changed, 66 insertions, 3 deletions
diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css
index 3e128b08..0a8d2c7b 100755
--- a/themes/baggy/css/main.css
+++ b/themes/baggy/css/main.css
@@ -177,7 +177,7 @@ h2:after {
177 left: 0; 177 left: 0;
178 text-align: right; 178 text-align: right;
179 background: #333; 179 background: #333;
180 padding-top: 9em; 180 padding-top: 9.5em;
181 height: 100%; 181 height: 100%;
182 box-shadow:inset -4px 0 20px rgba(0,0,0,0.6); 182 box-shadow:inset -4px 0 20px rgba(0,0,0,0.6);
183 z-index: 10; 183 z-index: 10;
@@ -188,6 +188,7 @@ h2:after {
188 position: relative; 188 position: relative;
189 z-index: 10; 189 z-index: 10;
190 padding-right: 5%; 190 padding-right: 5%;
191 padding-bottom: 1em;
191} 192}
192 193
193 #links a { 194 #links a {
@@ -227,7 +228,7 @@ h2:after {
227 #links li:last-child { 228 #links li:last-child {
228 position: fixed; 229 position: fixed;
229 bottom: 1em; 230 bottom: 1em;
230 width: 10%; 231 width: 9em;
231 } 232 }
232 233
233 #links li:last-child a:before { 234 #links li:last-child a:before {
@@ -237,6 +238,61 @@ h2:after {
237 } 238 }
238 239
239 240
241#sort {
242 padding: 0;
243 list-style-type: none;
244 opacity: 0.5;
245 display: inline-block;
246}
247
248#sort li {
249 display: inline;
250 font-size: 0.9em;
251}
252
253#sort li + li {
254 margin-left: 10px;
255}
256
257#sort a {
258 padding: 2px 2px 0;
259 vertical-align: middle;
260}
261
262#sort img {
263 vertical-align: baseline;
264}
265#sort img:hover {
266 cursor: pointer;
267}
268
269#display-mode {
270 float: right;
271 vertical-align: middle;
272 margin-top: 10px;
273 margin-bottom: 10px;
274 opacity: 0.5;
275}
276#listmode {
277 width: 16px;
278 display: inline-block;
279 text-decoration: none;
280}
281#listmode a:hover {
282 opacity: 1;
283}
284.tablemode {
285 background-image: url("../img/baggy/table.png");
286 background-repeat: no-repeat;
287 background-position: bottom;
288}
289.listmode {
290 background-image: url("../img/baggy/list.png");
291 background-repeat: no-repeat;
292 background-position: bottom;
293}
294
295
240/* ========================================================================== 296/* ==========================================================================
241 2 = Layout 297 2 = Layout
242 ========================================================================== */ 298 ========================================================================== */
@@ -248,7 +304,7 @@ h2:after {
248 304
249footer { 305footer {
250 text-align: right; 306 text-align: right;
251 position: fixed; 307 position: relative;
252 bottom: 0; 308 bottom: 0;
253 right: 5em; 309 right: 5em;
254 color: #999; 310 color: #999;
@@ -731,6 +787,9 @@ blockquote {
731 width: 100%; 787 width: 100%;
732 margin-left: 0; 788 margin-left: 0;
733 } 789 }
790 #display-mode {
791 display: none;
792 }
734} 793}
735 794
736@media screen and (max-width: 500px) { 795@media screen and (max-width: 500px) {
@@ -820,4 +879,8 @@ blockquote {
820 #article_toolbar a { 879 #article_toolbar a {
821 padding: 0.3em 0.4em 0.2em; 880 padding: 0.3em 0.4em 0.2em;
822 } 881 }
882
883 #display-mode {
884 display: none;
885 }
823} 886}