MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* === FALLBACK PREMENNÉ pre vanilla MediaWiki (Vector) === */ | |||
/* Fandom CSS používa veľa var() premenných, ktoré tu normálne nie sú. | |||
Tieto fallbacky zabezpečia, že farby a pozadia fungujú aj bez Fandom platformy. */ | |||
:root { | |||
/* “theme” fallbacky používané v tvojom CSS */ | |||
--theme-page-background-color: #0a0a0a; | |||
--theme-page-background-color--secondary: #111111; | |||
--theme-page-background-color--rgb: 10,10,10; | |||
--theme-page-text-color: #ffffff; | |||
--theme-border-color: #FCEE0A; | |||
--theme-link-color: #29FFFF; | |||
--theme-link-color--rgb: 41,255,255; | |||
/* Cyberpunk wiki farby – nech sú dostupné aj keď sa netrafí body.theme-fandomdesktop-* */ | |||
--cyberpunkwiki-background-color: #000000; | |||
--cyberpunkwiki-background-color-alt: #111111; | |||
--cyberpunkwiki-border-color: #FCEE0A; | |||
--cyberpunkwiki-border-color--secondary: #29FFFF; | |||
--cyberpunkwiki-text-color: #FFFFFF; | |||
--cyberpunkwiki-link-color: #29FFFF; | |||
--cyberpunkwiki-accent-color: #FCEE0A; | |||
--cyberpunkwiki-accent-color--secondary: #29FFFF; | |||
/* H2 underline assets (fallback ak Fandom URL nebeží) – môžeš zmeniť na lokálne súbory neskôr */ | |||
--cyberpunkwiki-h2-background-image: url("https://static.wikia.nocookie.net/cyberpunk/images/b/ba/Cyberpunk_2077_header_bottom.svg"); | |||
--cyberpunkwiki-main-box: url("https://static.wikia.nocookie.net/cyberpunk/images/0/0e/Cyberpunk_2077_yellow_box.svg"); | |||
--cyberpunkwiki-main-box-alt: url("https://static.wikia.nocookie.net/cyberpunk/images/0/00/Cyberpunk_2077_dark_gray_box.svg"); | |||
} | |||
/* === Aplikuj farby pre Vector skin (desktop) === */ | |||
.skin-vector body { | |||
color: var(--cyberpunkwiki-text-color); | |||
background: var(--cyberpunkwiki-background-color); | |||
} | |||
.skin-vector a, | |||
.skin-vector a:visited { | |||
color: var(--cyberpunkwiki-link-color); | |||
text-decoration: var(--theme-link-decoration, none); | |||
} | |||
.skin-vector .mw-body, | |||
.skin-vector .mw-workspace-container { | |||
background: var(--theme-page-background-color); | |||
} | |||
.skin-vector hr { | |||
border-color: var(--cyberpunkwiki-border-color); | |||
color: var(--cyberpunkwiki-border-color); | |||
} | |||
/* H2 underline efekt, aby fungoval aj bez Fandom tried */ | |||
.skin-vector .page-content h2:not(.all-maps__empty-title), | |||
.skin-vector .pi-header { | |||
background-image: var(--cyberpunkwiki-h2-background-image); | |||
background-repeat: no-repeat; | |||
background-position: 25% 105%; | |||
background-size: 100% 10px; | |||
color: var(--cyberpunkwiki-accent-color--secondary); | |||
border-bottom: none; | |||
line-height: 1.2; | |||
font-family: BlenderProBold, sans-serif; | |||
overflow: auto; | |||
} | |||
/* Transparentnejší content ako na Fandome */ | |||
.skin-vector .page__main { | |||
background-color: rgba(var(--theme-page-background-color--rgb), 0.9); | |||
} | |||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||