www

commit c3499ecc9a48f8bb90fa2c8b689b7de950100086
parent 6a40d4bbb2fa19db0d46f40d2bffecc41d1158d6
Author: Suzanne Soy <github@suzanne.soy>
Date:   Sun, 18 Oct 2020 06:29:23 +0100

Cleanup, removed the bogus separator around watch/unwatch, as well as some backgrounds and a superfluous separators for a lighter style, proper positioning for the "watch" star

Diffstat:
M
style.css
 | 
46
++++++++++++++--------------------------------

1 file changed, 14 insertions(+), 32 deletions(-)
diff --git a/style.css b/style.css
@@ -114,42 +114,21 @@ ul {
 	transition: opacity 0.5s ease-in-out;
 }
 
-/* #ca-unwatch > *{ */
-/* 	opacity: 0; */
-/* 	-webkit-transition: opacity 0.5s ease-in-out; */
-/* 	-moz-transition: opacity 0.5s ease-in-out; */
-/* 	transition: opacity 0.5s ease-in-out; */
-/* } */
-
-/* #mw-navigation:hover #ca-unwatch > *{ */
-/* 	opacity: 1; */
-/* 	-webkit-transition: opacity 0.5s ease-in-out; */
-/* 	-moz-transition: opacity 0.5s ease-in-out; */
-/* 	transition: opacity 0.5s ease-in-out; */
-/* } */
-
 #ca-unwatch {
   background: none;
 }
 
 #ca-unwatch a:before{
   background-image: linear-gradient(transparent,transparent),url(/w/skins/Vector/resources/skins.vector.styles/images/unwatch-icon.svg?3de3e);
-    width:16px;
-    height:16px;
-    content: "";
-    /* position: absolute; */
-    /* top:2ex; */
-    /* right:2ex; */
-    /* opacity: 0.3; */
-    /* -webkit-transition: opacity 0.5s ease-in-out; */
-    /* -moz-transition: opacity 0.5s ease-in-out; */
-    /* transition: opacity 0.5s ease-in-out; */
-}
-
-#mw-navigation #ca-unwatch a:before {
+  width:16px;
+  height:16px;
+  content: "";
+}
+
+#mw-navigation #ca-unwatch a:before, #mw-navigation #ca-watch a:before {
   content: "";
   opacity: 0;
-  height: 1.6em;
+  height: 1.8em;
   -webkit-transition: opacity 0.3s ease-in-out;
   -moz-transition: opacity 0.3s ease-in-out;
   transition: opacity 0.3s ease-in-out;
@@ -176,9 +155,12 @@ ul {
  transition-delay: 0.25s;
 }
 
-#ca-unwatch a {
- color:transparent; /* hide the text */
- background: none;
+#ca-unwatch a, #ca-watch a {
+ color:transparent;
+ background:none;
+}
+#ca-talk, #ca-talk a, #p-namespaces {
+  background: none;
 }
 
 #mw-navigation:hover #ca-unwatch a:after {
@@ -188,7 +170,7 @@ ul {
    transition: opacity 0.2s ease-in-out;
 }
 
-#mw-navigation:hover #left-navigation, #mw-navigation:hover #ca-view, #mw-navigation:hover #ca-history, #mw-navigation:hover #ca-watch, #mw-navigation:hover #p-cactions, #featured-star:hover, .topicon:hover, #mw-navigation:hover #ca-unwatch a:before{
+#mw-navigation:hover #left-navigation, #mw-navigation:hover #ca-view, #mw-navigation:hover #ca-history, #mw-navigation:hover #ca-watch, #mw-navigation:hover #p-cactions, #featured-star:hover, .topicon:hover, #mw-navigation:hover #ca-unwatch a:before, #mw-navigation #ca-watch a:before {
 	opacity: 0.55;
 	-webkit-transition: opacity 0.5s ease-in-out;
 	-moz-transition: opacity 0.5s ease-in-out;