mediawiki-extensions-Echo/modules/badge/ext.echo.badge.css

/* We have to include the #pt-notifications selector due to monobook */
#pt-notifications .mw-echo-notifications-badge {
	min-width: 7px;
	border-radius: 2px;
	padding: 0.25em 0.45em 0.2em 0.45em;
	margin-left: -4px;
	text-align: center;
	background-color: #d2d2d2;
	font-weight: bold;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	cursor: pointer;
}
#pt-notifications .mw-echo-notifications-badge:hover,
#pt-notifications .mw-echo-notifications-badge:active,
#pt-notifications .mw-echo-notifications-badge:focus {
	background-color: #c2c2c2;
	text-decoration: none;
	outline: none;
	-moz-outline-style: none;
}
#pt-notifications .mw-echo-notifications-badge.mw-echo-unread-notifications {
	background-color: #cc0000;
}
#pt-notifications .mw-echo-notifications-badge.mw-echo-unread-notifications:hover {
	background-color: #bf0000;
}
-												Switch to using our own badge instead of jQuery.badge

With this change we will no longer be relying on JS for the badge
functionality. This will prevent the flash of unstyled content,
and allow wikis to locally override the styling (since the unread
class is now applied immediately).

I also went ahead and made the badge styling more closely match the
talk page message alert styling per Vibha.

Also removed the old full link optional behavior since we weren't
using it, and it would have been a pain to maintain.

Bug: 48165
Bug: 48001
Change-Id: Ie85d66afd5181d487d0bb2776ae14b121ea50d88

											
										
										
											2013-05-15 23:10:49 +00:00
+								/* We have to include the #pt-notifications selector due to monobook */
 								#pt-notifications .mw-echo-notifications-badge {
 									min-width: 7px;
 									border-radius: 2px;
-												Slightly reducing badge and alert sizes

Change-Id: If3c93582dbbdcab14b10ad9fe2926dcc94186756

											
										
										
											2013-05-23 18:59:20 +00:00
+									padding: 0.25em 0.45em 0.2em 0.45em;
-												Switch to using our own badge instead of jQuery.badge

With this change we will no longer be relying on JS for the badge
functionality. This will prevent the flash of unstyled content,
and allow wikis to locally override the styling (since the unread
class is now applied immediately).

I also went ahead and made the badge styling more closely match the
talk page message alert styling per Vibha.

Also removed the old full link optional behavior since we weren't
using it, and it would have been a pain to maintain.

Bug: 48165
Bug: 48001
Change-Id: Ie85d66afd5181d487d0bb2776ae14b121ea50d88

											
										
										
											2013-05-15 23:10:49 +00:00
+									margin-left: -4px;
 									text-align: center;
 									background-color: #d2d2d2;
 									font-weight: bold;
 									color: white;
 									text-shadow: 0 1px rgba(0, 0, 0, 0.4);
 									cursor: pointer;
 								}
-												Echo: Better support for non-default skins, as well as no Javascript

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

											
										
										
											2013-06-02 20:04:29 +00:00
+								#pt-notifications .mw-echo-notifications-badge:hover,
 								#pt-notifications .mw-echo-notifications-badge:active,
 								#pt-notifications .mw-echo-notifications-badge:focus {
-												Switch to using our own badge instead of jQuery.badge

With this change we will no longer be relying on JS for the badge
functionality. This will prevent the flash of unstyled content,
and allow wikis to locally override the styling (since the unread
class is now applied immediately).

I also went ahead and made the badge styling more closely match the
talk page message alert styling per Vibha.

Also removed the old full link optional behavior since we weren't
using it, and it would have been a pain to maintain.

Bug: 48165
Bug: 48001
Change-Id: Ie85d66afd5181d487d0bb2776ae14b121ea50d88

											
										
										
											2013-05-15 23:10:49 +00:00
+									background-color: #c2c2c2;
-												Suppressing underline on hover for notification badge

Change-Id: I663c5f0d1f03bc8159579892a7d313a535ec48d3

											
										
										
											2013-05-30 22:45:16 +00:00
+									text-decoration: none;
-												Echo: Better support for non-default skins, as well as no Javascript

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

											
										
										
											2013-06-02 20:04:29 +00:00
+									outline: none;
 									-moz-outline-style: none;
-												Switch to using our own badge instead of jQuery.badge

With this change we will no longer be relying on JS for the badge
functionality. This will prevent the flash of unstyled content,
and allow wikis to locally override the styling (since the unread
class is now applied immediately).

I also went ahead and made the badge styling more closely match the
talk page message alert styling per Vibha.

Also removed the old full link optional behavior since we weren't
using it, and it would have been a pain to maintain.

Bug: 48165
Bug: 48001
Change-Id: Ie85d66afd5181d487d0bb2776ae14b121ea50d88

											
										
										
											2013-05-15 23:10:49 +00:00
+								}
 								#pt-notifications .mw-echo-notifications-badge.mw-echo-unread-notifications {
 									background-color: #cc0000;
 								}
 								#pt-notifications .mw-echo-notifications-badge.mw-echo-unread-notifications:hover {
 									background-color: #bf0000;
 								}