MediaWiki:Common.css: Difference between revisions
No edit summary |
m move create page section to be closer to wip |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/** Category Page **/ | /** Category Page **/ | ||
| Line 123: | Line 73: | ||
} | } | ||
} | } | ||
/** ---------------- **/ | /** -------------------------------- **/ | ||
/** Templates **/ | /** Templates **/ | ||
| Line 206: | Line 156: | ||
} | } | ||
} | } | ||
/** -------------------------------- **/ | |||
/** Create page **/ | |||
.createPageInput { | |||
padding: 1rem; | |||
border: 2px solid var(--border-color-base, #a2a9b1); | |||
background-color: var(--background-color-interactive-subtle, #f8f9fa); | |||
cursor: pointer; | |||
border-radius: 8px; | |||
} | |||
.pageInputActive { | |||
border-color: var(--border-color-progressive--focus, #36c); | |||
box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c); | |||
background-color: var(--background-color-interactive-subtle--active, #fff); | |||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night .pageInputActive { | |||
border: 2px solid var( --color-base--hover, #404244 ); | |||
background-color: #101418 | |||
} | |||
} | |||
@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: #101418 | |||
} | |||
} | |||
@media (hover: hover) { | |||
.createPageInput:hover{ | |||
border: 2px solid var( --color-base--hover, #404244 ); | |||
background-color: var( --background-color-interactive-subtle--active, #fff ); | |||
} | |||
html.skin-theme-clientpref-night .createPageInput:hover{ | |||
border: 2px solid var( --color-base--hover, #404244 ); | |||
background-color: #101418 | |||
} | |||
} | |||
@media (hover: hover) and (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .createPageInput:hover{ | |||
border: 2px solid var( --color-base--hover, #404244 ); | |||
background-color: #101418 | |||
} | |||
} | |||
/* Work in progress */ | /* Work in progress */ | ||