+ // Mark topics read if we are watching a category and showing active topics

+ if ($('#active_topics').length) {

+ phpbb.ajaxCallbacks['mark_topics_read'].call(this, res, false);

+ }

+

+/**

+* This callback will mark all topic icons read

+*

+* @param update_topic_links bool Wether "Mark topics read" links should be

+* updated. Defaults to true.

+*/

+phpbb.addAjaxCallback('mark_topics_read', function(res, update_topic_links) {

+ if (typeof update_topic_links === 'undefined') {

+ update_topic_links = true;

+ }

+

+ if (update_topic_links) {

+ $('[data-ajax="mark_topics_read"]').attr('href', res.U_MARK_TOPICS);

+ }

+ <li class="row<!-- IF pm_report.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">

+<title><!-- IF UNREAD_NOTIFICATIONS_COUNT -->({UNREAD_NOTIFICATIONS_COUNT}) <!-- ENDIF --><!-- IF not S_VIEWTOPIC and not S_VIEWFORUM -->{SITENAME} - <!-- ENDIF --><!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}<!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></title>

+ <!-- IF S_NOTIFICATIONS_DISPLAY -->

+ <li>

+ [ <a href="{U_VIEW_ALL_NOTIFICATIONS}" id="notification_list_button">{NOTIFICATIONS_COUNT}</a> ] &bull;

+ <div id="notification_list" class="notification_list">

+ <div class="pointer"><div class="pointer_inner"></div></div>

+ <div class="header">

+ {L_NOTIFICATIONS}

+ <span class="header_settings"><a href="{U_NOTIFICATION_SETTINGS}">{L_SETTINGS}</a></span>

+ </div>

+

+ <ul>

+ <!-- IF not .notifications -->

+ <li>

+ {L_NO_NOTIFICATIONS}

+ </li>

+ <!-- ENDIF -->

+ <!-- BEGIN notifications -->

+ <li class="<!-- IF notifications.UNREAD --> bg2<!-- ENDIF -->">

+ <!-- IF notifications.URL --><a href="<!-- IF notifications.UNREAD -->{notifications.U_MARK_READ}<!-- ELSE -->{notifications.URL}<!-- ENDIF -->"><!-- ENDIF -->

+ {notifications.AVATAR}

+ <div>

+ <p>{notifications.FORMATTED_TITLE}</p>

+ <p>&raquo; {notifications.TIME}</p>

+

+ <!-- IF not notifications.URL and notifications.U_MARK_READ -->

+ <p><a href="{notifications.U_MARK_READ}">{L_MARK_READ}</a></p>

+ <!-- ENDIF -->

+ </div>

+ <!-- IF notifications.URL --></a><!-- ENDIF -->

+ </li>

+ <!-- END notifications -->

+ </ul>

+

+ <div class="footer">

+ <a href="{U_VIEW_ALL_NOTIFICATIONS}"><span>{L_SEE_ALL}</span></a>

+ </div>

+ </div>

+ </li>

+ <!-- ENDIF -->

+<!-- INCLUDE ucp_header.html -->

+

+<form id="ucp" method="post" action="{S_UCP_ACTION}"{S_FORM_ENCTYPE}>

+

+<h2>{TITLE}</h2>

+<div class="panel">

+ <div class="inner">

+

+ <p>{TITLE_EXPLAIN}</p>

+

+ <!-- IF MODE == 'notification_options' -->

+ <ul class="topiclist">

+ <li class="header">

+ <dl>

+ <dt>{L_NOTIFICATION_TYPE}</dt>

+ <!-- BEGIN notification_methods -->

+ <dd class="mark">{notification_methods.NAME}</dd>

+ <!-- END notification_methods -->

+ <dd class="mark">{L_NOTIFICATIONS}</dd>

+ </dl>

+ </li>

+ </ul>

+ <ul class="topiclist cplist">

+

+ <!-- BEGIN notification_types -->

+ <!-- IF notification_types.GROUP_NAME -->

+ <li class="row bg3">

+ <dl>

+ <dt>

+ {notification_types.GROUP_NAME}

+ </dt>

+ </dl>

+ </li>

+ <!-- ELSE -->

+ <li class="row<!-- IF notification_types.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">

+ <dl>

+ <dt>

+ {notification_types.NAME}

+ <!-- IF notification_types.EXPLAIN --><br />&nbsp; &nbsp;{notification_types.EXPLAIN}<!-- ENDIF -->

+ </dt>

+ <!-- BEGIN notification_methods -->

+ <dd class="mark"><input type="checkbox" name="{notification_types.TYPE}_{notification_methods.METHOD}"<!-- IF notification_methods.SUBSCRIBED --> checked="checked"<!-- ENDIF --> /> <dfn>{notification_methods.NAME}</dfn></dd>

+ <!-- END notification_methods -->

+ <dd class="mark"><input type="checkbox" name="{notification_types.TYPE}_notification"<!-- IF notification_types.SUBSCRIBED --> checked="checked"<!-- ENDIF --> /> <dfn>{notification_methods.NAME}</dfn></dd>

+ </dl>

+ </li>

+ <!-- ENDIF -->

+ <!-- END notification_types -->

+ </ul>

+ <!-- ELSE -->

+ <!-- IF .pagination or TOTAL_COUNT -->

+ <div class="topic-actions">

+ <div class="pagination">

+ <!-- IF U_MARK_ALL --><a href="{U_MARK_ALL}">{L_NOTIFICATIONS_MARK_ALL_READ}</a> &bull; <!-- ENDIF -->

+ <!-- IF TOTAL_COUNT -->{TOTAL_COUNT} &bull; <!-- ENDIF -->

+ <!-- IF .pagination -->

+ <!-- INCLUDE pagination.html -->

+ <!-- ELSE -->

+ {PAGE_NUMBER}

+ <!-- ENDIF -->

+ </div>

+ </div>

+ <!-- ENDIF -->

+

+ <div class="notification_list">

+ <ul class="topiclist">

+ <li class="header">

+ <dl>

+ <dt>{L_NOTIFICATIONS}</dt>

+ <dd class="mark">{L_MARK_READ}</dd>

+ </dl>

+ </li>

+ <!-- IF not .notifications -->

+ <li>

+ <dl>

+ <dt>{L_NO_NOTIFICATIONS}</dt>

+ </dl>

+ </li>

+ <!-- ENDIF -->

+ <!-- BEGIN notification_list -->

+ <li class="row<!-- IF notification_list.UNREAD --> bg3<!-- ELSE --><!-- IF notification_list.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- ENDIF -->">

+ <dl>

+ <dt>

+ <!-- IF notification_list.URL --><a href="<!-- IF notification_list.UNREAD -->{notification_list.U_MARK_READ}<!-- ELSE -->{notification_list.URL}<!-- ENDIF -->"><!-- ENDIF -->

+ {notification_list.AVATAR}

+ <div class="notifications">

+ <p class="notifications_title">{notification_list.FORMATTED_TITLE}</p>

+ <p class="notifications_time">&raquo; {notification_list.TIME}</p>

+

+ <!-- IF not notification_list.URL and notification_list.U_MARK_READ -->

+ <p><a href="{notification_list.U_MARK_READ}">{L_MARK_READ}</a></p>

+ <!-- ENDIF -->

+ </div>

+ <!-- IF notification_list.URL --></a><!-- ENDIF -->

+ </dt>

+

+ <dd class="mark">&nbsp;<!-- IF notification_list.UNREAD --><input type="checkbox" name="mark[]" value="{notification_list.NOTIFICATION_ID}" /> <dfn>{L_MARK_READ}</dfn><!-- ENDIF -->&nbsp;</dd>

+ </dl>

+ </li>

+ <!-- END notification_list -->

+ </ul>

+ </div>

+

+ <!-- IF .pagination or TOTAL_COUNT -->

+ <div class="topic-actions">

+ <div class="pagination">

+ <!-- IF TOTAL_COUNT -->{TOTAL_COUNT} &bull; <!-- ENDIF -->

+ <!-- IF .pagination -->

+ <!-- INCLUDE pagination.html -->

+ <!-- ELSE -->

+ {PAGE_NUMBER}

+ <!-- ENDIF -->

+ </div>

+ </div>

+ <!-- ENDIF -->

+

+ <!-- ENDIF -->

+ </div>

+</div>

+

+<!-- IF .notifications -->

+<fieldset class="display-actions">

+ <input type="hidden" name="form_time" value="{FORM_TIME}" />

+ {S_HIDDEN_FIELDS}

+ <input type="submit" name="submit" value="{L_MARK_READ}" class="button1" />

+ <div><a href="#" onclick="$('#ucp input:checkbox').attr('checked', true); return false;">{L_MARK_ALL}</a> &bull; <a href="#" onclick="$('#ucp input:checkbox').attr('checked', false); return false;">{L_UNMARK_ALL}</a></div>

+ {S_FORM_TOKEN}

+</fieldset>

+<!-- ENDIF -->

+

+</form>

+

+<!-- INCLUDE ucp_footer.html -->

+ <div class="content"><!-- IF history_row.MESSAGE -->{history_row.MESSAGE}<!-- ELSE --><span class="error">{L_MESSAGE_REMOVED_FROM_OUTBOX}</span><!-- ENDIF --></div>

+ <label for="viewemail1"><input type="radio" name="viewemail" id="viewemail1" value="1"<!-- IF S_VIEW_EMAIL --> checked="checked"<!-- ENDIF --> /> {L_YES}</label>

+ <label for="massemail1"><input type="radio" name="massemail" id="massemail1" value="1"<!-- IF S_MASS_EMAIL --> checked="checked"<!-- ENDIF --> /> {L_YES}</label>

+ <label for="allowpm1"><input type="radio" name="allowpm" id="allowpm1" value="1"<!-- IF S_ALLOW_PM --> checked="checked"<!-- ENDIF --> /> {L_YES}</label>

+ <label for="hideonline1"><input type="radio" name="hideonline" id="hideonline1" value="1"<!-- IF S_HIDE_ONLINE --> checked="checked"<!-- ENDIF --> /> {L_YES}</label>

+ <!-- ENDIF -->

+ <label for="notifymethod0"><input type="radio" name="notifymethod" id="notifymethod0" value="0"<!-- IF S_NOTIFY_EMAIL --> checked="checked"<!-- ENDIF --> /> {L_NOTIFY_METHOD_EMAIL}</label>

+ <label for="notifymethod1"><input type="radio" name="notifymethod" id="notifymethod1" value="1"<!-- IF S_NOTIFY_IM --> checked="checked"<!-- ENDIF --> /> {L_NOTIFY_METHOD_IM}</label>

+

+ {S_HIDDEN_FIELDS}<input type="reset" value="{L_RESET}" name="reset" class="button2" />&nbsp;

+

+

+

+ <dt<!-- IF S_DISPLAY_ACTIVE --> id="active_topics"<!-- ENDIF -->><!-- IF S_DISPLAY_ACTIVE -->{L_ACTIVE_TOPICS}<!-- ELSEIF topicrow.S_TOPIC_TYPE_SWITCH and (topicrow.S_POST_ANNOUNCE or topicrow.S_POST_GLOBAL) -->{L_ANNOUNCEMENTS}<!-- ELSE -->{L_TOPICS}<!-- ENDIF --></dt>

+/*

+ color: #28313F;

+/*

+/* Profile searchresults */

+/*

+/*

+/*

+/*

+ background-color: #FFFFFF;

+#notification_list {

+ background-color: #FFFFFF;

+ border-color: #B9B9B9;

+}

+

+#notification_list ul li {

+ border-bottom-color: #B9B9B9;

+}

+

+#notification_list ul li:hover {

+ background-color: #CFE1F6;

+ color: #000000;

+}

+

+#notification_list > .header, .notification_list > .footer {

+ border-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: #B9B9B9;

+}

+

+.notification_list .pointer_inner {

+ border-bottom-color: #F1F8FF;

+}

+

+article, aside, canvas, details, embed,

+figure, figcaption, footer, header, hgroup,

+article, aside, details, figcaption, figure,

+}

+

+#notification_list {

+ display: none;

+ position: absolute;

+ width: 330px;

+ z-index: 1;

+ border: 1px solid;

+ box-shadow: 3px 3px 5px darkgray;

+ border-radius: 5px;

+ margin-top: 8px;

+}

+

+#notification_list ul {

+ max-height: 350px;

+ overflow-y: auto;

+ overflow-x: hidden;

+}

+

+#notification_list ul li {

+ width: 310px;

+ padding: 10px;

+ margin: 0;

+ float: left;

+ border-bottom: 1px solid;

+ list-style-type: none;

+ font-size: 0.95em;

+ clear: both;

+}

+

+#notification_list > .header {

+ 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;

+ border-radius: 5px 5px 0 0;

+}

+

+#notification_list > .header > .header_settings {

+ float: right;

+ font-weight: normal;

+ text-transform: none;

+}

+

+#notification_list > .footer {

+ text-align: center;

+ font-size: 1.2em;

+}

+

+#notification_list ul li a, .notification_list dt > a, #notification_list > .footer > a {

+ display: block;

+}

+

+.notification_list ul li img {

+ float: left;

+ max-width: 50px;

+ max-height: 50px;

+ margin-right: 5px;

+}

+

+.notification_list ul li p {

+ margin: 0;

+ word-wrap: break-word;

+}

+

+.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;

+ -webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */

+ display: block;

+}

+

+.notification_list .pointer {

+ right: auto;

+ left: 10px;

+ top: -11px;

+}

+

+.notification_list .pointer_inner {

+ top: auto;

+ bottom: -11px;

+ left: -10px;

+}

+

+.notification_list div.notifications {

+ padding: 5px;

+}

+

+.notification_list p.notifications_title {

+ font-weight: bold;

+}

+

+.notification_list p.notifications_time {

+ font-size: 11px;

+}

+