aboutsummaryrefslogtreecommitdiffstats
path: root/phpBB/styles/prosilver
diff options
context:
space:
mode:
authorNathan Guse <nathaniel.guse@gmail.com>2012-09-09 17:20:39 -0500
committerNathan Guse <nathaniel.guse@gmail.com>2012-09-09 17:20:39 -0500
commit5502f3c4aa30ce72131f2a55bcfa3db7a4059427 (patch)
treebd1b8b9bac12bb5f97389a11231a83b37aa7852e /phpBB/styles/prosilver
parente09f25d59707fc842b073fa2909cefc3d16ecbf3 (diff)
downloadforums-5502f3c4aa30ce72131f2a55bcfa3db7a4059427.tar
forums-5502f3c4aa30ce72131f2a55bcfa3db7a4059427.tar.gz
forums-5502f3c4aa30ce72131f2a55bcfa3db7a4059427.tar.bz2
forums-5502f3c4aa30ce72131f2a55bcfa3db7a4059427.tar.xz
forums-5502f3c4aa30ce72131f2a55bcfa3db7a4059427.zip
[ticket/11103] Restyle the notification list
Very rough (lots of inline CSS, very ugly) PHPBB3-11103
Diffstat (limited to 'phpBB/styles/prosilver')
-rw-r--r--phpBB/styles/prosilver/template/overall_header.html25
-rw-r--r--phpBB/styles/prosilver/theme/common.css8
2 files changed, 25 insertions, 8 deletions
diff --git a/phpBB/styles/prosilver/template/overall_header.html b/phpBB/styles/prosilver/template/overall_header.html
index 77fdb230ad..1695f8d03a 100644
--- a/phpBB/styles/prosilver/template/overall_header.html
+++ b/phpBB/styles/prosilver/template/overall_header.html
@@ -132,6 +132,22 @@
<ul class="linklist leftside">
<li class="icon-ucp">
<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
+ <a href="#" title="{L_NOTIFICATIONS}" onClick="$('#notification_list').toggle();">{L_NOTIFICATIONS}</a>
+ <div id="notification_list" style="display: block; position: absolute; width: 330px; background-color: #FFFFFF; z-index: 1;">
+ <ul style="list-style-type: none;">
+ <!-- BEGIN notifications -->
+ <li style="margin: 10px;">
+ <a href="{notifications.URL}" style="text-decoration: none;">
+ {notifications.AVATAR}
+ <div>
+ {notifications.FORMATTED_TITLE}<br />
+ {notifications.TIME}
+ </div>
+ </a>
+ </li>
+ <!-- END notifications -->
+ </ul>
+ </div>
<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a>)<!-- ENDIF -->
<!-- IF S_DISPLAY_SEARCH --> &bull;
<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
@@ -165,11 +181,4 @@
<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
</div>
</div>
- <!-- ENDIF -->
-
-<!-- BEGIN notifications -->
- <p>
- <a href="{notifications.URL}">{notifications.TITLE}</a><br />
- {notifications.TIME}
- </p>
-<!-- END notifications --> \ No newline at end of file
+ <!-- ENDIF --> \ No newline at end of file
diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index 4b4fa263b1..a3f2a83886 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/phpBB/styles/prosilver/theme/common.css
@@ -665,3 +665,11 @@ p.rules a {
.smilies {
vertical-align: text-bottom;
}
+
+.notifications-avatar {
+ float: left;
+ padding: 0 10px 10px 0;
+
+ max-width: 50px;
+ max-height: 50px;
+}