MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 8: Line 8:
     border:2px solid var(--border-color-base, #a2a9b1);  
     border:2px solid var(--border-color-base, #a2a9b1);  
     background-color: var(--background-color-interactive-subtle, #f8f9fa);
     background-color: var(--background-color-interactive-subtle, #f8f9fa);
}
}
.pageInputActive{
.pageInputActive{
     border: 2px solid var( --color-base--hover, #404244 );
     border: 2px solid var( --color-base--hover, #404244 );
     background-color: var( --background-color-interactive-subtle--active, #999 );
     background-color: var( --background-color-interactive-subtle--active, #eee );
}
}
@media screen {
html.skin-theme-clientpref-night .pageInputActive {
border: 2px solid var( --color-base--hover, #404244 );
background-color: var( --background-color-interactive-subtle--active, #000 );
}
}
@media screen and (prefers-color-scheme: dark) {
/* automatic mode */
html.skin-theme-clientpref-os .pageInputActive {
border: 2px solid var( --color-base--hover, #404244 );
background-color: var( --background-color-interactive-subtle--active, #000 );
}
}
@media (hover: hover) {
@media (hover: hover) {
     .createPageInput:hover{
     .createPageInput:hover{
       border: 2px solid var( --color-base--hover, #404244 );
       border: 2px solid var( --color-base--hover, #404244 );
       background-color: var( --background-color-interactive-subtle--active, #999 );
       background-color: var( --background-color-interactive-subtle--active, #eee );
    }
}
 
@media (hover: hover) and (prefers-color-scheme: dark) {
    .createPageInput:hover{
      border: 2px solid var( --color-base--hover, #404244 );
      background-color: var( --background-color-interactive-subtle--active, #000 );
     }
     }
}
}
/** Category Page **/
/** Category Page **/