From 20873ba66a39a337cb5cca45f3353199c909ed71 Mon Sep 17 00:00:00 2001 From: Jochen Topf Date: Sat, 8 Aug 2015 17:51:27 +0200 Subject: experiments using taginfo on mobile --- web/public/css/taginfo.css | 55 ++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 53 insertions(+), 2 deletions(-) (limited to 'web/public/css/taginfo.css') 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; } -- cgit v1.2.3