Fixed CSS for user notifications

@Luzifr: Shouldn't these declarations be part of a separate stylesheet instead of stuffing everything into the ACP?

diff --git a/wcfsetup/install/files/acp/style/style.css b/wcfsetup/install/files/acp/style/style.css
index 2fa53b143f6f9a60c71e6f4a3b4991ebf2eb0e2b..4c1806f82adc263fe7a8c6faaf960892585645a0 100644 (file)
--- 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;
+}
+