makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-12 06:18:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2 from VSEphpbb/ticket/11103-VSE

Browse source 
[ticket/11103-VSE] Updated notification AJAX styling
This commit is contained in:
Nathan Guse 2012-12-26 10:06:16 -08:00
commit 860db97a09
3 changed files with 61 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
phpBB/styles/prosilver/template/overall_header.html
View file

@ -135,6 +135,7 @@
<li> <li>
[ <a href="#" id="notification_list_button" title="{NOTIFICATIONS_COUNT}">{NOTIFICATIONS_COUNT}</a> ] &bull; [ <a href="#" id="notification_list_button" title="{NOTIFICATIONS_COUNT}">{NOTIFICATIONS_COUNT}</a> ] &bull;
<div id="notification_list" class="notification_list"> <div id="notification_list" class="notification_list">
<div class="pointer"><div class="pointer_inner"></div></div>
<div class="header"> <div class="header">
{L_NOTIFICATIONS} {L_NOTIFICATIONS}
</div> </div>

29
phpBB/styles/prosilver/theme/colours.css
View file

@ -1046,7 +1046,11 @@ input.disabled {
#notification_list { #notification_list {
background-color: #FFFFFF; background-color: #FFFFFF;
border-color: #00608F; border-color: #B9B9B9;
}
#notification_list ul li {
border-bottom-color: #B9B9B9;
} }
#notification_list ul li:hover { #notification_list ul li:hover {
@ -1055,5 +1059,26 @@ input.disabled {
} }
#notification_list > .header, .notification_list > .footer { #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;
}

46
phpBB/styles/prosilver/theme/common.css
View file

@ -679,8 +679,8 @@ p.rules a {
width: 330px; width: 330px;
z-index: 1; z-index: 1;
border: 1px solid; border: 1px solid;
border-radius: 4px; box-shadow: 3px 3px 5px darkgray;
box-shadow: 4px 4px 5px; margin-top: 8px;
} }
#notification_list ul { #notification_list ul {
@ -690,7 +690,7 @@ p.rules a {
} }
#notification_list ul li { #notification_list ul li {
width: ; width: 310px;
padding: 10px; padding: 10px;
margin: 0; margin: 0;
float: left; float: left;
@ -700,24 +700,20 @@ p.rules a {
clear: both; clear: both;
} }
#notification_list ul li {
width: 310px;
}
#notification_list ul li:last-child {
border-bottom: 0px;
}
#notification_list > .header { #notification_list > .header {
padding: 0 5px; padding: 0 10px;
font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold; font-weight: bold;
text-shadow: 1px 1px 1px white;
text-transform: uppercase;
line-height: 30px;
border-bottom: 1px solid; border-bottom: 1px solid;
} }
#notification_list > .footer { #notification_list > .footer {
text-align: center; text-align: center;
font-size: 1.2em; font-size: 1.2em;
border-top: 1px solid;
} }
#notification_list ul li a, .notification_list dt > a, #notification_list > .footer > a { #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 { .notification_list ul.topiclist dt {
width: 88%; 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;
}