https://wiki.runerealm.org/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.less%2Fnotifications.less 2026-04-20T17:36:36Z Revision history for this page on the wiki MediaWiki 1.41.1 https://wiki.runerealm.org/index.php?title=MediaWiki:Common.less/notifications.less&diff=38975&oldid=prev 2024-10-17T16:14:33Z

<p></p> <a href="https://wiki.runerealm.org/index.php?title=MediaWiki:Common.less/notifications.less&amp;diff=38975&amp;oldid=38843">Show changes</a>

Alex https://wiki.runerealm.org/index.php?title=MediaWiki:Common.less/notifications.less&diff=38843&oldid=prev 2024-10-17T16:12:14Z

<p></p> <a href="https://wiki.runerealm.org/index.php?title=MediaWiki:Common.less/notifications.less&amp;diff=38843&amp;oldid=34529">Show changes</a>

Alex https://wiki.runerealm.org/index.php?title=MediaWiki:Common.less/notifications.less&diff=34529&oldid=prev 2024-10-16T23:09:48Z

<p>Created page with &quot;// MediaWiki notif popup when saving edits or adding page to watchlist .mw-notification { background-color: var(--body-light); border-color: var(--body-border); color: var(--text-color); } // == Echo == // Special:Notifications // Page toolbar .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background: var(--body-main); } // secondary dates next to &quot;Today&quot;, &quot;Yesterday&quot;, etc. .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary { color: var(--...&quot;</p> <p><b>New page</b></p><div>// MediaWiki notif popup when saving edits or adding page to watchlist<br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color);<br /> }<br /> <br /> // == Echo ==<br /> // Special:Notifications<br /> // Page toolbar<br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main);<br /> }<br /> <br /> // secondary dates next to &quot;Today&quot;, &quot;Yesterday&quot;, etc.<br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color);<br /> }<br /> <br /> // wiki name<br /> .mw-echo-ui-pageNotificationsOptionWidget {<br /> &amp;.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent);<br /> }<br /> <br /> // number of notifs<br /> &amp;-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color);<br /> <br /> // number of notifs for selected<br /> .oo-ui-optionWidget-selected &amp; {<br /> color: var(--ooui-accent);<br /> }<br /> }<br /> <br /> // highlighted wiki name<br /> &amp;.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color);<br /> }<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border);<br /> <br /> // &quot;Pages with unread notifications&quot;<br /> &amp;-subtitle {<br /> color: var(--byline-color);<br /> }<br /> }<br /> <br /> <br /> // popup and footer<br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup {<br /> &gt; .oo-ui-popupWidget-popup {<br /> &gt; .oo-ui-popupWidget-head,<br /> &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border);<br /> }<br /> <br /> // in actuality an ooui button<br /> &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border);<br /> }<br /> }<br /> }<br /> <br /> // Notifications interface<br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> <br /> &amp;:hover,<br /> &amp;-unread:hover {<br /> background-color: var(--ooui-normal--hover);<br /> }<br /> <br /> &amp;:last-child {<br /> border-bottom-color: var(--ooui-normal-border);<br /> }<br /> <br /> &amp;-unread {<br /> background-color: var(--search-box);<br /> }<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,<br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface);<br /> }<br /> <br /> // unread circle<br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive);<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover &amp; {<br /> background-color: var(--ooui-progressive--hover);<br /> }<br /> }<br /> <br /> // read<br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> }<br /> <br /> // same text colour for all<br /> .mw-echo-ui-notificationItemWidget-content-message-header,<br /> .mw-echo-ui-notificationItemWidget-content-message-body,<br /> .mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,<br /> .mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text);<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main);<br /> }<br /> <br /> @notification-background-unseen: var(--wikitable-bg-lighter);<br /> @notification-background-unread: var(--search-box);<br /> @notification-background-read: var(--body-main);<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: @notification-background-unseen;<br /> }<br /> <br /> to {<br /> background-color: @notification-background-unread;<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: @notification-background-unseen;<br /> }<br /> <br /> to {<br /> background-color: @notification-background-read;<br /> }<br /> }</div>

Alex