X-Git-Url: https://scripts.mit.edu/gitweb/autoinstallsdev/mediawiki.git/blobdiff_plain/19e297c21b10b1b8a3acad5e73fc71dcb35db44a..6932310fd58ebef145fa01eb76edf7150284d8ea:/skins/vector/components/watchstar.less

diff --git a/skins/vector/components/watchstar.less b/skins/vector/components/watchstar.less
new file mode 100644
index 00000000..17bcbd73
--- /dev/null
+++ b/skins/vector/components/watchstar.less
@@ -0,0 +1,48 @@
+@import 'mediawiki.mixins.rotation';
+
+/* Watch/Unwatch Icon Styling */
+#ca-unwatch.icon a,
+#ca-watch.icon a {
+	margin: 0;
+	padding: 0;
+	display: block;
+	width: 26px;
+	/* This hides the text but shows the background image */
+	padding-top: 3.1em;
+	margin-top: 0;
+	/* Only applied in IE6 */
+	_margin-top: -0.8em;
+	height: 0;
+	overflow: hidden;
+	background-position: 5px 60%;
+}
+#ca-unwatch.icon a {
+	.background-image-svg( 'images/unwatch-icon.svg', 'images/unwatch-icon.png' );
+}
+#ca-watch.icon a {
+	.background-image-svg( 'images/watch-icon.svg', 'images/watch-icon.png' );
+}
+#ca-unwatch.icon a:hover,
+#ca-unwatch.icon a:focus {
+	.background-image-svg( 'images/unwatch-icon-hl.svg', 'images/unwatch-icon-hl.png' );
+}
+#ca-watch.icon a:hover,
+#ca-watch.icon a:focus {
+	.background-image-svg( 'images/watch-icon-hl.svg', 'images/watch-icon-hl.png' );
+}
+#ca-unwatch.icon a.loading,
+#ca-watch.icon a.loading {
+	.background-image-svg( 'images/watch-icon-loading.svg', 'images/watch-icon-loading.png' );
+	.rotation( 700ms );
+	/* Suppress the hilarious rotating focus outline on Firefox */
+	outline: 0;
+	cursor: default;
+	pointer-events: none;
+	background-position: 50% 60%;
+	-webkit-transform-origin: 50% 57%;
+	transform-origin: 50% 57%;
+}
+#ca-unwatch.icon a span,
+#ca-watch.icon a span {
+	display: none;
+}