mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-12-01 02:46:46 +00:00
c638d44190
This provides some rudimentary styling support to make Echo usable with the Modern skin. It also fixes the Notifications special page so it is styled correctly in Modern, CologneBlue, or with Javascript turned off. Also some more tweaks for Monobook skin. Retiring the 'feedback' link from the special page, per PM. Bug: 47932 Change-Id: I633a93a78f5a78d0642a3a059fa6f7208f99cec4
71 lines
1.5 KiB
CSS
71 lines
1.5 KiB
CSS
/* Echo specific CSS */
|
|
|
|
#mw-echo-more {
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 13px;
|
|
max-width: 600px;
|
|
}
|
|
|
|
/* Special styles to use if we're converting the subtitle links into header icons */
|
|
#firstHeading .mw-echo-special-header-link {
|
|
display: block;
|
|
height: 19px;
|
|
width: 19px;
|
|
}
|
|
#firstHeading #mw-echo-pref-link {
|
|
float: right;
|
|
margin: 5px 3px;
|
|
/* @embed */
|
|
background-image: url(Preferences.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0;
|
|
filter: alpha(opacity=50);
|
|
opacity: 0.5;
|
|
}
|
|
#firstHeading #mw-echo-pref-link:hover {
|
|
filter: alpha(opacity=100);
|
|
opacity: 1.0;
|
|
}
|
|
#firstHeading #mw-echo-moreinfo-link {
|
|
display: inline-block;
|
|
margin: 0px 3px;
|
|
/* @embed */
|
|
background-image: url(Help.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0;
|
|
filter: alpha(opacity=50);
|
|
opacity: 0.5;
|
|
}
|
|
#firstHeading #mw-echo-moreinfo-link:hover {
|
|
filter: alpha(opacity=100);
|
|
opacity: 1.0;
|
|
}
|
|
|
|
.mw-echo-date-section {
|
|
font-weight: 800;
|
|
font-size: 1.1em;
|
|
text-transform: uppercase;
|
|
border-bottom: 1px solid #C9C9C9;
|
|
margin: 30px 0 5px 50px;
|
|
color: #686868;
|
|
}
|
|
|
|
ul#mw-echo-special-container {
|
|
list-style: none;
|
|
margin: 30px 0 0 0;
|
|
max-width: 600px;
|
|
}
|
|
.mw-echo-notification {
|
|
padding: 15px 35px 10px 0;
|
|
}
|
|
#mw-echo-special-container .mw-echo-notification {
|
|
background-color: white;
|
|
}
|
|
#mw-echo-special-container .mw-echo-notification:hover {
|
|
background-color: #F6F6F6;
|
|
}
|
|
#mw-echo-special-container .mw-echo-notification.mw-echo-unread .mw-echo-title {
|
|
font-weight: bold;
|
|
}
|