From f0cc31a3c62d71b321b623ce480ae95c518cde17 Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Fri, 14 Oct 2011 13:28:34 +0200 Subject: [PATCH] Fixed CSS for user notifications @Luzifr: Shouldn't these declarations be part of a separate stylesheet instead of stuffing everything into the ACP? --- wcfsetup/install/files/acp/style/style.css | 39 +++++++++++----------- 1 file changed, 20 insertions(+), 19 deletions(-) diff --git a/wcfsetup/install/files/acp/style/style.css b/wcfsetup/install/files/acp/style/style.css index 2fa53b143f..4c1806f82a 100644 --- a/wcfsetup/install/files/acp/style/style.css +++ b/wcfsetup/install/files/acp/style/style.css @@ -1191,12 +1191,6 @@ input[type='button'], border: 1px solid #ccc; border-radius: 5px; margin-top: 15px; - - -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1); - -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1); - -ms-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1); - -o-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1); - box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1); } .border.overlay { @@ -1852,11 +1846,11 @@ p.warning { margin-top: 15px; padding: 7px 15px 7px 50px; - -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1); - -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1); - -ms-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1); - -o-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1); - box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1); + -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .1); + -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .1); + -ms-box-shadow: 0 0 7px rgba(0, 0, 0, .1); + -o-box-shadow: 0 0 7px rgba(0, 0, 0, .1); + box-shadow: 0 0 7px rgba(0, 0, 0, .1); -webkit-transition: all .1s linear; -moz-transition: all .1s linear; @@ -2736,6 +2730,7 @@ div.userNotificationContainer { background-color: rgba(224, 224, 224, .9); position: absolute; width: 250px; + z-index: 501; /* adjust to any value you like, it *MUST* be higher than 'header.pageHeader nav.topMenu' */ } div.scrollableContainer { @@ -2766,6 +2761,7 @@ div.scrollableContainer > div:first-child ul { div.scrollableContainer > div:first-child li { border-top: 1px solid rgba(192, 192, 192, 1); + cursor: pointer; padding: 7px; } @@ -2875,6 +2871,7 @@ div.scrollableContainer > div:first-child p { .infoPackageStandalone { position: relative; + padding-bottom: 0; } .infoPackageStandalone .packageStandaloneIcon { @@ -2886,16 +2883,14 @@ div.scrollableContainer > div:first-child p { } .infoPackageStandalone section { - margin-bottom: -15px; margin-left: 30px; } -/* Footer */ +/* Navigation */ .infoPackageStandalone footer { position: relative; right: -15px; - bottom: -15px; } .infoPackageStandalone footer nav { @@ -2913,23 +2908,24 @@ div.scrollableContainer > div:first-child p { opacity: 1; } -/* Small Buttons */ - .infoPackageStandalone footer nav ul.smallButtons { list-style-type: none; + display: inline-block; margin-right: -1px; margin-bottom: -1px; } .infoPackageStandalone footer nav ul.smallButtons > li { - margin-left: -5px; - display: inline-block; + float: left; + position: relative; + margin-left: -1px; } .infoPackageStandalone footer nav ul.smallButtons > li > a { + text-decoration: none; white-space: nowrap; padding: 3px 7px; - display: block; + overflow: hidden; } .infoPackageStandalone footer nav ul.smallButtons > li.separator > a { @@ -2944,6 +2940,11 @@ div.scrollableContainer > div:first-child p { border-bottom-right-radius: 7px; } +.infoPackageStandalone footer nav ul.smallButtons > li > a img { + border: 0 !important; + vertical-align: middle; +} + -- 2.20.1