makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-11 05:48:51 +00:00
Code Issues Projects Releases Packages Wiki Activity

[ticket/15192] Cleanup selectors and proper scope

Browse source 
PHPBB3-15192
This commit is contained in:
hanakin 2017-04-25 18:07:21 -04:00
parent 308b0778cf
commit 323f187ccf
4 changed files with 39 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
phpBB/styles/prosilver/template/notification_dropdown.html
View file

@ -3,7 +3,7 @@
<div class="dropdown-contents"> <div class="dropdown-contents">
<div class="header"> <div class="header">
{L_NOTIFICATIONS} {L_NOTIFICATIONS}
<span class="header_settings"> <span class="header-settings">
<a href="{U_NOTIFICATION_SETTINGS}">{L_SETTINGS}</a> <a href="{U_NOTIFICATION_SETTINGS}">{L_SETTINGS}</a>
<!-- IF NOTIFICATIONS_COUNT --> <!-- IF NOTIFICATIONS_COUNT -->
<span id="mark_all_notifications"> &bull; <a href="{U_MARK_ALL_NOTIFICATIONS}" data-ajax="notification.mark_all_read">{L_MARK_ALL_READ}</a></span> <span id="mark_all_notifications"> &bull; <a href="{U_MARK_ALL_NOTIFICATIONS}" data-ajax="notification.mark_all_read">{L_MARK_ALL_READ}</a></span>
@ -11,19 +11,19 @@
</span> </span>
</div> </div>
<ul> <ul class="dropdown-extended-list notification-list">
<!-- IF not .notifications --> <!-- IF not .notifications -->
<li class="no_notifications"> <li class="dropdown-extended-item no-notifications">
{L_NO_NOTIFICATIONS} {L_NO_NOTIFICATIONS}
</li> </li>
<!-- ENDIF --> <!-- ENDIF -->
<!-- BEGIN notifications --> <!-- BEGIN notifications -->
<li class="<!-- IF notifications.UNREAD --> bg2<!-- ENDIF --><!-- IF notifications.STYLING --> {notifications.STYLING}<!-- ENDIF --><!-- IF not notifications.URL --> no-url<!-- ENDIF -->"> <li class="dropdown-extended-item notification-item<!-- IF notifications.UNREAD --> bg2<!-- ENDIF --><!-- IF notifications.STYLING --> {notifications.STYLING}<!-- ENDIF --><!-- IF not notifications.URL --> no-url<!-- ENDIF -->" <!-- IF notifications.UNREAD -->data-notification-unread="true"<!-- ENDIF -->>
<!-- IF notifications.URL --> <!-- IF notifications.URL -->
<a class="notification-block" href="<!-- IF notifications.UNREAD -->{notifications.U_MARK_READ}" data-real-url="{notifications.URL}<!-- ELSE -->{notifications.URL}<!-- ENDIF -->"> <a class="notification-block" href="<!-- IF notifications.UNREAD -->{notifications.U_MARK_READ}" data-real-url="{notifications.URL}<!-- ELSE -->{notifications.URL}<!-- ENDIF -->">
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF notifications.AVATAR -->{notifications.AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF --> <!-- IF notifications.AVATAR -->{notifications.AVATAR}<!-- ELSE --><img class="notification-avatar" src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF -->
<div class="notification_text"> <div class="notification-text">
<p class="notification-title">{notifications.FORMATTED_TITLE}</p> <p class="notification-title">{notifications.FORMATTED_TITLE}</p>
<!-- IF notifications.REFERENCE --><p class="notification-reference">{notifications.REFERENCE}</p><!-- ENDIF --> <!-- IF notifications.REFERENCE --><p class="notification-reference">{notifications.REFERENCE}</p><!-- ENDIF -->
<!-- IF notifications.FORUM --><p class="notification-forum">{notifications.FORUM}</p><!-- ENDIF --> <!-- IF notifications.FORUM --><p class="notification-forum">{notifications.FORUM}</p><!-- ENDIF -->

10
phpBB/styles/prosilver/theme/bidi.css
View file

@ -126,7 +126,7 @@
text-align: right; text-align: right;
} }
.rtl .dropdown-extended .header .header_settings, .rtl .dropdown-extended .header .header-settings,
.rtl .dropdown-container-right { .rtl .dropdown-container-right {
float: left; float: left;
} }
@ -138,23 +138,23 @@
/* Notifications /* Notifications
----------------------------------------- */ ----------------------------------------- */
.rtl .notification_list ul li img { .rtl .notification-avatar {
float: right; float: right;
margin-right: 0; margin-right: 0;
margin-left: 5px; margin-left: 5px;
} }
.rtl .notification_list div.notifications { .rtl .notification-menu .notifications {
margin-right: 50px; margin-right: 50px;
margin-left: 0; margin-left: 0;
} }
.rtl .notification_text { .rtl .notification-text {
margin-right: 58px; margin-right: 58px;
margin-left: 0; margin-left: 0;
} }
.rtl .notification_list p.notification-time { .rtl .notification-time {
text-align: left; text-align: left;
} }

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

@ -1102,11 +1102,11 @@ input.disabled {
} }
} }
.dropdown-extended ul li { .dropdown-extended .dropdown-extended-item {
border-top-color: #b9b9b9; border-top-color: #b9b9b9;
} }
.dropdown-extended ul li:hover { .dropdown-extended .dropdown-extended-item:hover {
background-color: #cfe1f6; background-color: #cfe1f6;
color: #000000; color: #000000;
} }
@ -1164,12 +1164,12 @@ input.disabled {
/* notifications */ /* notifications */
.notification_list p.notification-time { .notification-time {
color: #4c5d77; color: #4c5d77;
} }
li.notification-reported strong, .notification-reported strong,
li.notification-disapproved strong { .notification-disapproved strong {
color: #d31141; color: #d31141;
} }

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

@ -1160,7 +1160,7 @@ form > p.post-notice strong {
.inner:after, .inner:after,
ul.linklist:after, ul.linklist:after,
.action-bar:after, .action-bar:after,
.notification_text:after, .notification-text:after,
.tabs-container:after, .tabs-container:after,
.tabs > ul:after, .tabs > ul:after,
.minitabs > ul:after, .minitabs > ul:after,
@ -1200,14 +1200,14 @@ ul.linklist:after,
display: none; display: none;
} }
.dropdown-extended ul { .dropdown-extended .dropdown-extended-list {
clear: both; clear: both;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
max-height: 350px; max-height: 350px;
} }
.dropdown-extended ul li { .dropdown-extended .dropdown-extended-item {
font-size: 0.95em; font-size: 0.95em;
border-top: 1px solid; border-top: 1px solid;
position: relative; position: relative;
@ -1218,11 +1218,11 @@ ul.linklist:after,
list-style-type: none; list-style-type: none;
} }
.dropdown-extended ul li:first-child { .dropdown-extended .dropdown-extended-item:first-child {
border-top: none; border-top: none;
} }
.dropdown-extended ul li.no_notifications { .dropdown-extended .dropdown-extended-item.no-notifications {
padding: 10px; padding: 10px;
} }
@ -1249,13 +1249,13 @@ ul.linklist:after,
padding: 0 10px; padding: 0 10px;
} }
.dropdown-extended .header .header_settings { .dropdown-extended .header .header-settings {
font-weight: normal; font-weight: normal;
text-transform: none; text-transform: none;
float: right; float: right;
} }
.dropdown-extended .header .header_settings a { .dropdown-extended .header .header-settings a {
display: inline-block; display: inline-block;
padding: 0 5px; padding: 0 5px;
} }
@ -1271,8 +1271,8 @@ ul.linklist:after,
text-align: center; text-align: center;
} }
.dropdown-extended ul li a, .dropdown-extended .notification-block,
.dropdown-extended ul li.no-url { .dropdown-extended .dropdown-extended-item.no-url {
padding: 8px; padding: 8px;
} }
@ -1280,14 +1280,14 @@ ul.linklist:after,
padding: 5px 0; padding: 5px 0;
} }
.dropdown-extended ul li a, .dropdown-extended .dropdown-extended-item a,
.notification_list dt > a, .notification-menu dt > a,
.dropdown-extended .footer > a { .dropdown-extended .footer > a {
text-decoration: none; text-decoration: none;
display: block; display: block;
} }
.notification_list ul li img { .notification-avatar {
float: left; float: left;
width: auto !important; width: auto !important;
max-width: 50px; max-width: 50px;
@ -1296,48 +1296,48 @@ ul.linklist:after,
margin-right: 5px; margin-right: 5px;
} }
.notification_list ul li p { .notification-item p {
font-size: 1em; font-size: 1em;
margin-bottom: 4px; margin-bottom: 4px;
} }
.notification_list p.notification-reference, .notification-reference,
.notification_list p.notification-location, .notification-location,
.notification_list li a p.notification-reason { .notification-reason {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.notification_list p.notification-time { .notification-time {
font-size: 0.9em; font-size: 0.9em;
text-align: right; text-align: right;
margin: 0; margin: 0;
} }
.notification_list div.notifications { .notification-menu .notifications {
margin-left: 50px; margin-left: 50px;
padding: 5px; padding: 5px;
} }
.notification_list div.notifications a { .notification-menu .notifications a {
display: block; display: block;
} }
.notification_list p.notifications_title { .notifications-title {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.2em !important; font-size: 1.2em !important;
} }
.notification_list p.notifications_title strong { .notifications-title strong {
font-weight: bold; font-weight: bold;
} }
.notification_list p.notifications_time { .notifications-time {
font-size: 0.9em !important; font-size: 0.9em !important;
} }
.notification_text { .notification-text {
margin-left: 58px; margin-left: 58px;
} }