MediaWiki:Common.css: Difference between revisions

mNo edit summary
mNo edit summary
Line 9: Line 9:


.cat-but:active{
.cat-but:active{
   border-color: var( --color-base--active, #404244 );
   border-color: var( --color-base--active, #404244 ) !important;
  background-color:var( --background-color-interactive-subtle--active, #fff );
}
}


@media screen {
@media screen {
   html.skin-theme-clientpref-night .cat-but:active{
   html.skin-theme-clientpref-night .cat-but:active{
     border: 2px solid var( --color-base--hover, #404244 );
     border: 2px solid var( --color-base--hover, #404244 ) !important;
    background-color: #101418
   }
   }
}
}
Line 23: Line 21:
   /* automatic mode */
   /* automatic mode */
   html.skin-theme-clientpref-os .cat-but:active {
   html.skin-theme-clientpref-os .cat-but:active {
     border: 2px solid var( --color-base--hover, #404244 );
     border: 2px solid var( --color-base--hover, #404244 ) !important;
    background-color: #101418
   }
   }
}
}
Line 30: Line 27:
@media (hover: hover) {
@media (hover: hover) {
   .cat-but:hover{
   .cat-but:hover{
     border-color: var( --color-base--hover, #404244 );
     border-color: var( --color-base--hover, #404244 ) !important;
    background-color: var( --background-color-interactive-subtle--active, #fff );
     }
     }
    
    
   html.skin-theme-clientpref-night .cat-but:hover{
   html.skin-theme-clientpref-night .cat-but:hover{
     border: 2px solid var( --color-base--hover, #404244 );
     border: 2px solid var( --color-base--hover, #404244 ) !important;
    background-color: #101418;
   }
   }
}
}
@media (hover: hover) and (prefers-color-scheme: dark) {
@media (hover: hover) and (prefers-color-scheme: dark) {
   html.skin-theme-clientpref-os .cat-but:hover{
   html.skin-theme-clientpref-os .cat-but:hover{
     border: 2px solid var( --color-base--hover, #404244 );
     border: 2px solid var( --color-base--hover, #404244 ) !important;
    background-color: #101418;
   }
   }
}
}