From: Robert Kaiser Date: Fri, 1 May 2015 00:01:05 +0000 (+0200) Subject: also give fullscreen button a new design X-Git-Tag: producution~13 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=ed4c478c78a978f1aced6806397f897eb8371c3b;p=lantea.git also give fullscreen button a new design --- diff --git a/style/lantea.css b/style/lantea.css index 9573d68..1ce34d2 100644 --- a/style/lantea.css +++ b/style/lantea.css @@ -51,7 +51,8 @@ h1 { text-align: center; } -#zoomArea > input[type="button"] { +#zoomArea > input[type="button"], +#fullscreenArea > input[type="button"] { font-size: 1.2em; font-weight: bold; width: 2em; @@ -60,18 +61,25 @@ h1 { background-color: rgba(255, 255, 255, .25); background-image: radial-gradient(circle 1.5em, #FFFFFF, transparent); color: #0000FF; + border: none; +} + +#zoomArea > input[type="button"] { border: 2px solid #0000FF; } -#zoomArea > input[type="button"]:hover { +#zoomArea > input[type="button"]:hover, +#fullscreenArea > input[type="button"]:hover { background-color: rgba(255, 255, 255, .8); } -#zoomArea > input[type="button"]:active { +#zoomArea > input[type="button"]:active, +#fullscreenArea > input[type="button"]:active { background-color: rgba(255, 255, 127, .8); } -#zoomArea > input[type="button"]:focus { +#zoomArea > input[type="button"]:focus, +#fullscreenArea > input[type="button"]:focus { background-color: rgba(255, 255, 255, .5); }