Issue 2108 - hreflang ads extra flag after migration from Anwiki to CMS

anwiki/_override-static/global/global/css/main.css

 *
 {
   font-family: Arial, sans;
   font-size: 16px;
 }
 
 body
 {
   background-color: #f8f6f2;
   background-image: url(../img/background.png);
@@ skipping 201 matching lines @@
 #flag-zh_CN
 {
   background-position: -51px -24px;
 }
 
 #flag-zh_TW
 {
   background-position: -68px -24px;
 }
 
-a[hreflang="de"]:not(:lang(de)):after,
-a[hreflang="en"]:not(:lang(en)):after
+a[hreflang="de"]:not(:lang(de)):not(#language-selector a):after,
+a[hreflang="en"]:not(:lang(en)):not(#language-selector a):after

[Wladimir Palant, 2015/04/08 12:29:12]

While it will work for this particular flag, wouldn't it make sense to limit
this selector to the content area altogether? Meaning something like:

#content a[hreflang="de"]:not(:lang(de)):after

[saroyanm, 2015/04/08 12:32:50]

Unfortunately not, because we show flag also for header menu items (ex.: About,
Features, contribution) if the page is not translated for the current language.

[Wladimir Palant, 2015/04/08 12:37:02]

I see, too bad. However, per specification :not() only allows simple selectors -
meaning that :not(#language-selector a) isn't valid, even though it might work
in some browsers. How about:

#language-selector a:after
{
  display: none;
}

[saroyanm, 2015/04/08 12:42:20]

Yes definitely, good point.
Updated.

 {
   display: inline-block;
   width: 16px;
   height: 11px;
   background-image: url(../img/sprite-flags.png);
   content: "";
   margin-left: 2px;
 }
 
-a[hreflang="de"]:not(:lang(de)):after
+a[hreflang="de"]:not(:lang(de)):not(#language-selector a):after
 {
   background-position: -34px 0px;
 }
 
-a[hreflang="en"]:not(:lang(en)):after
+a[hreflang="en"]:not(:lang(en)):not(#language-selector a):after
 {
   background-position: -51px 0px;
 }
 
 #logo
 {
   position: absolute;
   width: 128px;
   height: 128px;
   background-position: -83px -83px;
@@ skipping 125 matching lines @@
 
 div.animation[started="false"]
 {
   cursor: pointer;
 }
 
 div.animation[started="true"]
 {
   -moz-user-select: none;
 }