diff --git a/phpBB/styles/prosilver/template/overall_header.html b/phpBB/styles/prosilver/template/overall_header.html index 9c2c1fc6a6..3f5bec9b8a 100644 --- a/phpBB/styles/prosilver/template/overall_header.html +++ b/phpBB/styles/prosilver/template/overall_header.html @@ -135,6 +135,7 @@
  • [ {NOTIFICATIONS_COUNT} ] •
    +
    {L_NOTIFICATIONS}
    diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 0043e7f5bc..a71d6ee557 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -1046,7 +1046,11 @@ input.disabled { #notification_list { background-color: #FFFFFF; - border-color: #00608F; + border-color: #B9B9B9; +} + +#notification_list ul li { + border-bottom-color: #B9B9B9; } #notification_list ul li:hover { @@ -1055,5 +1059,26 @@ input.disabled { } #notification_list > .header, .notification_list > .footer { - border-color: #00608F; + border-color: #B9B9B9; + border-bottom-color: #B9B9B9; + color: #000000; } + +#notification_list > .header { + background: #F1F8FF; + background: -moz-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1F8FF), color-stop(100%, #CADCEB)); + background: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%); + background: -o-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%); + background: -ms-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%); + background: linear-gradient(to bottom, #F1F8FF 0%, #CADCEB 100%); +} + +.notification_list .pointer { + border-bottom-color: #ADADAD; +} + +.notification_list .pointer_inner { + border-bottom-color: #F1F8FF; +} + diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 570f709ddd..0f44b5f861 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -679,8 +679,8 @@ p.rules a { width: 330px; z-index: 1; border: 1px solid; - border-radius: 4px; - box-shadow: 4px 4px 5px; + box-shadow: 3px 3px 5px darkgray; + margin-top: 8px; } #notification_list ul { @@ -690,7 +690,7 @@ p.rules a { } #notification_list ul li { - width: ; + width: 310px; padding: 10px; margin: 0; float: left; @@ -700,24 +700,20 @@ p.rules a { clear: both; } -#notification_list ul li { - width: 310px; -} - -#notification_list ul li:last-child { - border-bottom: 0px; -} - #notification_list > .header { - padding: 0 5px; + padding: 0 10px; + font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 11px; font-weight: bold; + text-shadow: 1px 1px 1px white; + text-transform: uppercase; + line-height: 30px; border-bottom: 1px solid; } #notification_list > .footer { text-align: center; font-size: 1.2em; - border-top: 1px solid; } #notification_list ul li a, .notification_list dt > a, #notification_list > .footer > a { @@ -744,3 +740,27 @@ p.rules a { .notification_list ul.topiclist dt { width: 88%; } + +.notification_list .pointer, .notification_list .pointer_inner { + position: absolute; + width: 0; + height: 0; + border-top-width: 0; + border-bottom: 10px solid; + border-left: 10px dashed transparent; + border-right: 10px dashed transparent; + display: block; + background: transparent; +} + +.notification_list .pointer { + right: auto; + left: 10px; + top: -11px; +} + +.notification_list .pointer_inner { + top: auto; + bottom: -11px; + left: -10px; +}