diff options
author | Jochen Topf <jochen@topf.org> | 2015-08-08 17:51:27 +0200 |
---|---|---|
committer | Jochen Topf <jochen@topf.org> | 2015-08-08 17:51:27 +0200 |
commit | 20873ba66a39a337cb5cca45f3353199c909ed71 (patch) | |
tree | 6b8494ea32718123717633e18bdf59b6dd1dce6f /web/public/css/taginfo.css | |
parent | 1479460a13885a5f28f5bed7003fd974dca496fa (diff) | |
download | taginfo-20873ba66a39a337cb5cca45f3353199c909ed71.tar taginfo-20873ba66a39a337cb5cca45f3353199c909ed71.tar.gz |
experiments using taginfo on mobile
Diffstat (limited to 'web/public/css/taginfo.css')
-rw-r--r-- | web/public/css/taginfo.css | 55 |
1 files changed, 53 insertions, 2 deletions
diff --git a/web/public/css/taginfo.css b/web/public/css/taginfo.css index 2cf231f..a925372 100644 --- a/web/public/css/taginfo.css +++ b/web/public/css/taginfo.css @@ -174,7 +174,14 @@ span.customSelect { /* ========== */ div#header { - padding: 15px 20px 20px 20px; + padding: 15px 20px 10px 20px; +} + +@media screen and (max-width: 40em) { + div#header { + position: absolute; + top: 20px; + } } div#header_date { @@ -200,7 +207,6 @@ div#header div#header_forms form { select#locale, select#lang { font-size: 90%; background-color: #ffffff; - width: 98px; border: none; } @@ -226,6 +232,51 @@ input:focus { /* ========== */ + +ul#menu { + margin: 0px 20px 10px 20px; + padding: 0; + border-bottom: 1px solid #a0a0a0; + text-transform: uppercase; + font-weight: normal; +} + +ul#menu li { + margin: 0; + padding: 0; + text-indent: 0; + display: inline; +} + +ul#menu li:after { + content: " \00b7 "; +} + +ul#menu li:last-child:after { + content: ""; +} + +ul#menu a:hover { + text-decoration: none; + border-bottom: 3px solid #a0a0a0; +} + +.slicknav_menu { + display:none; +} + +@media screen and (max-width: 40em) { + #menu { + display:none; + } + + .slicknav_menu { + display:block; + } +} + +/* ========== */ + div#main { margin: 0 20px; } |