From ed4c478c78a978f1aced6806397f897eb8371c3b Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Fri, 1 May 2015 02:01:05 +0200 Subject: [PATCH] also give fullscreen button a new design --- style/lantea.css | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) 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); } -- 2.35.3