@import '../echo.variables'; @import '../echo.mixins'; @import 'mediawiki.mixins'; // This is only valid for the Special:Notifications page in no-JS mode, // where the formatting of the notifications include the following structure .mw-echo-state { display: block; width: 100%; .box-sizing( border-box ); .mw-echo-notification-primary-link { display: none; } .mw-echo-icon { width: 30px; height: 30px; float: left; margin-right: 10px; margin-left: 10px; } .mw-echo-notification { clear: both; display: block; color: #6D6D6D; line-height: 90%; margin: 0; min-height: 30px; background-color: white; position: relative; padding-top: 15px; padding-bottom: 10px; /* Force container to expand to height of floated contents */ overflow: hidden; zoom: 1; span.autocomment { color: inherit; font-style: normal; } } .mw-echo-notifications { background-color: #EEEEEE; } .mw-echo-content { overflow: hidden; display: block; .mw-echo-title { color: @notification-text-color; } .mw-echo-payload { .mw-echo-ui-mixin-one-line-truncated; color: @notification-body-color; margin-top: 4px; } .mw-echo-title, .mw-echo-payload { font-size: 1em; line-height: 1.4em; .plainlinks { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block; vertical-align: top; } } .mw-echo-notification-footer { color: #6D6D6D; font-size: 11px; margin-top: 0.2em; .mw-echo-notification-footer-element { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 15em; margin-right: 0.5em; } } } }