mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-11-28 01:30:15 +00:00
415b7b9851
Some LESS parsers will get confused with the lack of file extension. It's better to be explicit and in alignment with recent change in core I379334d7729e587a2a00. It was already weirdly mixed in this repo with some imports featuring extension and some not. Change-Id: Ib208607c850fa2492b13cd3d449c04ebc2c21a01
159 lines
2.5 KiB
Plaintext
159 lines
2.5 KiB
Plaintext
/* Echo specific CSS */
|
|
@import '../echo.variables.less';
|
|
|
|
.mw-echo-special-container {
|
|
max-width: 600px;
|
|
}
|
|
|
|
.client-js .mw-echo-special-nojs {
|
|
min-height: 5em;
|
|
/* @embed */
|
|
background-image: url( ../../images/pending.gif );
|
|
|
|
.mw-echo-special-container {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
// Hide the the preferences link
|
|
// in the JS version, since it appear inside
|
|
// the cog menu
|
|
|
|
.client-js #mw-echo-pref-link,
|
|
.client-js #contentSub {
|
|
display: none;
|
|
}
|
|
|
|
@media all and ( min-width: @specialpage-hd-width ) {
|
|
.client-js #mw-content-text {
|
|
margin-top: 2em;
|
|
}
|
|
}
|
|
|
|
.mw-echo-special-markAllReadButton {
|
|
float: right;
|
|
}
|
|
|
|
/* Special styles to use if we're converting subtitle links into header icons */
|
|
#firstHeading {
|
|
.mw-echo-special-header-link {
|
|
display: block;
|
|
height: 19px;
|
|
width: 19px;
|
|
}
|
|
}
|
|
|
|
.mw-echo-date-section {
|
|
border-bottom: 1px solid @border-color;
|
|
margin: 20px 0 5px 0;
|
|
color: @grey-light;
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
|
|
.mw-echo-date-section-text {
|
|
text-transform: uppercase;
|
|
font-size: 1.1em;
|
|
font-weight: 800;
|
|
display: inline-block;
|
|
}
|
|
|
|
ul.mw-echo-special-notifications {
|
|
div.mw-htmlform-submit-buttons {
|
|
margin: 0;
|
|
}
|
|
list-style: none none;
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.mw-echo-special-navbar-top {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mw-echo-special-navbar-bottom {
|
|
margin-top: 20px;
|
|
padding-top: 10px;
|
|
border-top: 1px solid @border-color;
|
|
}
|
|
|
|
.mw-echo-notification {
|
|
padding: 30px 40px 15px 10px;
|
|
|
|
.mw-echo-markAsReadButton {
|
|
display: none;
|
|
|
|
button {
|
|
padding: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-echo-markAsReadSectionButton {
|
|
float: right;
|
|
display: inline-block;
|
|
|
|
button.oo-ui-buttonElement-button {
|
|
padding: 2px 12px 2px 12px;
|
|
}
|
|
|
|
// HACK: temporary workaround for T136024
|
|
line-height: normal;
|
|
|
|
.oo-ui-buttonElement-button {
|
|
.oo-ui-labelElement-label {
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-echo-special-notifications {
|
|
overflow-y: auto;
|
|
|
|
.mw-echo-notification {
|
|
background-color: #f8f9fa;
|
|
|
|
&:hover {
|
|
background-color: #eaecf0;
|
|
}
|
|
|
|
&-unread {
|
|
color: @color-base;
|
|
background-color: transparent;
|
|
padding-right: 0;
|
|
|
|
.mw-echo-title {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.mw-echo-markAsReadButton {
|
|
float: right;
|
|
display: inline-block;
|
|
margin: 0;
|
|
opacity: 0.5;
|
|
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
div.mw-htmlform-ooui-wrapper {
|
|
margin: 0;
|
|
}
|
|
|
|
@media all and ( max-width: ( @specialpage-hd-width - 1 ) ) {
|
|
.pre-content.heading-holder {
|
|
// Center 'preferences' in mobile special page
|
|
text-align: center;
|
|
}
|
|
|
|
.mw-echo-special-header-link {
|
|
display: none;
|
|
}
|
|
}
|