|
|
| (86 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* === FALLBACK PREMENNÉ pre vanilla MediaWiki (Vector) === */ | | /* === OPTIMALIZOVANÉ CSS PRE MEDIAWIKI CYBERPUNK WIKI === */ |
| /* 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. */
| | /* === CSS PREMENNÉ === */ |
| :root { | | :root { |
| /* “theme” fallbacky používané v tvojom CSS */ | | /* Základné farby */ |
| --theme-page-background-color: #0a0a0a; | | --bg-primary: #0a0a0a; |
| --theme-page-background-color--secondary: #111111; | | --bg-secondary: #111111; |
| --theme-page-background-color--rgb: 10,10,10; | | --bg-tertiary: #1a1a1a; |
| --theme-page-text-color: #ffffff; | | --text-primary: #ffffff; |
| --theme-border-color: #FCEE0A; | | --text-secondary: #e0e0e0; |
| --theme-link-color: #29FFFF; | | --text-muted: #cfcfcf; |
| --theme-link-color--rgb: 41,255,255;
| |
|
| |
|
| /* Cyberpunk wiki farby – nech sú dostupné aj keď sa netrafí body.theme-fandomdesktop-* */ | | /* Cyberpunk farby */ |
| --cyberpunkwiki-background-color: #000000; | | --accent-yellow: #FCEE0A; |
| --cyberpunkwiki-background-color-alt: #111111;
| | --accent-cyan: #29FFFF; |
| --cyberpunkwiki-border-color: #FCEE0A;
| | --link-color: #39d1ff; |
| --cyberpunkwiki-border-color--secondary: #29FFFF; | | --link-visited: #a0a0ff; |
| --cyberpunkwiki-text-color: #FFFFFF; | | --border-color: #2b2b2b; |
| --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 */ | | /* Grafické assets */ |
| --cyberpunkwiki-h2-background-image: url("https://static.wikia.nocookie.net/cyberpunk/images/b/ba/Cyberpunk_2077_header_bottom.svg"); | | --h2-bg-image: url("/mediawiki/images/d/df/CP2077_header_bottom.svg"); |
| --cyberpunkwiki-main-box: url("https://static.wikia.nocookie.net/cyberpunk/images/0/0e/Cyberpunk_2077_yellow_box.svg"); | | --main-box: url("/mediawiki/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"); | | --main-box-alt: url("/mediawiki/images/0/00/Cyberpunk_2077_dark_gray_box.svg"); |
| | --infobox-bg: url("/mediawiki/images/e/e6/Cyberpunk_2077_vertical_edge.svg"); |
| | |
| | /* Cyberpunk table farba */ |
| | --cp-yellow: #ffff00; /* čistá žltá */ |
| } | | } |
|
| |
|
| /* === Aplikuj farby pre Vector skin (desktop) === */ | | /* === FONT FACES === */ |
| .skin-vector body {
| | @font-face { |
| color: var(--cyberpunkwiki-text-color); | | font-family: "Rajdhani"; |
| background: var(--cyberpunkwiki-background-color); | | font-weight: 400; |
| | font-display: swap; |
| | src: url('wiki/Special:FilePath/Rajdhani-Regular.ttf') format("opentype"); |
| } | | } |
| .skin-vector a,
| | @font-face { |
| .skin-vector a:visited {
| | font-family: "Orbitron"; |
| color: var(--cyberpunkwiki-link-color); | | font-weight: 400; |
| text-decoration: var(--theme-link-decoration, none); | | font-display: swap; |
| | src: url('wiki/Special:FilePath/Orbitron.ttf') format("opentype"); |
| } | | } |
| .skin-vector .mw-body,
| | @font-face { |
| .skin-vector .mw-workspace-container {
| | font-family: "BlenderProBook"; |
| background: var(--theme-page-background-color); | | font-weight: 400; |
| | font-display: swap; |
| | src: url('wiki/Special:FilePath/BlenderPro-Book.ttf') format("opentype"); |
| } | | } |
| .skin-vector hr {
| | @font-face { |
| border-color: var(--cyberpunkwiki-border-color); | | font-family: "BlenderProBold"; |
| color: var(--cyberpunkwiki-border-color); | | font-weight: 700; |
| }
| | font-display: swap; |
| | | src: url('wiki/Special:FilePath/BlenderPro-Bold.ttf') format("opentype"); |
| /* 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 */ | | /* === IMPORTS === */ |
| /** Tables of Contents
| |
| *
| |
| * 1. FANDOM FIXES
| |
| * - Section for the skin and other things
| |
| * 2. Portable Infoboxes
| |
| * 2. Tabber
| |
| * 4. CYBERPUNK WIKI - ACTUAL SITE CSS
| |
| * - Templates, templates, templates
| |
| *
| |
| **/
| |
| | |
| /* Local Imports */
| |
| /* @import url("/load.php?mode=articles&articles=MediaWiki:CustomNavigation.css|MediaWiki:CustomTables.css|MediaWiki:CustomTemplates.css|MediaWiki:Netpages2077.css&only=styles"); */
| |
| @import url("/mediawiki/index.php?title=MediaWiki:CustomNavigation.css&action=raw&ctype=text/css"); | | @import url("/mediawiki/index.php?title=MediaWiki:CustomNavigation.css&action=raw&ctype=text/css"); |
| @import url("/mediawiki/index.php?title=MediaWiki:CustomTables.css&action=raw&ctype=text/css"); | | @import url("/mediawiki/index.php?title=MediaWiki:CustomTables.css&action=raw&ctype=text/css"); |
| Line 85: |
Line 60: |
| @import url("/mediawiki/index.php?title=MediaWiki:Netpages2077.css&action=raw&ctype=text/css"); | | @import url("/mediawiki/index.php?title=MediaWiki:Netpages2077.css&action=raw&ctype=text/css"); |
|
| |
|
| | | /* === ZÁKLADNÉ ŠTÝLY === */ |
| | | html, body { |
| /* Declare Custom Fonts */ | | background: var(--bg-primary) !important; |
| @font-face {
| | color: var(--text-primary) !important; |
| font-family: "Rajdhani";
| |
| font-style: normal;
| |
| font-weight: 400;
| |
| src: url('wiki/Special:FilePath/Rajdhani-Regular.ttf') format("opentype");
| |
| } | | } |
| | | .mw-body, .mw-body-content, #content { |
| @font-face {
| | background: var(--bg-primary) !important; |
| font-family: "Orbitron";
| | color: var(--text-primary) !important; |
| font-style: normal;
| | max-width: 1080px !important; |
| font-weight: 400;
| | margin: 0 auto !important; |
| src: url('wiki/Special:FilePath/Orbitron.ttf') format("opentype");
| | padding-left: 15px !important; |
| | box-shadow: 0 0 0 1px #222, 0 10px 40px rgba(0,0,0,.4); |
| } | | } |
|
| |
|
| @font-face {
| | /* === NAVIGÁCIA A PANELY === */ |
| font-family: "BlenderProBook";
| | #mw-head, #left-navigation, #right-navigation, |
| font-style: normal;
| | #mw-page-base, #mw-head-base, #mw-navigation, |
| font-weight: 400;
| | .vector-sticky-header { |
| src: url('wiki/Special:FilePath/BlenderPro-Book.ttf') format("opentype");
| | background: var(--bg-primary) !important; |
| | border-color: #222 !important; |
| } | | } |
| | | #mw-panel, #mw-panel .portal, #mw-panel .portal .body, |
| @font-face {
| | #p-logo, #p-logo a { |
| font-family: "BlenderProBold";
| | background: var(--bg-secondary) !important; |
| font-style: normal;
| | color: var(--text-muted) !important; |
| font-weight: 700;
| |
| src: url('wiki/Special:FilePath/BlenderPro-Bold.ttf') format("opentype");
| |
| } | | } |
|
| |
|
| /* Styling for Dark Theme (Cyberpunk 2077) */ | | /* === ODKAZY === */ |
| body.theme-fandomdesktop-dark {
| | a { color: var(--link-color) !important; text-decoration: none; transition: color .16s ease; } |
| --cyberpunkwiki-background-color: #000000;
| | a:visited { color: var(--link-visited) !important; } |
| --cyberpunkwiki-background-color-alt: #111111;
| | .mw-body-content a:hover, .mw-body-content a:focus { color: var(--accent-yellow) !important; } |
| --cyberpunkwiki-background-color--secondary: #222222;
| |
| --cyberpunkwiki-background-color--tertiary: #333333;
| |
| --cyberpunkwiki-border-color: #FCEE0A;
| |
| --cyberpunkwiki-border-color--secondary: #29FFFF;
| |
| --cyberpunkwiki-border-color--tertiary: #29FFFF;
| |
| --cyberpunkwiki-text-color: #FFFFFF;
| |
| --cyberpunkwiki-text-color--secondary: #000000;
| |
| --cyberpunkwiki-text-color--tertiary: #111111;
| |
| --cyberpunkwiki-link-color: #29FFFF;
| |
| --cyberpunkwiki-accent-color: #FCEE0A;
| |
| --cyberpunkwiki-accent-color--secondary: #29FFFF;
| |
| --cyberpunkwiki-accent-color--tertiary: #29FFFF;
| |
|
| |
|
| /* Navbox & Tables */
| | /* === NADPISY === */ |
| --table-title-color: #000000;
| | h1, h2, h3, h4, h5, h6 { |
| --table-title-font-color: #FFFFFF;
| | color: var(--accent-yellow) !important; |
| --table-group-color: #000000;
| | border-bottom: 1px solid #333 !important; |
| --table-subgroup-color: #000000;
| | font-family: BlenderProBold, sans-serif; |
| --table-subgroup-group-color: #000000;
| | } |
| | | .firstHeading { |
| /* Infobox */
| | background: |
| --cyberpunkwiki-navbox-border-color: #FCEE0A;
| | var(--hero-image, url(/mediawiki/images/e/e6/Site-logo.png)) left center / 120px auto no-repeat, |
| --cyberpunkwiki-navbox-background-color: #000000;
| | linear-gradient(90deg, var(--bg-primary) 0%, #171717 60%, var(--bg-tertiary) 100%); |
| --cyberpunkwiki-infobox-background: url("https://static.wikia.nocookie.net/cyberpunk/images/e/e6/Cyberpunk_2077_vertical_edge.svg");
| | padding-left: 140px; |
| /* Infobox Stat Bar */
| | margin: .25rem 0 1.0rem 0 !important; |
| --cyberpunkwiki-pi-stat-bar-value: #FFFFFF;
| | border-left: 4px solid var(--accent-yellow); |
| --cyberpunkwiki-pi-stat-bar-bg: #FFFFFF40;
| |
| --cyberpunkwiki-pi-stat-bar-bg2: rgba(255,255,255,0.25);
| |
| --cyberpunkwiki-pi-stat-bar-min-bg: #FCEE0A;
| |
| --cyberpunkwiki-pi-stat-bar-max-bg: #FFFFFF80;
| |
| --cyberpunkwiki-pi-stat-bar-max-bg2: rgba(255,255,255,0.5);
| |
| | |
| /* Misc */
| |
| --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");
| |
| | |
| --theme-page-background-color--secondary: #222222; /* change Fandom's default secondary background to match better with the Cyberpunk Wiki's theme */
| |
| --theme-border-color: #FCEE0A; /* change Fandom's default border color to match better with the Cyberpunk Wiki's theme */
| |
| --theme-link-decoration: none;
| |
| --cyberpunkwiki-database-font-color: #F75049;
| |
| --cyberpunkwiki-database-title-color: #5EF6FF;
| |
| --cyberpunkwiki-icon-color: brightness(0) invert(84%) sepia(99%) saturate(2195%) hue-rotate(128deg) brightness(108%) contrast(101%);
| |
|
| |
| /* variables for Template:CompMsg */
| |
| --cyberpunkwiki-comp-color: #29FFFF;
| |
| --cyberpunkwiki-comp-alt-color: #008B8B;
| |
| --cyberpunkwiki-comp-transcript-color: #FFFFFF;
| |
| } | | } |
| /* Styling for Light Theme (Cyberpunk RED) */
| | .page-content h2:not(.all-maps__empty-title), .pi-header { |
| body.theme-fandomdesktop-light {
| | background-image: var(--h2-bg-image); |
| --cyberpunkwiki-background-color: #FFFFFF;
| | background-repeat: no-repeat; |
| --cyberpunkwiki-background-color-alt: #FFD6C7;
| | background-position: 25% 105%; |
| --cyberpunkwiki-background-color--secondary: #F5F6F6;
| | background-size: 100% 10px; |
| --cyberpunkwiki-background-color--tertiary: #F5F6F6;
| | line-height: 1.2; |
| --cyberpunkwiki-border-color: #E4321B;
| | color: var(--accent-cyan); |
| --cyberpunkwiki-border-color--secondary: #E4321B;
| | border-bottom: none; |
| --cyberpunkwiki-border-color--tertiary: #E4321B;
| | overflow: auto; |
| --cyberpunkwiki-text-color: #000000;
| |
| --cyberpunkwiki-text-color--secondary: #FFFFFF;
| |
| --cyberpunkwiki-text-color--tertiary: #222222;
| |
| --cyberpunkwiki-link-color: #E4321B;
| |
| --cyberpunkwiki-accent-color: #E4321B;
| |
| --cyberpunkwiki-accent-color--secondary: #E4321B;
| |
| --cyberpunkwiki-accent-color--tertiary: #E4321B;
| |
| | |
| /* Navbox & Tables */
| |
| --table-title-color: #E4321B;
| |
| --table-title-font-color: #000000;
| |
| --table-group-color: #E4321B;
| |
| --table-subgroup-color: #FFFFFF;
| |
| --table-subgroup-group-color: #FFD6C7;
| |
|
| |
| /* Infobox */
| |
| --cyberpunkwiki-navbox-border-color: #E4321B;
| |
| --cyberpunkwiki-navbox-background-color: #FFD6C7;
| |
| --cyberpunkwiki-infobox-background: url("https://static.wikia.nocookie.net/cyberpunk/images/7/7e/Cyberpunk_RED_vertical_edge.svg");
| |
| /* Infobox Stat Bar */
| |
| --cyberpunkwiki-pi-stat-bar-value: #FFFFFF;
| |
| --cyberpunkwiki-pi-stat-bar-bg: #FFFFFF40;
| |
| --cyberpunkwiki-pi-stat-bar-bg2: rgba(255,255,255,0.25);
| |
| --cyberpunkwiki-pi-stat-bar-min-bg: #E4321B;
| |
| --cyberpunkwiki-pi-stat-bar-max-bg: #FFFFFF80;
| |
| --cyberpunkwiki-pi-stat-bar-max-bg2: rgba(255,255,255,0.5);
| |
| | |
| /* Misc */
| |
| --cyberpunkwiki-h2-background-image: url("https://static.wikia.nocookie.net/cyberpunk/images/d/d8/Cyberpunk_RED_header_bottom.svg");
| |
| --cyberpunkwiki-main-box: url("https://static.wikia.nocookie.net/cyberpunk/images/b/be/Cyberpunk_RED_vivid_red_box.svg");
| |
| --cyberpunkwiki-main-box-alt: url("https://static.wikia.nocookie.net/cyberpunk/images/8/80/Cyberpunk_RED_pale_orange_box.svg");
| |
|
| |
| --theme-page-background-color--secondary: #FFD6C7; /* change Fandom's default secondary background to match better with the Cyberpunk Wiki's theme */
| |
| --theme-border-color: #E4321B; /* change Fandom's default border color to match better with the Cyberpunk Wiki's theme */
| |
| --cyberpunkwiki-database-font-color: #F75049;
| |
| --cyberpunkwiki-database-title-color: #5EF6FF;
| |
| --cyberpunkwiki-icon-color: brightness(0) invert(17%) sepia(96%) saturate(4997%) hue-rotate(3deg) brightness(105%) contrast(79%);
| |
|
| |
| /* variables for Template:CompMsg */
| |
| --cyberpunkwiki-comp-color: #8B0000;
| |
| --cyberpunkwiki-comp-alt-color: #CD5C5C;
| |
| --cyberpunkwiki-comp-transcript-color: #000000;
| |
| } | | } |
| body.theme-fandomdesktop-dark .mw-highlight { --pygments-background: var(--theme-page-background-color--secondary); }
| |
|
| |
|
| hr {
| | /* === TOC === */ |
| color: var(--cyberpunkwiki-border-color);
| | #toc, .toc { |
| | background: var(--bg-secondary) !important; |
| | border: 1px solid var(--accent-yellow) !important; |
| | border-radius: 4px; |
| | padding: .6rem .8rem !important; |
| } | | } |
| | | .tocnumber { color: var(--accent-yellow) !important; } |
| /** FANDOM FIXES **/
| | #toc ul li:hover, .toc ul li:hover { |
| /* Framework */
| | background: rgba(255,204,0,.06); |
| | | border-left: 1px solid var(--accent-yellow); |
| /* article page transparency */
| | transition: all .12s ease; |
| .page__main { background-color: rgba(var(--theme-page-background-color--rgb),0.9); } | |
| | |
| .fandom-community-header__background.cover { background-position: unset; } | |
| | |
| .page { color: var(--cyberpunkwiki-text-color); }
| |
| | |
| /* Wiki banner/header to make text more readable on graphic bg */
| |
| /** text shadow **/
| |
| .wds-tabs .first-level-item, .page-counter {
| |
| text-shadow: -1px 1px 0 #111, 1px 1px 0 #111, 1px -1px 0 #111, -1px -1px 0 #111; | |
| } | | } |
|
| |
|
| .fandom-community-header__community-name { | | /* === PORTABLE INFOBOXES === */ |
| display: none;
| | .portable-infobox { |
| | position: relative; |
| | margin-right: 5px; |
| | margin-left: 15px !important; |
| | border: 1px solid var(--accent-yellow); |
| | border-radius: 10px 0 0 10px; |
| | background-color: var(--bg-secondary); |
| | padding-bottom: 4px; |
| } | | } |
| | | .portable-infobox::after { |
| /* Add drop shadows to the wiki header elements to improve contrast */
| | content: ""; |
| .fandom-community-header__image img { | | position: absolute; |
| filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 18px #000); | | width: 6%; |
| | height: 100%; |
| | top: 0; right: 0; |
| | background-image: var(--infobox-bg); |
| | background-repeat: repeat-y; |
| | background-size: 32px 1080px; |
| } | | } |
| | | .pi-title { |
| .fandom-community-header__community-name-wrapper, | | background-color: transparent; |
| .fandom-community-header .page-counter,
| | border-radius: 10px 10px 0 0; |
| .fandom-community-header__top-container .wds-button,
| | color: var(--accent-cyan); |
| .fandom-community-header__local-navigation .first-level-item {
| | border-bottom: none; |
| filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 18px #000); | | margin-top: 5px; |
| | text-align: center; |
| | font-family: BlenderProBold, sans-serif; |
| | font-size: 1.4em; |
| } | | } |
| | | .pi-header { |
| .fandom-sticky-header { | | background-color: transparent; |
| color:#000; | | color: var(--accent-cyan); |
| | margin: 5px 15px !important; |
| | text-align: center; |
| | font-family: BlenderProBold, sans-serif !important; |
| | font-size: 1.2em !important; |
| | background-position: 0% 135% !important; |
| | text-transform: none !important; |
| } | | } |
| | | .pi-data-label { |
| .fandom-community-header__local-navigation .first-level-item a {
| | padding: 3px 5px 3px 1px; |
| color: #fff !important; | | text-align: right; |
| | border-right: 1px var(--accent-yellow) solid; |
| | color: var(--accent-cyan); |
| | text-transform: none !important; |
| } | | } |
|
| |
|
| .mainpage .page-header__title, .mainpage .page-header__separator { display: none; } /* Removing title on main page */
| | /* === TABY A SELEKTORY === */ |
| .page-footer__languages { display: none; } /* hides interwiki lang section at bottom of pages as can be accessed in dropdown at top */ | | .wds-tabs, .wds-tabs__wrapper, .wds-tabs__tab, |
| .wikia-photogallery-add { display: none; } /* hides the gallery add photo button */ | | .wds-tabs__tab-label, .wds-tabs__tab a, |
| | | .pi-tab-link, .pi-media-collection-tabs .pi-tab-link { |
| .page-content p, .page-content section { margin: 0.5em 0; } | | background: var(--bg-secondary) !important; |
| .page-content p + p { margin-top: 0; } | | color: var(--text-secondary) !important; |
| .page-content dl { margin: 0.2em 0 0.5em; } | | border: 1px solid #333 !important; |
| .page__main p+ul, .page__main p+ol { margin-top: -0.5em; }
| | box-shadow: none !important; |
| .page__main .wds-tabber p:first-of-type+ul:first-of-type, .page__main .wds-tabber p:first-of-type+ol:first-of-type { margin-top: 0; } | | text-shadow: none !important; |
| .page-content ol:not(.portable-infobox ol):not(.special),
| |
| .page-content ul:not(.cp-nav-wrapper ul):not(.hlist ul):not(.toc ul):not(.wikia-slideshow-wrapper ul):not(.plainlist ul) {
| |
| margin: 0 0 0 1.8em;
| |
| } | | } |
| .page-content ol.references { | | .wds-tabs__tab.wds-is-current .wds-tabs__tab-label, |
| margin-left: 0.9em;
| | .wds-tabs__tab[aria-selected="true"] .wds-tabs__tab-label, |
| | .pi-tab-link.is-active, .pi-tab-link.current, |
| | [role="tab"][aria-selected="true"] { |
| | background: var(--accent-yellow) !important; |
| | color: #111 !important; |
| | border: 1px solid #555 !important; |
| } | | } |
| .page-content ol.special { | | .wds-tabs__tab:hover .wds-tabs__tab-label, |
| margin-left: 2.7em;
| | .pi-tab-link:hover { |
| | background: var(--bg-tertiary) !important; |
| | color: var(--link-color) !important; |
| } | | } |
| ul.gallery {
| | |
| margin: 0; /* MAIN-28514 */
| | /* === TABUĽKY (všeobecné) === */ |
| }
| | .wikitable, table, .infobox { |
| .page-content li::marker { | | background: var(--bg-tertiary) !important; |
| color: var(--cyberpunkwiki-accent-color--secondary);
| | color: var(--text-secondary) !important; |
| | border: 1px solid #333 !important; |
| | margin-left: 15px !important; |
| } | | } |
| | | .wikitable th, .infobox th { |
| /* Content headers */
| | background: #222 !important; |
| .page-content h2:not(.all-maps__empty-title), .pi-header {
| | color: var(--accent-yellow) !important; |
| border-bottom: none;
| |
| background-image: var(--cyberpunkwiki-h2-background-image);
| |
| background-repeat: no-repeat;
| |
| background-position: 25% 105%;
| |
| background-size: 100% 10px;
| |
| line-height: 1.2;
| |
| color: var(--cyberpunkwiki-accent-color--secondary);
| |
| font-family: BlenderProBold, sans-serif;
| |
| /* text-shadow: -1px 1px 0 #111, 1px 1px 0 #111, 1px -1px 0 #111, -1px -1px 0 #111;
| |
| font-size: 18pt; */
| |
| overflow: auto; /*temporary fix for the underline overflow ~Surafbrov*/
| |
| } | | } |
| | .wikitable tr:nth-child(even) td { background: #171717 !important; } |
| | .wikitable tr:nth-child(odd) td { background: #1b1b1b !important; } |
|
| |
|
| .page-content h3, .toc .toctitle h2 { | | /* === NAVBOXY === */ |
| color: var(--cyberpunkwiki-accent-color--secondary);
| | .navbox { |
| font-family: BlenderProBold, sans-serif;
| | --navbox-bg-color: var(--bg-secondary) !important; |
| font-size: 1.25em;
| | background: var(--bg-secondary) !important; |
| }
| | border: 1px solid var(--accent-cyan) !important; |
| .page-content h4, .page-content h5, .page-content h6 {
| | color: var(--text-secondary) !important; |
| font-family: BlenderProBook, sans-serif;
| |
| font-size: 1.25em;
| |
| } | | } |
| | .navbox-title { background: #222 !important; color: var(--accent-yellow) !important; } |
| | .navbox a { color: var(--link-color) !important; } |
| | .navbox a:hover { color: var(--accent-yellow) !important; } |
|
| |
|
| .toc .toctitle h2 { | | /* === INPUTY A FORMULÁRE === */ |
| background-image: none; /* prevent h2 style from affecting the TOC box */
| | input, textarea, select, .vector-search-box-input { |
| text-transform: uppercase;
| | background: #121212 !important; |
| | color: var(--text-secondary) !important; |
| | border: 1px solid #333 !important; |
| } | | } |
| | input::placeholder, textarea::placeholder { color: #8a8a8a !important; } |
|
| |
|
| /* fixing highlighted reference issue */ | | /* === THUMBNAILY A GALÉRIE === */ |
| ol.references li:target, sup.reference:target { background-color: rgba(var(--theme-link-color--rgb),.2); }
| | .thumb, .thumbinner, .gallery, .gallerybox { |
| | | background: var(--bg-secondary) !important; |
| /* reference list to keep it from being kicked to the bottom */
| | border: 1px solid #333 !important; |
| .mw-parser-output .mw-references-wrap { clear: none; }
| |
| | |
| /* light mode fix to be darker */ /*
| |
| .theme-fandomdesktop-light .page-content h2:not(.pi-item),
| |
| .theme-fandomdesktop-light .page-content h3:not(.pi-data-label) {
| |
| text-shadow: none;
| |
| color: #000000;
| |
| } */
| |
| | |
| /** Portable Infoboxes **/
| |
| /* Eliminate border between rows */
| |
| .pi-border-color { border-top-color: transparent; }
| |
| .portable-infobox { border-top-color: var(--cyberpunkwiki-accent-color); }
| |
| | |
| /* Fix caption size */
| |
| .portable-infobox .pi-caption { font-size: 12px; }
| |
| | |
| .portable-infobox {
| |
| position: relative;
| |
| margin-right:5px;
| |
| border:1px solid var(--cyberpunkwiki-navbox-border-color);
| |
| border-radius:10px 0px 0px 10px;
| |
| background-color: var(--cyberpunkwiki-navbox-background-color);
| |
| padding-bottom:4px;
| |
| } | | } |
| | | .thumbcaption { |
| .portable-infobox ul {
| | background: #0f0f0f !important; |
| margin: 0 0 0 1em;
| | color: var(--text-muted) !important; |
| | border-top: 1px solid #333 !important; |
| } | | } |
|
| |
|
| /* fixes it so right border overlaps any infobox images */ | | /* === UTILITY CLASSES === */ |
| .portable-infobox::after { | | .divYellowBox { |
| content: "";
| | border: 3px solid transparent; |
| position: absolute;
| | border-image: var(--main-box) round; |
| width: 6%;
| | border-image-slice: 10% fill; |
| height: 100%;
| | border-image-width: 20px; |
| top: 0px;
| | margin: 10px auto; |
| right: 0px;
| | overflow: hidden; |
| background-image: var(--cyberpunkwiki-infobox-background);
| | text-align: center; |
| background-repeat: repeat-y;
| |
| background-size: 32px 1080px;
| |
| } | | } |
|
| | .divGrayBox { |
| /* edits portable infobox headers and titles to center */
| | border: 3px solid transparent; |
| #content .pi-title {
| | border-image: var(--main-box-alt) round; |
| background-color: transparent;
| | border-image-slice: 10% fill; |
| border-radius: 10px 10px 0px 0px;
| | border-image-width: 20px; |
| color: var(--cyberpunkwiki-accent-color--secondary);
| | padding: 10px; |
| border-bottom: none;
| |
| margin-top: 5px;
| |
| text-align: center;
| |
| font-family: BlenderProBold, sans-serif;
| |
| font-size: 1.4em;
| |
| background-image: none; /* prevents h2 article header from adding image to infobox headers */
| |
| } | | } |
|
| | .BlockQuote { |
| .pi-header { | | display: block; |
| background-color: transparent;
| | border: 2px solid var(--accent-yellow); |
| color: var(--cyberpunkwiki-accent-color--secondary);
| | border-radius: 10px; |
| margin: 5px 15px !important;
| | text-align: center; |
| text-align: center;
| | padding: 1em; |
| font-family: BlenderProBold, sans-serif !important;
| | overflow: hidden; |
| font-size: 1.2em !important;
| |
| background-position: 0% 135% !important; /* fixes h2 article header from adding image for infobox */
| |
| text-transform: none !important;
| |
| } | | } |
| .pi-horizontal-group .pi-header { | | |
| text-align: center;
| | /* === ŠPECIALIZOVANÉ KOMPONENTY === */ |
| | .mainpage-header { |
| | font-size: 18pt; |
| | letter-spacing: 1px; |
| | text-align: center; |
| | margin-top: 5px; |
| | background-image: var(--h2-bg-image); |
| | background-repeat: no-repeat; |
| | background-position: 50% 100%; |
| | background-size: 70% 8px; |
| | color: var(--accent-cyan); |
| | padding-bottom: 6px; |
| } | | } |
| | | .bannercurve { |
| /* captions */
| | background-color: rgba(255, 255, 255, 0.10); |
| .portable-infobox .pi-caption {
| | margin: 10px auto; |
| text-align: center;
| | border: 1px solid var(--accent-yellow); |
| line-height: 150%;
| | border-left: 4px solid var(--accent-yellow); |
| | text-align: center; |
| | color: var(--text-primary); |
| | width: auto; |
| | overflow: auto; |
| | padding: 5px; |
| } | | } |
|
| |
|
| /* caption light mode fix */ | | /* === OOUI A SPRÁVY === */ |
| .theme-fandomdesktop-light .portable-infobox .pi-caption { | | .oo-ui-panelLayout, .oo-ui-widget, |
| color: #8a8a8a;
| | .oo-ui-textInputWidget input, |
| }
| | .oo-ui-dropdownWidget-handle { |
|
| | background: var(--bg-tertiary) !important; |
| /* spacing between infobox rows */
| | color: var(--text-secondary) !important; |
| .pi-item-spacing { | | border-color: #333 !important; |
| padding: 3px !important;
| |
| }
| |
|
| |
| /* portable infobox data labels (not input fields) */
| |
| .pi-data-label { | |
| padding: 3px 5px 3px 1px;
| |
| text-align: right;
| |
| border-right:1px var(--cyberpunkwiki-accent-color) solid;
| |
| color: var(--cyberpunkwiki-accent-color--secondary);
| |
| text-transform: none !important;
| |
| } | | } |
| /* Fix stacked data labels */
| | .mw-message-box { |
| .pi-layout-stacked .pi-data-label { | | background: var(--bg-tertiary) !important; |
| text-align: left;
| | color: var(--text-secondary) !important; |
| }
| | border: 1px solid #333 !important; |
|
| | border-left: 4px solid var(--link-color) !important; |
| .pi-data-value {
| |
| padding-top: 3px;
| |
| padding-right: 1px;
| |
| } | | } |
|
| |
|
| /** smart group fix **/ | | /* === RESPONZÍVNE ÚPRAVY === */ |
| /* remove vertical borders */
| | @media only screen and (max-width: 1024px) { |
| .pi-smart-data-label, .pi-smart-data-value { | | .mainpage-header { background-size: 70% 6px; } |
| border:none !important;
| | #content h2 { background-position-y: 30px; padding-bottom: 6px; font-size: 15pt; } |
| } | | } |
|
| |
|
| .pi-smart-data-label { | | /* === PÄTIČKA === */ |
| text-align: center !important; | | #footer, .mw-footer { |
| | background: #0f0f0f !important; |
| | color: #9a9a9a !important; |
| | border-top: 1px solid #222 !important; |
| } | | } |
| | #footer a, .mw-footer a { color: #c8c8c8 !important; } |
| | #footer a:hover, .mw-footer a:hover { color: var(--accent-yellow) !important; } |
|
| |
|
| .pi-smart-group-head + .pi-smart-group-body {
| | /* === BEZPEČNOSTNÉ OVERRIDES === */ |
| margin-top: 0px !important;
| | * { border-color: currentColor; } |
| } | | hr { border: 0; border-top: 1px solid #1f1f1f !important; } |
|
| |
|
| .pi-header + .pi-smart-group { | | /* ===== Global dark background & text ===== */ |
| margin-top: 0px; | | body, #content, .mw-body, .mw-body-content, .vector-body, .vector-page-content, .mw-parser-output { |
| | background: #0a0a0a !important; |
| | color: #e6e6e6; |
| } | | } |
|
| |
|
| .pi-smart-group-head { | | /* ===== Tables, TOC, navboxes, message boxes ===== */ |
| margin-top: 0px !important; | | .mw-parser-output table, |
| | table, .wikitable, .toc, .navbox, .ambox { |
| | background: #111 !important; |
| | border-color: #333 !important; |
| } | | } |
| | | .mw-parser-output table th, |
| /* to keep right border of infobox from possibly covering up text */
| | .mw-parser-output table td { |
| .pi-smart-data-label:last-child, .pi-smart-data-value:last-child { | | background: transparent !important; |
| padding-right:14px !important;
| | border-color: #333 !important; |
| } | | } |
|
| |
|
| /* removes data label background from smart groups and keeps them centered*/ | | /* ===== Infoboxes (white backgrounds -> dark) ===== */ |
| .pi-horizontal-group .pi-data-label { | | table.infobox, .infobox, |
| text-align:center;
| | .portable-infobox, .portable-infobox .pi-item, .portable-infobox .pi-data, |
| | .portable-infobox .pi-header, .portable-infobox .pi-title, |
| | .portable-infobox .pi-data-value, .portable-infobox .pi-image, .portable-infobox .pi-media { |
| | background: #111 !important; |
| | color: #eee !important; |
| | border-color: #333 !important; |
| } | | } |
|
| |
|
| /* all portable infobox images, including tabber images */ | | /* ===== Code blocks ===== */ |
| .pi-image { | | pre, code, .mw-code { |
| background-color: transparent !important; /* will revert to default otherwise */
| | background: #0f0f0f !important; |
| padding: 0.12em 0em .1em 0em !important; /*add a little padding around images so they don't go edge to edge*/
| | color: #e6e6e6 !important; |
| }
| | border: 1px solid #333 !important; |
|
| |
| /* portable infobox thumbnail images only */
| |
| .pi-image-thumbnail {
| |
| background-color: transparent !important; /*will revert to default otherwise */
| |
| }
| |
|
| |
| /* portable infobox thumbnail galleries fix */
| |
| .portable-infobox .wds-tab__content, .portable-infobox .pi-image-collection-tab-content {/* Wikia */
| |
| background-color: transparent !important; /* makes it so whatever the infobox background is set to, it'll flow consistently behind the images, like patterns */
| |
| } | | } |
| | pre { padding: .6rem .8rem !important; overflow: auto; } |
|
| |
|
| /* remove hyphenations from infobox so no splitting words */ | | /* ===== Images ===== */ |
| .portable-infobox .pi-navigation, | | .mw-parser-output img, .thumb img, .thumbimage, .mw-file-element, |
| .portable-infobox .pi-header, | | .gallerybox .thumb img, .fullImageLink img, |
| .portable-infobox .pi-caption, | | .mw-parser-output .infobox img { |
| .portable-infobox .pi-data-value, | | max-width: 100% !important; height: auto !important; display: block; |
| .portable-infobox .pi-data-label { | |
| -webkit-hyphens:none;
| |
| -moz-hyphens:none;
| |
| -ms-hyphens:none;
| |
| hyphens:none;
| |
| } | | } |
| | .mw-parser-output, .vector-body, .mw-body { overflow-x: hidden; } |
| | .thumb, .tleft, .tright, .gallerybox .thumb { overflow: hidden; max-width: 100%; } |
| | .gallerybox .gallerytext { color: #ddd; } |
|
| |
|
| /** Tabber **/ | | /* Links (dark theme tweak) */ |
| /* the whole tab row */
| | a { color: #8ab4ff; } |
| ul.wds-tabs, ul.pi-image-collection-tabs {/* Wikia */
| | a:visited { color: #b388ff; } |
| margin: auto 0 auto 0.01em; /* this fixes it so the image doesn't overlap the tabs and centers the tabs */
| |
| } | |
|
| |
| /* all tabs */
| |
| .pi-image-collection {/* wds-tabber maybe? */
| |
| text-align: center;
| |
| font-size: 13px;
| |
| } | |
|
| |
|
| /* activated tab */ | | /* ======================= |
| ul.wds-tabs li.wds-is-current {
| | Dark fix pack for Vector |
| background-color: transparent !important;
| | ======================= */ |
| border: 0px none;
| | :root{ --bg:#0b0c0d; --ui-border:#2a2d33; --text:#e5e8eb; --text-muted:#a9b0b8; } |
| color: var(--cyberpunkwiki-accent-color);
| |
| }
| |
|
| |
| /* activated hover tab */
| |
| ul.wds-tabs li.wds-is-current:hover {
| |
| background-color: transparent !important;
| |
| border: 0px none;
| |
| color: var(--cyberpunkwiki-accent-color--secondary);
| |
| }
| |
|
| |
| /* inactive tab */
| |
| ul.wds-tabs li {
| |
| border: 0px none;
| |
| margin: 0px 4px;
| |
| }
| |
|
| |
| /* inactive tab hover */
| |
| ul.wds-tabs li:hover {
| |
| background-color: transparent !important;
| |
| border: 0px none;
| |
| color: var(--cyberpunkwiki-accent-color--secondary);
| |
| } | |
|
| |
|
| /* section edits for different panels in infobox. Not this is only for the new style that was added to the backend called "section" and may not be in use*/
| | .mw-parser-output .thumb, |
| .pi-section-label { | | .mw-parser-output .thumb .thumbinner { |
| text-transform:none;
| | background: transparent !important; |
| height:20px;
| | border: 1px solid var(--ui-border) !important; |
| | border-radius: 6px; |
| } | | } |
| | .mw-parser-output .thumb .thumbimage { background: transparent !important; border: 0 !important; padding: 0 !important; } |
| | .mw-parser-output .thumbcaption { background: transparent !important; color: var(--text-muted) !important; } |
| | img.thumbborder, .thumbborder { border: 0 !important; } |
|
| |
|
| /*** tabber for portable infobox and images ***/
| | .gallerybox .thumb { background: transparent !important; border-color: var(--ui-border) !important; } |
| /* whole row, centers tabs but is based on tab width */
| | .gallerybox, .gallerytext { background: transparent !important; color: var(--text) !important; } |
| .portable-infobox ul.wds-tabs li { | | #file img { background: transparent !important; } |
| margin-left: auto;
| |
| margin-right: auto;
| |
| } | |
|
| |
|
| /* activated tab */
| | .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, |
| .wds-tabs__tab.wds-is-current { | | .mw-headline, .mw-editsection, #firstHeading, .portlet .pBody, .vector-menu-content { |
| background-color: transparent;
| | background: transparent !important; color: var(--text); |
| border: 0px none;
| |
| color: var(--cyberpunkwiki-accent-color);
| |
| }
| |
|
| |
| /* activated hover tab */
| |
| .wds-tabs__tab.wds-is-current:hover { | |
| background-color: transparent;
| |
| border: 0px none;
| |
| color: var(--cyberpunkwiki-accent-color--secondary);
| |
| }
| |
|
| |
| /* inactive tab */
| |
| .wds-tabs__tab { | |
| border: 0px none;
| |
| margin: 0px 4px;
| |
| }
| |
|
| |
| /* inactive tab hover */
| |
| .wds-tabs__tab:hover {
| |
| background-color: transparent;
| |
| border: 0px none;
| |
| color: var(--cyberpunkwiki-accent-color--secondary);
| |
| } | | } |
|
| |
|
| /* No underline for tab links */
| | .toc { background: #0f1012 !important; border: 1px solid var(--ui-border) !important; border-radius: 6px; } |
| .wds-tabs__tab-label a:active, .wds-tabs__tab-label a:focus, .wds-tabs__tab-label a:hover{ text-decoration: none; } | | .toc .toctitle, .tocnumber { color: var(--text-muted) !important; } |
|
| |
|
| /** CYBERPUNK WIKI - ACTUAL SITE CSS **/
| | .mw-parser-output .wikitable { |
| /* Main Page header styles */
| | background: #0f1012 !important; color: var(--text) !important; |
| .mainpage-header { | | border: 1px solid var(--ui-border) !important; border-collapse: collapse; |
| font-size:18pt;
| |
| letter-spacing:1px;
| |
| text-align:center;
| |
| margin-top:5px;
| |
| background-image: var(--cyberpunkwiki-h2-background-image);
| |
| background-repeat:no-repeat;
| |
| background-position:50% 100%;
| |
| background-size:70% 8px;
| |
| color: var(--cyberpunkwiki-accent-color--secondary);
| |
| padding-bottom:6px;
| |
| } | | } |
| | .wikitable > tr > th, .wikitable > * > tr > th { background: #14161a !important; border: 1px solid var(--ui-border) !important; } |
| | .wikitable td { border: 1px solid var(--ui-border) !important; } |
| | .wikitable tr:nth-child(even) td { background: #101216 !important; } |
| | .wikitable tr:hover td { background: #15181c !important; } |
| | |
| | .portable-infobox { background: #0f1012 !important; border: 1px solid var(--ui-border) !important; color: var(--text) !important; border-radius: 8px; } |
| | .portable-infobox .pi-header, .portable-infobox .pi-data, .portable-infobox .pi-title { background: transparent !important; } |
| | .portable-infobox .pi-image .thumb { background: transparent !important; border: 0 !important; } |
|
| |
|
| .page-header__title { | | .mw-body a:link, a { color: #f2bd00; } |
| font-family: BlenderProBook, sans-serif;
| | a:visited { color: #c99a00; } |
| } | | a.new { color: #ff7070; } |
| | .small, small, .thumbcaption { color: var(--text-muted) !important; } |
| | .thumb.tleft, .thumb.tright { margin-top: .3em; margin-bottom: .8em; } |
|
| |
|
| /* for smaller screen resolutions */
| | pre, code, .mw-code { background: #0c0d0f !important; border: 1px solid var(--ui-border) !important; color: var(--text) !important; border-radius: 6px; } |
| @media only screen and (max-width: 1024px) {
| |
| .mainpage-header {
| |
| background-size: 70% 6px;
| |
| }
| |
|
| |
|
| /* Fixing smaller h2 headers styling */
| | /* Odstránenie bielych rámov pri obrázkoch */ |
| #content h2 {
| | .mw-parser-output .thumb, .mw-parser-output .thumb .thumbinner, |
| background-position-y: 30px;
| | .mw-parser-output .thumb .thumbimage, .mw-parser-output img.mw-file-element, |
| padding-bottom: 6px;
| | .gallerybox .thumb, .gallerybox .thumb img { |
| text-shadow: -1px 1px 0 #111, 1px 1px 0 #111, 1px -1px 0 #111, -1px -1px 0 #111;
| | background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; outline: none !important; |
| font-size: 15pt;
| |
| }
| |
| } | | } |
| | | .mw-parser-output .thumbcaption { background: transparent !important; border: 0 !important; } |
| /* fixes right column on main page to align with left */
| | .mw-body-content img, .mw-parser-output img { background-color: transparent !important; border: none !important; box-shadow: none !important; } |
| .main-page-tag-rcs .divYellowBox { margin-top: 0px; } | | .toc, .vector-menu-content, .portlet .pBody { background: transparent !important; border: 1px solid #2a2d33 !important; } |
| | | figure[typeof*="mw:File"], figure[typeof*="mw:File/Thumb"], figure[typeof*="mw:File/Frame"] { |
| /****************************************************/
| | background: transparent !important; border: 0 !important; margin: .5em auto !important; padding: 0 !important; box-shadow: none !important; |
| /* portal main */
| |
| /* Code created by Tierrie on the Dragon Age Wiki */
| |
| /* Code updated for UCP by Alex/Ursuul */
| |
| /****************************************************/
| |
| /* container settings */
| |
| #portal_slider a.external:after,
| |
| .portal_metro .toc {
| |
| display: none;
| |
| } | | } |
| #portal_slider.portal_metro.ui-corner-all {
| | figure[typeof*="mw:File"] img.mw-file-element { |
| border-radius: 0;
| | background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; |
| } | | } |
| .portal_container { position: relative; display: inline-block; margin-bottom: 15px; width: 100%; }
| | figure[typeof*="mw:File"] figcaption { |
| /* give all containers a black background so the opacity changes results in a brightness change */
| | background: transparent !important; color: #FCEE0A !important; border: 0 !important; padding: 0.2em 0 !important; |
| .portal_metro:before { position: absolute; top: 0; left: 0; width:100%; height: 100%; /**/content: "";/* experimental */ background-color: rgb(0,0,0); z-index: -2; }
| |
| .portal_metro { border:3px solid var(--cyberpunkwiki-border-color); }
| |
| .portal_metro .portal_body { padding: 0 10px 0 10px; overflow: hidden; }
| |
| /* pages nested within a slider container should not render borders twice */
| |
| .portal_metro .portal_metro { border: none; }
| |
| .portal_metro.ui-tabs .ui-tabs-panel { padding: 0; }
| |
| .portal_metro#portal_slider, .portal_metro#portal_slider .portal_body { padding: 0; }
| |
| | |
| /* font title and sliders */
| |
| .portal_metro [class^=portal_sliderlink] .mw-headline, .portal_metro [class^=portal_sliderlink] .portal_slidertext, .portal_metro .portal_header_text, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a, .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a, .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { width: 100%; text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; text-align:left; color: white; }
| |
| | |
| /* main tabs headers */
| |
| .portal_metro [class^=portal_sliderlink] .mw-headline,
| |
| .portal_metro [class^=portal_sliderlink] .portal_slidertext,
| |
| .portal_metro .portal_header_text,
| |
| .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
| |
| text-transform:uppercase;
| |
| } | | } |
| .portal_metro [class^=portal_sliderlink] .mw-headline, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { filter:drop-shadow(0 0 3px #000) drop-shadow(0 0 15px #000);}
| |
| .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a {filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 10px #000);}
| |
|
| |
|
| /** sub category headers **/ | | /* Thin yellow frame around images (global) */ |
| .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { | | :root { --accent: #f2bd00; } |
| font-size: 14pt !important; | | figure[typeof*="mw:File"] img.mw-file-element, |
| padding-left: 10px !important; | | .mw-parser-output .thumb .thumbimage, |
| | .gallerybox .thumb img { |
| | border: 1px solid var(--accent) !important; |
| | border-radius: 6px; |
| | background: transparent !important; |
| | box-shadow: none !important; |
| } | | } |
| | | figure[typeof*="mw:File"] img.mw-file-element:hover, |
| /** headers inside sub categories **/
| | .mw-parser-output .thumb .thumbimage:hover, |
| .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { | | .gallerybox .thumb img:hover { |
| background-image:none; | | box-shadow: 0 0 0 1px rgba(242,189,0,.25), 0 0 10px rgba(242,189,0,.15) !important; |
| color: white !important;
| |
| } | | } |
|
| |
|
| /** fix padding between headers and list **/ | | /* Random teaser card */ |
| .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 + ul { | | .random-card { |
| padding-top: 5px !important; | | display: grid; grid-template-columns: 120px 1fr; gap: 12px; align-items: center; |
| | background: #0f1012; border: 1px solid #2a2d33; border-radius: 8px; |
| | padding: 12px; margin: 8px 0 16px 0; color: #e5e8eb; |
| } | | } |
| | | .random-card.loading { opacity: .7; } |
| /** list of text **/
| | .random-card .thumb { |
| .portal_vtab.ui-tabs-vertical .ui-tabs-panel li {
| | width: 120px; height: 120px; overflow: hidden; border-radius: 6px; |
| font-size: 14pt; | | background: #0b0c0d; display: flex; align-items: center; justify-content: center; |
| line-height: 22pt; | | border: 1px solid #2a2d33; |
| } | | } |
| /** fix red links in portal template **/
| | .random-card .thumb img { max-width: 100%; height: auto; display: block; } |
| .portal_vtab.ui-tabs-vertical .ui-tabs-panel a.new { | | .random-card .content h3 { margin: 0 0 6px 0; font-size: 1.1rem; line-height: 1.2; } |
| color: #e81a3f !important; | | .random-card .content p { margin: 0 0 8px 0; color: #a9b0b8; } |
| | .random-card .actions { display: flex; gap: 8px; margin-top: 6px; } |
| | .random-card .btn { |
| | border: 1px solid #2a2d33; padding: 4px 8px; border-radius: 6px; |
| | background: #14161a; color: #e5e8eb; cursor: pointer; text-decoration: none; |
| } | | } |
| | | .random-card .btn:hover { background: #15191f; } |
| /** plain text **/
| | @media (max-width: 600px){ |
| .portal_vtab.ui-tabs-vertical .ui-tabs-panel {
| | .random-card { grid-template-columns: 1fr; } |
| color: white; | | .random-card .thumb { width: 100%; height: auto; } |
| text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; | |
| } | | } |
|
| |
|
| .portal_metro .portal_header_text { font-size: 2em; padding-top: 15px; }
| | /* ===== Main page – compact header ===== */ |
| .portal_metro [class^=portal_sliderlink] { font-size: 1.4em; }
| | .mp-hero { |
| | | display: grid; grid-template-columns: 2fr 1.2fr; gap: 12px; align-items: stretch; margin: 6px 0 12px; |
| /* portal headers, headerlinks colors and formatting */ | |
| .portal_metro .portal_header { position: relative; margin-bottom: 6px; padding: 0; } | |
| .portal_metro .portal_header_text { border-bottom: none; padding-left: 15px; }
| |
| .portal_metro .portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; top: 1em; padding-bottom: 2px; z-index: 1; }
| |
| .portal_metro .portal_header, .portal_metro .portal_header a:link, .portal_metro .portal_header a:visited, .portal_metro .portal_header a:hover, .portal_metro .portal_header a:active { color: rgb(89,105,57); }
| |
| | |
| /* slider text position */
| |
| .portal_metro [class^=portal_sliderlink] .portal_slidertext { position: absolute; bottom: 10px; left: 10px; color: #FFFFFF; font-size: large;/* Experimental */}
| |
| .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { display: block; font-size: xx-large;/*experimental*/ left: 20px; line-height: 1em; }
| |
| | |
| /* main slider sizing */
| |
| .portal_metro#portal_main [class^=portal_sliderlink] { cursor: pointer; position: absolute; overflow: hidden; }
| |
| .portal_metro#portal_main, .portal_vtab.ui-tabs-vertical, .portal_vtab.ui-tabs-vertical .ui-tabs-nav, .portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 450px; }
| |
| .portal_metro#portal_main .portal_sliderlink-2 { width: 100%; }
| |
| | |
| /* Transclucency patch */
| |
| #portal_slider #portal_main .portal_body:before,
| |
| #portal_slider #portal_main .portal_body:after {
| |
| content: "";
| |
| display: block;
| |
| position: absolute;
| |
| top: 0;
| |
| right: 0;
| |
| bottom: 0;
| |
| z-index: 30;
| |
| width: 225px;
| |
| height: 450px;
| |
| background-color: #000000;
| |
| } | | } |
| | @media (max-width: 900px){ .mp-hero { grid-template-columns: 1fr; } } |
|
| |
|
| .portal_sliderlink-2 { | | /* Random teaser – compact variant */ |
| z-index: 20;
| | .random-card.compact{ |
| | display: grid; grid-template-columns: 110px 1fr; gap: 10px; align-items: center; |
| | background:#0f1012; border:1px solid #2a2d33; border-radius:8px; |
| | padding:10px; margin:0; |
| } | | } |
| .portal_sliderlink-2 ~ [class^="portal_sliderlink"] { | | .random-card.compact .thumb{ |
| z-index: 40;
| | width:110px; height:110px; overflow:hidden; border-radius:6px; border:1px solid #2a2d33; |
| | display:flex; align-items:center; justify-content:center; |
| } | | } |
| | | .random-card.compact .thumb img{ max-width:100%; height:auto; display:block; } |
| /* slider background */
| | .random-card.compact .content h3{ margin:0 0 4px; font-size:1.05rem; line-height:1.2; } |
| .portal_metro#portal_main [class^=portal_sliderlink]:before { /**content: "";/* Experimental */ width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(0,0,0); position: absolute; z-index: -1; } | | .random-card.compact .content p{ margin:0 0 6px; color:#a9b0b8; max-height:3.2em; overflow:hidden; } |
| | | .random-card.compact .actions{ display:flex; gap:6px; } |
| /* Experimental */
| | .random-card.compact .btn{ |
| .portal_metro#portal_main [class^=portal_sliderlink] { | | border:1px solid #2a2d33; padding:3px 7px; border-radius:6px; |
| /*content: "";*/
| | background:#14161a; color:#e5e8eb; text-decoration:none; cursor:pointer; |
| position: absolute;
| |
| top: 0;
| |
| /*left: 0;*/
| |
| /*z-index: -1;*/
| |
| /*width: 100%;*/
| |
| height: 100%;
| |
| background-color: rgb(0, 0, 0);
| |
| opacity: 0.8;
| |
| } | | } |
| | .random-card.compact .btn:hover{ background:#15191f; } |
|
| |
|
| .portal_metro#portal_main [class^=portal_sliderlink]:hover { | | /* Quick cards */ |
| opacity: 1;
| | .mp-cards{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; } |
| | @media (max-width: 900px){ .mp-cards{ grid-template-columns: 1fr; } } |
| | .mp-card{ |
| | background:#0f1012; border:1px solid #2a2d33; border-radius:8px; padding:10px 12px; |
| } | | } |
| | .mp-card h4{ margin:0 0 6px; font-size:1rem; color:#f2bd00; } |
| | .mp-card p{ margin:0; line-height:1.45; } |
| | .mp-card a{ text-decoration:none; } |
|
| |
|
| #portal_slider #portal_main .portal_body:after {
| | /* Thin stats bar under hero */ |
| z-index: 10;
| | .mp-strip{ |
| width: 100%;
| | display:flex; flex-wrap:wrap; gap:10px; |
| | padding:8px 10px; margin: 6px 0 12px; |
| | border:1px solid #2a2d33; border-radius:8px; background:#0f1012; |
| | font-size: .95rem; |
| } | | } |
| | | .mp-chip{ |
| /* slider background */
| | padding:3px 8px; border:1px solid #2a2d33; border-radius:999px; background:#14161a; |
| .portal_metro#portal_main [class^=portal_sliderlink]:after { | |
| content : "";
| |
| display: block;
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| z-index: -1;
| |
| width: 100%;
| |
| height: 100%;
| |
| background-repeat: no-repeat;
| |
| opacity: 0.8;
| |
| } | | } |
|
| |
|
| .portal_metro#portal_main [class^=portal_sliderlink]:hover:after { opacity: 1; }
| | /* Infobox & TOC – kompaktnejšie medzery */ |
| .portal_metro#portal_main .portal_sliderlink-2 { top: 0px; left: 0px; height: 450px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/6/64/Cp_bg_slider_2077.png/revision/latest?cb=20201120031537'); background-position: center; }
| | .infobox, .portable-infobox{ margin-top:4px !important; } |
| .portal_metro#portal_main .portal_sliderlink-3 { top: 0px; right: 0px; height: 112px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/5/59/Cp_bg_slider_2013_small.png/revision/latest?cb=20201121005633'); background-position: center; } | | .toc ul{ margin-top:4px; } |
| .portal_metro#portal_main .portal_sliderlink-4 { top: 112px; right: 0px; height: 113px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/d/d2/Cp_bg_slider_2020_small.png/revision/latest?cb=20201121004818'); background-position: center; }
| |
| .portal_metro#portal_main .portal_sliderlink-5 { top: 225px; right: 0px; height: 112px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/5/58/Cp_bg_slider_red_small.png/revision/latest?cb=20201121000417'); background-position: center; } | |
| .portal_metro#portal_main .portal_sliderlink-6 { top: 337px; right: 0px; height: 113px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/5/50/Cp_bg_slider_other_small.png/revision/latest?cb=20201121004845'); background-position: center; }
| |
|
| |
|
| /* slider sub category background */ | | /* Voliteľne: zruš neočakávané biele okraje okolo obrázkov */ |
| #portal_slider .ui-state-active,
| | .mw-parser-output .thumb, .mw-parser-output .thumb .thumbinner, |
| #portal_slider .ui-state-default,
| | .mw-parser-output .thumb .thumbimage, .mw-parser-output img.mw-file-element{ |
| #portal_slider .ui-widget-content,
| | background:transparent!important; border:0!important; padding:0!important; box-shadow:none!important; |
| #portal_slider .ui-widget-header {
| |
| background: none;
| |
| } | | } |
|
| |
|
| #portal_main, #portal_cp2077, #portal_cp2013, #portal_cp2020, #portal_cpred, #portal_other { position: relative; }
| | /* === CYBERPUNK SYSTÉMOVÉ POŽIADAVKY – FINÁLNA TABUĽKA (zlúčené) === */ |
| #portal_cp2013:after, #portal_cp2020:after, #portal_cpred:after, #portal_other:after, #portal_cp2077:after { z-index: -1; background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
| | .article-table-cyberpunk, |
| #portal_cp2077 { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/6/64/Cp_bg_slider_2077.png/revision/latest?cb=20201120031537'); background-position: center; }
| | .article-table-cyberpunk th, |
| #portal_cp2013 { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/b/b2/Cp_bg_slider_2013.png/revision/latest?cb=20201121005646'); background-position: center; }
| | .article-table-cyberpunk td { |
| #portal_cp2020 { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/a/a5/Cp_bg_slider_2020.png/revision/latest?cb=20201121004834'); background-position: center; }
| | border-style: solid !important; |
| #portal_cpred { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/1/1e/Cp_bg_slider_red.png/revision/latest?cb=20201120033744'); background-position: center; }
| | border-color: var(--cp-yellow) !important; |
| #portal_other { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/d/d3/Cp_bg_slider_other.png/revision/latest?cb=20201121004855'); background-position: center; }
| | } |
| | | .article-table-cyberpunk { |
| .portal_metro#portal_slider .portal_navlink { display: none; }
| | /* separate -> žiadne konflikty a zachovaný vzhľad */ |
| .portal_metro#portal_slider { } | | border-collapse: separate !important; |
| .portal_metro#portal_slider .portal_navlink { display: block; position: absolute; bottom: 8px; left: 8px; z-index: 2; }
| | border-spacing: 0 !important; |
| .portal_metro#portal_slider .portal_navlink img { opacity: 0.3; }
| | width: 100%; |
| .portal_metro#portal_slider .portal_navlink img:hover { opacity: 0.8; }
| | table-layout: auto; |
| .portal_metro#portal_slider .portal_header { position: absolute; width: 100px; height: 50px; right: 10px; }
| | background: #0b0b0b; |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { padding: 0; }
| | color: #f5f5f5; |
| .portal_metro#portal_slider .portal_vtab.ui-corner-all {
| | border-width: 2px !important; /* vonkajší rám – tenší */ |
| border: 0;
| |
| border-radius: 0;
| |
| } | | } |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { border: none; } | | .article-table-cyberpunk th, |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel { position: absolute; left: 200px; top: 0px; } | | .article-table-cyberpunk td { |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { padding: 0; width: 200px; float: left; }
| | /* tenké vnútorné línie + kompaktné odsadenie a menšie písmo */ |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li { cursor: pointer; margin: 0; top: 0; clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; }
| | border-width: 1px !important; |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding: 0; }
| | padding: 5px 8px; |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { background: none; font-size: 1.2em; display:block; width: 100%; padding: .25em 0 .5em 1em; }
| | text-align: center; |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { background: none; cursor: pointer; }
| | vertical-align: middle; |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after { height: 420px; content: ""; width: 100%; overflow-y: hidden; }
| | background-clip: padding-box; |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before { }
| | font-size: 13px !important; |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before, .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after, .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default { background-color: rgba(0,0,0,0.6); }
| | line-height: 1.3em; |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active { background-color: transparent; }
| |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover { background-color: transparent; }
| |
| | |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { width: 100%; }
| |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; border-right-width: 1px; border-right-width: 1px; }
| |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul { padding: 12px 0 0 5px; margin: 0; /* columns: 2; -webkit-columns: 2; -moz-columns: 2; */ }
| |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li { list-style: none; padding: 0.25em 0 0.25em 1em; margin: 0; }
| |
| /* changes text for the links within sub tabs */
| |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav .ui-corner-left {
| |
| border: 0;
| |
| border-radius: 0;
| |
| } | | } |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { font-size: 1.2em; display:block; color: rgb(255,255,255); color: #FFFFFF;} | | .article-table-cyberpunk th { |
| /* changes h2 text within sub tabs */
| | background: #1a1a1a; |
| .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 10px #000); padding: 0.5em 0 0 1em; margin: 0; border-bottom: none; text-transform: uppercase; color: rgb(89,105,57); font-size: 1.25em; }
| | color: #fffcc0; |
| | | font-weight: 600; |
| /* column classes */
| |
| .portal_metro#portal_slider .cols_2 ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
| |
| .portal_metro#portal_slider .cols_3 ul { columns: 3; -webkit-columns: 3; -moz-columns: 3; }
| |
| .portal_metro#portal_slider .cols_4 ul { columns: 4; -webkit-columns: 4; -moz-columns: 4; }
| |
| | |
| /********************************/
| |
| /* portal screen wide overrides */
| |
| /********************************/
| |
| @media screen and (max-width: 1023px) {
| |
| #portal_slider #portal_main .portal_body:before,
| |
| .portal_metro [class^=portal_sliderlink] {
| |
| width: 225px;
| |
| }
| |
| | |
| .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
| |
| width: 360px;
| |
| }
| |
| | |
| .portal_metro#portal_images .wikia-slideshow-wrapper,
| |
| .portal_metro#portal_images .wikia-slideshow-images,
| |
| .portal_metro#portal_images img.thumbimage,
| |
| .portal_metro#portal_images {
| |
| height: 280px !important;
| |
| }
| |
| | |
| .WikiaRail .module {
| |
| position: relative;
| |
| }
| |
| } | | } |
|
| |
|
| @media screen and (min-width: 1023px) and (max-width: 1650px) {
| | /* --- koniec --- */ |
| #portal_slider #portal_main .portal_body:before,
| |
| .portal_metro [class^=portal_sliderlink] {
| |
| width: 225px;
| |
| }
| |
|
| |
|
| .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
| | /* ==== FIX: biele plochy & žltá mriežka pre .article-table-cyberpunk ==== */ |
| width: 360px;
| |
| }
| |
|
| |
|
| .portal_metro#portal_images .wikia-slideshow-wrapper,
| | /* 0) Stabilné tmavé pozadia (aj keď niečo zdedí transparent) */ |
| .portal_metro#portal_images .wikia-slideshow-images,
| | body, .mw-body, .mw-body-content, #content, |
| .portal_metro#portal_images img.thumbimage,
| | .vector-body, .vector-page-content, .mw-parser-output { |
| .portal_metro#portal_images {
| | background-color: #0a0a0a !important; |
| height: 280px !important;
| |
| }
| |
| }
| |
| @media screen and (min-width: 1650px) {
| |
| #portal_slider #portal_main .portal_body:before,
| |
| .portal_metro [class^=portal_sliderlink] {
| |
| width: 300px;
| |
| }
| |
| } | | } |
|
| |
|
| /* default settings for div table */ | | /* 1) Zruš globálne prebitie border-color pre našu tabuľku */ |
| .divTable { display: table; } | | .article-table-cyberpunk, .article-table-cyberpunk * { |
| .divTableRow { display: table-row; }
| | border-color: var(--cp-yellow, #ffff00) !important; |
| .divTableCell, .divTableHead { display: table-cell; padding: 10px; }
| | border-style: solid !important; |
| .divTableBody { display: table-row-group; }
| |
| | |
| /* Curved notice banner style */
| |
| .bannercurve {
| |
| background-color: rgba(255, 255, 255, 0.10);
| |
| margin: 10px auto;
| |
| border: 1px solid var(--cyberpunkwiki-accent-color);
| |
| border-left: 4px solid var(--cyberpunkwiki-accent-color);
| |
| text-align: center;
| |
| color: var(--cyberpunkwiki-text-color);
| |
| width: auto;
| |
| overflow: auto;
| |
| padding: 5px;
| |
| } | | } |
|
| |
|
| .bannerdoubleborder {
| | /* 2) Najvyššia špecificita proti všeobecným pravidlám na table/td/th */ |
| background-color: rgba(255,255,255,0.1);
| | .mw-parser-output table.article-table-cyberpunk, |
| border:7px double #101010; /* color is whatever article bg color is */
| | .mw-parser-output table.article-table-cyberpunk th, |
| max-width: 90%;
| | .mw-parser-output table.article-table-cyberpunk td { |
| margin: auto;
| | border-color: var(--cp-yellow, #ffff00) !important; |
| padding: 8px;
| |
| text-align: center;
| |
| } | | } |
|
| |
|
| /* spoiler/warning box */ | | /* 3) Režim bez konfliktov + presné hrúbky (tenká žltá mriežka) */ |
| .warningbanner { | | .mw-parser-output table.article-table-cyberpunk { |
| background-image: url(https://static.wikia.nocookie.net/cyberpunk/images/1/17/CP2077_warning_box.svg/revision/latest?cb=20241218194135); | | border-collapse: separate !important; |
| background-repeat: no-repeat; | | border-spacing: 0 !important; |
| background-size: 100% 100%; | | width: 100%; |
| min-width: 40%; | | table-layout: auto; |
| padding: 5px; | | background: #0b0b0b !important; |
| margin: auto; | | color: #f5f5f5 !important; |
| overflow: visible; | | border-width: 2px !important; /* vonkajší rám */ |
| } | | } |
| | | .mw-parser-output table.article-table-cyberpunk th, |
| .warningtext { | | .mw-parser-output table.article-table-cyberpunk td { |
| padding: 20px 15px 20px 25px; | | border-width: 1px !important; /* vnútorná mriežka */ |
| | padding: 5px 8px !important; |
| text-align: center; | | text-align: center; |
| | vertical-align: middle; |
| | background-clip: padding-box; |
| | font-size: 13px !important; |
| | line-height: 1.3em !important; |
| | } |
| | .mw-parser-output table.article-table-cyberpunk th { |
| | background: #1a1a1a !important; |
| | color: #fffcc0 !important; |
| | font-weight: 600 !important; |
| } | | } |
|
| |
|
| /*** FD light mode theme ***/ | | /* 4) Oprav biele pásy z iných tabuliek/boxov, ktoré mali transparent |
| .theme-fandomdesktop-light .bannerdoubleborder { | | a sedeli na svetlom predku (bez menenia tvojho vzhľadu) */ |
| background-color:rgba(0,0,0,0.20);
| | .mw-parser-output .toc, |
| border-color: #e6e6e6;
| | .mw-parser-output .navbox, |
| | .mw-parser-output .ambox, |
| | .mw-parser-output .wikitable, |
| | .mw-parser-output .thumb, |
| | .mw-parser-output .gallerybox, |
| | .mw-parser-output figure[typeof*="mw:File"] { |
| | background-color: #0f1012 !important; |
| | border-color: #2a2d33 !important; |
| } | | } |
|
| |
|
| /* for reflist template */ | | /* 5) Vector/Timeless ešte raz pre istotu prebijeme hranice v tabuľke */ |
| .references-small { | | .skin-vector .article-table-cyberpunk th, |
| font-size: 70%;
| | .skin-vector .article-table-cyberpunk td, |
| | .skin-timeless .article-table-cyberpunk th, |
| | .skin-timeless .article-table-cyberpunk td { |
| | border-color: var(--cp-yellow, #ffff00) !important; |
| } | | } |
| | /* ==== FIX: biele záložky hore + modrá horná čiara ==== */ |
|
| |
|
| /***************/ | | /* 0) zruš modrú hornú linku pod headerom */ |
| /* quote boxes */
| | #content, .mw-body, .mw-body-content { border: 0 !important; } |
| /***************/
| |
| .quotebox { /* border: 1px solid #523F35; background:#FFF77D; */ -moz-border-radius: 1em; border-radius: 1em; -webkit-border-radius: 1em; display: table; }
| |
| .quotebox + .quotebox { margin:1em 0 0 0; }
| |
| .quotebox .leftquote { color: #FFF77D; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align: left; padding:0.3em 0 0 0.3em; }
| |
| .quotebox .rightquote { color: #FFF77D; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align:right; padding:0 0.3em 0 0; }
| |
| .quotebox .quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; padding: 1em 0.2em 0 0.2em; line-height: 1.6em; width: 100%; } | |
| .quotebox .attribution { text-align: right; padding: 0em 1em 0.4em 0; font-weight: bold; font-style: oblique; }
| |
|
| |
|
| /* Style for horizontal lists (separator following item). | | /* 1) bar za tabuľkami hore nech nie je biely */ |
| @source mediawiki.org/wiki/Snippets/Horizontal_lists
| | #mw-head, #left-navigation, #right-navigation, |
| @revision 9 (2016-08-10)
| | #p-namespaces, #p-views, |
| @author [[User:Edokter]]
| | .vector-menu-tabs, .vector-menu-tabs-legacy, |
| */
| | .vector-menu, .vector-menu-content { |
| .hlist dl, | | background: transparent !important; |
| .hlist ol, | | border-color: #222 !important; |
| .hlist ul { | | box-shadow: none !important; |
| margin: 0;
| |
| padding: 0;
| |
| } | | } |
| /* DisPlay list items inline */ | | |
| .hlist dd, | | /* 2) samotné „pills“ – tmavé pozadie bez gradientov (Vector legacy aj 2022) */ |
| .hlist dt, | | .vector-menu-tabs a, |
| .hlist li { | | .vector-menu-tabs-legacy li a, |
| margin: 0;
| | .skin-vector #p-namespaces .vector-menu-content-list > li > a, |
| display: inline;
| | .skin-vector #p-views .vector-menu-content-list > li > a, |
| | .skin-vector-legacy #p-namespaces .vector-menu-content-list > li > a, |
| | .skin-vector-legacy #p-views .vector-menu-content-list > li > a { |
| | background: #141414 !important; |
| | background-image: none !important; |
| | color: #e6e6e6 !important; |
| | border: 1px solid #333 !important; |
| | box-shadow: none !important; |
| } | | } |
| /* DisPlay nested lists inline */ | | |
| .hlist.inline, | | /* 3) aktívna záložka */ |
| .hlist.inline dl, | | .vector-menu-tabs .selected a, |
| .hlist.inline ol, | | .vector-menu-tabs-legacy .selected a, |
| .hlist.inline ul, | | .skin-vector #p-namespaces .vector-menu-content-list > li.selected > a, |
| .hlist dl dl, .hlist dl ol, .hlist dl ul, | | .skin-vector #p-views .vector-menu-content-list > li.selected > a { |
| .hlist ol dl, .hlist ol ol, .hlist ol ul,
| | background: #1b1b1b !important; |
| .hlist ul dl, .hlist ul ol, .hlist ul ul {
| | color: var(--accent-yellow, #FCEE0A) !important; |
| display: inline;
| | border-color: #444 !important; |
| | border-bottom-color: #1b1b1b !important; /* žiadny svetlý „schodík“ */ |
| } | | } |
| /* Hide empty list items */ | | |
| .hlist .mw-empty-li, | | /* 4) odstráň biele pozadie na LI kontajneroch */ |
| .hlist .mw-empty-elt { | | .vector-menu-tabs li, |
| display: none;
| | .vector-menu-tabs-legacy li, |
| | #p-namespaces .vector-menu-content-list > li, |
| | #p-views .vector-menu-content-list > li { |
| | background: transparent !important; |
| } | | } |
| /* Generate interpuncts */ | | /* === FIX: skutočne tenká 1px žltá mriežka bez zdvojovania === */ |
| .hlist dt:after { | | .mw-parser-output table.article-table-cyberpunk { |
| content: ": ";
| | border-collapse: separate !important; |
| | border-spacing: 0 !important; |
| | /* ponechaj svoj vonkajší rám (ak ho chceš tenší, daj 1px) */ |
| | border: 2px solid var(--cp-yellow, #ffff00) !important; |
| } | | } |
| .hlist dd:after, | | |
| .hlist li:after { | | /* reset – žiadne „druhé“ okraje na bunkách */ |
| content: " · ";
| | .mw-parser-output table.article-table-cyberpunk th, |
| font-weight: bold;
| | .mw-parser-output table.article-table-cyberpunk td { |
| | border: 0 !important; |
| | /* kreslíme len pravú a spodnú hranu = jedna línia medzi bunkami */ |
| | border-right: 1px solid var(--cp-yellow, #ffff00) !important; |
| | border-bottom: 1px solid var(--cp-yellow, #ffff00) !important; |
| } | | } |
| .hlist dd:last-child:after, | | |
| .hlist dt:last-child:after, | | /* doplň ľavý okraj prvej bunky v riadku */ |
| .hlist li:last-child:after {
| | .mw-parser-output table.article-table-cyberpunk tr > *:first-child { |
| content: none;
| | border-left: 1px solid var(--cp-yellow, #ffff00) !important; |
| } | | } |
| /* Add parentheses around nested lists */ | | |
| .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, | | /* doplň horný okraj na prvom riadku (hlavička) */ |
| .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
| | .mw-parser-output table.article-table-cyberpunk tr:first-child > * { |
| .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
| | border-top: 1px solid var(--cp-yellow, #ffff00) !important; |
| content: " (";
| |
| font-weight: normal;
| |
| }
| |
| .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
| |
| .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
| |
| .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
| |
| content: ")";
| |
| font-weight: normal;
| |
| }
| |
| /* Put ordinals in front of ordered list items */
| |
| .hlist ol {
| |
| counter-reset: listitem;
| |
| }
| |
| .hlist ol > li {
| |
| counter-increment: listitem;
| |
| }
| |
| .hlist ol > li:before {
| |
| content: " " counter(listitem) "\a0";
| |
| }
| |
| .hlist dd ol > li:first-child:before,
| |
| .hlist dt ol > li:first-child:before,
| |
| .hlist li ol > li:first-child:before {
| |
| content: " (" counter(listitem) "\a0";
| |
| } | | } |
|
| |
|
| /* Prevents line breaks in links, used for navboxes */
| |
| .nowraplinks a, .nobreak { white-space: nowrap; }
| |
|
| |
|
| /* --- TABLE DESIGNS --- */ | | /* ==== EDIT PAGE DARK FIX (Vector, wikiEditor, CodeMirror, OOUI) ==== */ |
| /******************* | | |
| * Navboxes
| | /* celý editovací formulár */ |
| *******************/
| | #editform, .mw-editform, form#editform { |
| /*
| | background: var(--bg-secondary) !important; |
| * CSS Vars
| | border: 1px solid #333 !important; |
| * Note: The linter will throw an error. See [https://community.fandom.com/wiki/Help:Advanced_CSS_and_JS#Common_issues this page] for more info.
| | color: var(--text-secondary) !important; |
| */
| |
| .navbox {
| |
| --navbox-bg-color:var(--theme-page-background-color);
| |
| --navbox-text-color:var(--theme-page-text-color);
| |
| --navbox-title-color:#00687d;
| |
| --navbox-header-color:rgba(100, 100, 100 ,.3);
| |
| --navbox-alt-color:rgba(85,85,85,0.2);
| |
| --navbox-border-color:var(--cyberpunkwiki-border-color--secondary);
| |
| } | | } |
| .navbox { | | |
| width: 100%;
| | /* wikiEditor kontajnery */ |
| background: var(--navbox-bg-color, white);
| | .wikiEditor-ui, |
| color: var(--navbox-text-color, black);
| | .wikiEditor-ui-top, .wikiEditor-ui-toolbar, .wikiEditor-ui-tabs, |
| margin: 10px auto;
| | .wikiEditor-ui-view, .wikiEditor-ui-bottom, |
| font-size: 88%;
| | .wikiEditor-ui .dropDown, .wikiEditor-ui .menu .options, .wikiEditor-ui .panel { |
| clear: both;
| | background: #0f1012 !important; |
| padding: 2px;
| | border-color: #333 !important; |
| border-spacing: 0;
| | color: var(--text-secondary) !important; |
| border: 1px solid var(--navbox-border-color);
| |
| } | | } |
|
| |
|
| /* Merges navboxes that are directly under eachother */ | | /* textové polia (obsah + zhrnutie) */ |
| .navbox + .navbox { | | #wpTextbox1, #wpSummary, |
| margin-top: -15px;
| | .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea, |
| | .mw-ui-input, .mw-ui-textfield { |
| | background: #121212 !important; |
| | color: var(--text-secondary) !important; |
| | border: 1px solid #333 !important; |
| } | | } |
|
| |
|
| .navbox .navbox-title { | | /* CodeMirror – celé pozadie ide na dark */ |
| background: var(--navbox-title-color);
| | .CodeMirror, .CodeMirror-scroll, .CodeMirror-gutters { |
| color: #fff;
| | background: #121212 !important; |
| font-weight: bold;
| | color: var(--text-secondary) !important; |
| font-size: 105%;
| | border-color: #333 !important; |
| } | | } |
|
| |
|
| .theme-fandomdesktop-light .navbox-title { | | /* spodné sekcie (minor edit, watch, tools…) */ |
| background: #8f001b; | | .editOptions, .editCheckboxes, .mw-editTools, |
| | .templatesUsed, #templatesUsed, .previewnote, .mw-warning-with-logexcerpt { |
| | background: var(--bg-secondary) !important; |
| | color: var(--text-secondary) !important; |
| | border: 1px solid #333 !important; |
| } | | } |
|
| |
|
| .theme-fandomdesktop-light .navbox-title a { | | /* labely a checkbox kontajnery nech nie sú biele */ |
| color: #FCEE0A; | | .mw-editform label, .mw-ui-checkbox, .mw-ui-radio { |
| | background: transparent !important; |
| | color: var(--text-secondary) !important; |
| | border: 0 !important; |
| } | | } |
|
| |
|
| .navbox-title th { | | /* tlačidlá */ |
| filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 2px #000); | | .editButtons input, .editButtons button, |
| | .mw-ui-button, .oo-ui-buttonElement > .oo-ui-buttonElement-button { |
| | background: #222 !important; |
| | color: var(--text-secondary) !important; |
| | border: 1px solid #555 !important; |
| | box-shadow: none !important; |
| } | | } |
|
| |
|
| .navbox .navbox-vde { | | /* placeholder farba */ |
| float:left;
| | #wpSummary::placeholder, #wpTextbox1::placeholder, |
| width:65px;
| | .oo-ui-textInputWidget input::placeholder, |
| | .oo-ui-textInputWidget textarea::placeholder { |
| | color: #8a8a8a !important; |
| } | | } |
| | /* === Fix bielych pozadí v MediaWiki === */ |
|
| |
|
| .navbox .navbox-title-padright { | | /* Hlavný obsah */ |
| padding-right: 65px;
| | .mw-body, |
| | .mw-parser-output, |
| | body, |
| | html { |
| | background: var(--bg-primary) !important; |
| | color: var(--text-primary) !important; |
| } | | } |
|
| |
|
| .navbox .navbox-title-padleft { | | /* Tabuľky */ |
| padding-left: 65px;
| | .wikitable, |
| | .mw-parser-output table, |
| | .mw-parser-output th, |
| | .mw-parser-output td { |
| | background: var(--bg-secondary) !important; |
| | border: 1px solid var(--accent-yellow) !important; |
| | color: var(--text-primary) !important; |
| } | | } |
|
| |
|
| .navbox .navbox-subgroup { | | /* Infoboxy a bočné boxy */ |
| border-spacing: 0;
| | .infobox, |
| width: 100%;
| | .navbox, |
| | .toc, |
| | .mw-warning, |
| | .mw-message-box, |
| | .mw-body-content { |
| | background: var(--bg-secondary) !important; |
| | color: var(--text-primary) !important; |
| | border: 1px solid var(--accent-yellow) !important; |
| } | | } |
|
| |
|
| .navbox .navbox-gutter {
| | /* Transcript a preformatovaný text */ |
| height: 2px;
| | pre, |
| | code, |
| | blockquote { |
| | background: var(--bg-tertiary) !important; |
| | color: var(--text-secondary) !important; |
| | border: 1px solid var(--accent-yellow) !important; |
| | padding: 0.5em; |
| } | | } |
|
| |
|
| .navbox .navbox-subgroup .navbox-gutter {
| | /* Hlavičky a nadpisy */ |
| background: var(--navbox-bg-color, white);
| | h1, h2, h3, h4, h5, h6 { |
| | background: transparent !important; |
| | color: var(--accent-yellow) !important; |
| } | | } |
|
| |
|
| .navbox .navbox-section-row > td {
| | /* Linky */ |
| padding: 0;
| | a, |
| height: 100%;
| | a:visited { |
| | color: var(--link-color) !important; |
| } | | } |
|
| |
|
| .navbox .navbox-section { | | /* === Fix white bar on categories (#catlinks) === */ |
| width: 100%;
| | #catlinks, |
| border-spacing: 0;
| | #catlinks .mw-normal-catlinks, |
| | .skin-vector #catlinks, |
| | .skin-vector-2022 #catlinks, |
| | .skin-monobook #catlinks, |
| | .skin-timeless #catlinks { |
| | background: var(--bg-secondary) !important; |
| | color: var(--text-primary) !important; |
| | border: 1px solid var(--accent-yellow) !important; |
| | border-radius: 8px !important; |
| | padding: 6px 10px !important; |
| | box-shadow: none !important; |
| } | | } |
|
| |
|
| .navbox .navbox-above,
| | /* Inline list, no bullets, no extra gaps */ |
| .navbox .navbox-below {
| | #catlinks ul { |
| background: var(--navbox-header-color, #DDF);
| | list-style: none !important; |
| text-align: center;
| | margin: 0 !important; |
| | padding: 0 !important; |
| | display: inline !important; |
| | } |
| | #catlinks li { |
| | display: inline !important; |
| | margin: 0 .6em 0 0 !important; |
| } | | } |
|
| |
|
| .navbox .navbox-image {
| | /* Links/colors */ |
| background: var(--navbox-bg-color, white);
| | #catlinks a, |
| text-align: center;
| | #catlinks a:visited { |
| | color: var(--link-color) !important; |
| | background: transparent !important; |
| | text-decoration: none; |
| } | | } |
| | #catlinks a:hover { text-decoration: underline; } |
|
| |
|
| .navbox .navbox-group,
| | /* Remove any inherited white backgrounds from descendants */ |
| .navbox .navbox-header {
| | #catlinks * { |
| background: var(--navbox-header-color, #DDF);
| | background-color: transparent !important; |
| color: var(--navbox-text-color, black);
| |
| font-weight: bold;
| |
| height: 100%;
| |
| padding: 2px 4px;
| |
| } | | } |
|
| |
|
| .navbox .navbox-header-collapsible { | | /* 2025 09 05 - 15 08 */ |
| padding-left: 65px;
| | |
| | /***** LAYOUT & TYPO *****/ |
| | .mw-body, .mw-parser-output { line-height: 1.5; } |
| | .mw-parser-output img, .mw-parser-output video, .mw-parser-output .thumb img { |
| | max-width: 100% !important; height: auto !important; |
| } | | } |
|
| |
|
| .navbox .navbox-group { | | /***** INFOBOX A PRAVÝ STĹPEC *****/ |
| text-align: right;
| | .infobox, .portable-infobox { |
| padding-right: 1em;
| | float: right; |
| min-width: 150px;
| | width: 320px; max-width: 100%; |
| | margin: .5rem 0 .75rem .75rem; |
| | background: var(--bg-secondary) !important; |
| | border: 1px solid var(--accent-yellow) !important; |
| | } |
| | @media (max-width: 1100px) { |
| | .infobox, .portable-infobox { float:none; margin:.75rem 0; } |
| } | | } |
|
| |
|
| .navbox .navbox-group, | | /***** TABUĽKY – PRETEKANIE DOPRAVA *****/ |
| .navbox .navbox-image-left { | | /* 1) Každú wiki tabuľku sprav ako blok s horizontálnym scrollom */ |
| border-right: 2px solid var(--navbox-bg-color, white);
| | .mw-parser-output .wikitable, |
| | .mw-parser-output table.prettytable, |
| | .mw-parser-output table { |
| | display: block; /* umožní overflow-x */ |
| | max-width: 100%; |
| | overflow-x: auto; /* scroll pri úzkych viewportoch */ |
| | -webkit-overflow-scrolling: touch; |
| | box-sizing: border-box; |
| | clear: both; /* nenechaj ju „napchávať sa“ vedľa infoboxu */ |
| | border-collapse: collapse; |
| | background: var(--bg-secondary) !important; |
| | border: 1px solid var(--accent-yellow) !important; |
| } | | } |
|
| |
|
| .navbox-image-right { | | /* 2) Rozumné lámanie dlhých slov/URL a stabilná šírka stĺpcov */ |
| border-left: 2px solid var(--navbox-bg-color, white); | | .mw-parser-output .wikitable th, |
| | .mw-parser-output .wikitable td, |
| | .mw-parser-output table th, |
| | .mw-parser-output table td { |
| | white-space: normal !important; /* zabrání nekonečným riadkom */ |
| | overflow-wrap: anywhere; /* láme veľmi dlhé slová/URL */ |
| | word-break: break-word; |
| | hyphens: auto; |
| | padding: .4rem .5rem; |
| | border: 1px solid var(--accent-yellow) !important; |
| } | | } |
|
| |
|
| .navbox .navbox-list {
| | /* 3) Pri tabuľkách s veľa stĺpcami zrýchli layout */ |
| background: var(--navbox-bg-color, white);
| | .mw-parser-output .wikitable { table-layout: fixed; } |
| color: var(--navbox-text-color, black);
| |
| width: 100%;
| |
| height: 100%;
| |
| padding: 0 !important;
| |
| } | |
|
| |
|
| .navbox .alt > .navbox-list { | | /***** TOC, QUOTES, PRE/ CODE *****/ |
| background: var(--navbox-alt-color, #F7F7F7);
| | #toc, .toc { |
| | background: var(--bg-secondary) !important; |
| | border: 1px solid var(--accent-cyan) !important; |
| } | | } |
| | | pre, code, blockquote { |
| .navbox .navbox-list div { | | background: var(--bg-tertiary) !important; |
| padding: 0px 4px;
| | color: var(--text-secondary) !important; |
| | border: 1px solid var(--accent-yellow) !important; |
| | padding: .5rem .6rem; |
| | max-width: 100%; |
| | overflow: auto; /* dlhé riadky nech sa scrollujú, nie rozbíjajú layout */ |
| } | | } |
|
| |
|
| .navbox .navbox-list.no-group {
| | /***** DOLADENIE ROZHRANIA *****/ |
| text-align: center;
| | /* Kategórie – už máš, ale doplním drobnosti pre konzistenciu */ |
| } | | #catlinks, #catlinks * { background: transparent !important; } |
| | #catlinks { background: var(--bg-secondary) !important; border:1px solid var(--accent-cyan) !important; } |
|
| |
|
| .navbox .mw-collapsible-toggle { | | /* Mini fixy pre systémové boxy a message bannery */ |
| width: 65px;
| | .mw-message-box, .mw-warning, .mw-notification { |
| | background: var(--bg-secondary) !important; |
| | border-color: var(--accent-cyan) !important; |
| | color: var(--text-primary) !important; |
| } | | } |
|
| |
|
| /* for printing purposes, won't show navbox if one wants to print page */ | | /***** HRANICE A MIERKA TABULIEK *****/ |
| @media print {
| | .mw-parser-output .wikitable caption { color: var(--text-secondary); } |
| .navbox {
| | .mw-parser-output .wikitable tr:nth-child(even) td { background: rgba(255,255,255,.02); } |
| display: none;
| |
| }}
| |
|
| |
|
| | /* ************************** */ |
| | /***** TEXT – lepšia čitateľnosť *****/ |
| | .mw-body, |
| | .mw-parser-output p, |
| | .mw-parser-output li { |
| | max-width: 900px; /* obmedz šírku odstavcov na čitateľnú mieru */ |
| | margin-left: auto; |
| | margin-right: auto; |
| | line-height: 1.65; /* vzdušnejšie riadkovanie */ |
| | font-size: 15px; /* o trochu väčší, kompaktnejší text */ |
| | letter-spacing: 0.2px; /* jemné rozšírenie písma pre cyberpunk vzhľad */ |
| | color: var(--text-primary); |
| | } |
|
| |
|
| /* Styling for JQuery makeCollapsible, matching that of collapseButton */ | | /* Tighter spacing pre headings */ |
| .mw-collapsible-toggle { | | .mw-parser-output h1, |
| font-weight: normal;
| | .mw-parser-output h2, |
| /* @noflip */
| | .mw-parser-output h3 { |
| text-align: right;
| | margin-top: 1.6em; |
| | margin-bottom: 0.6em; |
| | line-height: 1.3; |
| } | | } |
|
| |
|
| .divYellowBox { | | /* Odrážky a zoznamy nech sú kompaktnejšie */ |
| border: 3px solid transparent;
| | .mw-parser-output ul, |
| -webkit-border-image: var(--cyberpunkwiki-main-box) round;
| | .mw-parser-output ol { |
| -o-border-image: var(--cyberpunkwiki-main-box) round;
| | margin-top: 0.4em; |
| border-image: var(--cyberpunkwiki-main-box) round;
| | margin-bottom: 0.8em; |
| border-image-slice: 10% fill;
| | padding-left: 1.4em; |
| border-image-width: 20px;
| |
| margin: 10px auto;
| |
| overflow: hidden;
| |
| text-align:center;
| |
| }
| |
|
| |
| .divGrayBox { | |
| border: 3px solid transparent;
| |
| -webkit-border-image: var(--cyberpunkwiki-main-box-alt) round;
| |
| -o-border-image: var(--cyberpunkwiki-main-box-alt) round;
| |
| border-image: var(--cyberpunkwiki-main-box-alt) round;
| |
| border-image-slice: 10% fill;
| |
| border-image-width: 20px;
| |
| padding: 10px;
| |
| }
| |
|
| |
| .BlockQuote { | |
| display: block;
| |
| border: 2px solid var(--cyberpunkwiki-border-color);
| |
| border-radius: 10px;
| |
| text-align: center;
| |
| padding: 1em;
| |
| overflow: hidden;
| |
| } | | } |
|
| |
|
| .BlockQuote p {
| |
| white-space:pre-wrap;
| |
| }
| |
|
| |
|
| .BlockQuote br {
| | /* ============================================================================================== */ |
| display: none; !important
| |
| }
| |
|
| |
|
| /*** category images ***/
| |
| /* outer div around image */
| |
| #mw-category-media .gallerybox {
| |
| border: 1px solid var(--cyberpunkwiki-border-color);
| |
| }
| |
|
| |
|
| /* thumbnail image */ | | /* === TYPO RESET: jednotná veľkosť a odsadenie === */ |
| #mw-category-media .thumb {
| | .mw-body, |
| background-color: transparent;
| | .mw-parser-output { |
| border: 0 !important;
| | --font-body: 15.5px; |
| | --lh: 1.65; |
| | --space-xxs: .25rem; |
| | --space-xs: .4rem; |
| | --space-sm: .6rem; |
| | --space-md: .9rem; |
| | font-size: var(--font-body); |
| | line-height: var(--lh); |
| } | | } |
|
| |
|
| /* thumbnails in unused images section */ | | /* Bežný text (odstavce, zoznamy, definície) – všade rovnaké */ |
| li.gallerybox div.thumb { | | .mw-parser-output p, |
| border: none !important;
| | .mw-parser-output li, |
| background: transparent !important;
| | .mw-parser-output dd, |
| | .mw-parser-output dt, |
| | .mw-parser-output blockquote, |
| | .mw-parser-output pre, |
| | .mw-parser-output code, |
| | .mw-parser-output table, |
| | .mw-parser-output .infobox, |
| | .mw-parser-output .portable-infobox, |
| | .mw-parser-output .toc, |
| | .mw-parser-output .navbox, |
| | .mw-parser-output .mw-message-box { |
| | font-size: 1em; /* žiadne zmenšovanie/zväčšovanie */ |
| | line-height: var(--lh); /* jednotné riadkovanie */ |
| } | | } |
|
| |
|
| /* video/image thumbnails */ | | /* Konzistentné okraje bežných prvkov */ |
| .gallery-image-wrapper { | | .mw-parser-output p { margin: 0 0 var(--space-sm); } |
| border: none !important;
| | .mw-parser-output ul, |
| background-color: transparent;
| | .mw-parser-output ol { margin: var(--space-xs) 0 var(--space-sm); padding-left: 1.4em; } |
| } | | .mw-parser-output li { margin: 0 0 var(--space-xxs); } |
| | .mw-parser-output dl { margin: var(--space-xs) 0 var(--space-sm); } |
| | .mw-parser-output dt { font-weight: 600; margin-top: var(--space-xxs); } |
| | .mw-parser-output dd { margin-left: 1.1em; } |
|
| |
|
| /* Tabs */ | | /* Nadpisy – rovnaké medzery nad/pod a mierka */ |
| .cptabs { | | .mw-parser-output h1 { font-size: 1.9em; margin: 1.2em 0 .55em; line-height: 1.25; } |
| width:100%;
| | .mw-parser-output h2 { font-size: 1.55em; margin: 1.1em 0 .5em; line-height: 1.28; } |
| margin-bottom:10px;
| | .mw-parser-output h3 { font-size: 1.3em; margin: 1.0em 0 .45em; line-height: 1.3; } |
| background-image: var(--cyberpunkwiki-h2-background-image);
| | .mw-parser-output h4 { font-size: 1.12em; margin: .9em 0 .4em; line-height: 1.35; } |
| background-repeat: no-repeat;
| | .mw-parser-output h5, |
| background-position: 25% 105%;
| | .mw-parser-output h6 { font-size: 1em; margin: .8em 0 .35em; } |
| background-size:100% 10px;
| |
| padding-bottom: 6px;
| |
| } | |
|
| |
|
| .cptabs ul { | | /* TOC, infobox, tabuľky – nech neprepisujú typografiu */ |
| margin:0px;
| | .mw-parser-output #toc, |
| padding:0px;
| | .mw-parser-output .toc, |
| height:27px;
| | .mw-parser-output .infobox, |
| | .mw-parser-output .portable-infobox, |
| | .mw-parser-output .wikitable, |
| | .mw-parser-output table { |
| | margin-top: var(--space-sm); |
| | margin-bottom: var(--space-md); |
| } | | } |
|
| |
|
| .cptabs li { | | /* Obrázky a popisky – mierne kompaktnejšie, ale stále čitateľné */ |
| display:inline-block;
| | .mw-parser-output .thumb .thumbcaption, |
| margin-right:0px;
| | .mw-parser-output figcaption { font-size: .95em; line-height: var(--lh); } |
| padding:0px;
| |
| height:20px;
| |
| }
| |
|
| |
| .cptabs li a { | |
| display:block;
| |
| text-decoration:none !important;
| |
| } | |
|
| |
|
| .cptabs li span { | | /* Poznámky a referencie – jednotné medzery */ |
| padding:7px 15px 7px 15px;
| | .mw-parser-output .references li { margin: 0 0 var(--space-xxs); line-height: var(--lh); } |
| border:2px solid var(--cyberpunkwiki-border-color);
| | .mw-parser-output .reference { font-size: .95em; } |
| border-bottom:none !important;
| |
| border-radius:10px 10px 0px 0px;
| |
| height:24px;
| |
| line-height:10px;
| |
| display:block;
| |
| -webkit-box-sizing:border-box;
| |
| -moz-box-sizing:border-box;
| |
| box-sizing:border-box;
| |
| } | |
|
| |
|
| .cptabs .mw-selflink span, .cptabs .mw-selflink span:hover {
| | /* Zaruč rovnakú veľkosť textu aj v tabuľkách/infoboxe */ |
| color:#111111;
| | .mw-parser-output .wikitable th, |
| border:2px solid var(--cyberpunkwiki-border-color);
| | .mw-parser-output .wikitable td, |
| border-bottom:none !important;
| | .mw-parser-output .infobox td, |
| background-color: var(--cyberpunkwiki-accent-color);
| | .mw-parser-output .infobox th { font-size: 1em; line-height: var(--lh); padding: .4rem .5rem; } |
| -moz-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
| -webkit-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
| box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
| }
| |
|
| |
| .cptabs li a span:hover {
| |
| border-color: var(--cyberpunkwiki-accent-color--secondary);
| |
| -moz-box-shadow:0px 0px 5px rgba(39,209,244,0.75);
| |
| -webkit-box-shadow:0px 0px 5px rgba(39,209,244,0.75);
| |
| box-shadow:0px 0px 5px rgba(39,209,244,0.75);
| |
| } | |
|
| |
|
| /*** Tabber coding ***/ | | /* Zbytočne „zmenšené“ systémové prvky narovnaj */ |
| ul.tabbernav {
| | #catlinks, .mw-notification, .mw-warning, .hatnote, .dablink { font-size: 1em; line-height: var(--lh); } |
| border-bottom:none !important;
| |
| }
| |
| .tabberlive { | |
| margin-top:1px;
| |
| overflow:auto;
| |
| }
| |
| .tabberlive > .tabbertab:not(.tabbertabhide) {
| |
| border:none !important;
| |
| }
| |
| .tabberlive > .tabbernav > li > a { | |
| font-size:14pt;
| |
| font-weight:400 !important;
| |
| letter-spacing:1px;
| |
| text-align:center;
| |
| padding-bottom:1%;
| |
| background-color:transparent;
| |
| border:none;
| |
| color:#d5d4d4 !important;
| |
| padding: 0px 5px;
| |
| }
| |
| .tabberlive > .tabbernav > li > a:hover {
| |
| background-color:transparent;
| |
| color:#ebe152 !important;
| |
| background-image: none;
| |
| } | |
|
| |
|
| .tabberlive > .tabbernav > li > a:active { | | /* Voliteľné: obmedz čitateľnú šírku bežného textu (bez tabuliek/infoboxu) */ |
| background-color:transparent
| | .mw-parser-output > p, |
| | .mw-parser-output > ul, |
| | .mw-parser-output > ol, |
| | .mw-parser-output > dl, |
| | .mw-parser-output > blockquote { |
| | max-width: 900px; |
| | margin-left: auto; |
| | margin-right: auto; |
| } | | } |
| .tabberlive > .tabbernav > li.tabberactive > a {
| |
| background-color:transparent;
| |
| border:none;
| |
| color: var(--cyberpunkwiki-accent-color--secondary) !important;
| |
| }
| |
| .tabberlive > .tabbernav > li.tabberactive > a:hover {
| |
| background-color:transparent;
| |
| border:none;
| |
| }
| |
| .tabberlive > .tabbernav > li.tabberactive > a:active {
| |
| background-color:transparent;
| |
| }
| |
|
| |
| /* remove extra spacing within the gallery */
| |
| .wikia-gallery-item {
| |
| padding-bottom: 0 !important;
| |
| }
| |
| /*** end Tabber style edits ***/
| |
|
| |
|
| /* light mode fix */
| |
| .theme-fandomdesktop-light .DBContainer { background-color: rgba(0,0,0,.9); }
| |
|
| |
|
| /* [[Template:Plainlist]] */ | | /* - ------------------------------------------------------------------------------ */ |
| .page-content .plainlist ul { | | /* === Fix obtekania obrázkov === */ |
| line-height: inherit;
| | .mw-parser-output .thumb, |
| list-style: none none;
| | .mw-parser-output .floatleft, |
| margin: 0;
| | .mw-parser-output .floatright, |
| | .mw-parser-output .infobox, |
| | .mw-parser-output .portable-infobox { |
| | margin: 0.5rem 1.2rem 0.8rem 1.2rem !important; /* väčšie odsadenie zo všetkých strán */ |
| } | | } |
| .page-content .plainlist ul li { margin-bottom: 0; }
| |
|
| |
|
| /* Styling for Template:CraftingTable */ | | /* Ak je obrázok vľavo, nech má extra priestor vpravo */ |
| .CraftingTable { | | .mw-parser-output .floatleft, |
| display:inline-block;
| | .mw-parser-output .thumb.tright { |
| width:auto;
| | margin-right: 1.5rem !important; |
| max-width:535px;
| |
| }
| |
| .CraftingTable-Table { | |
| max-width:535px;
| |
| font-size:12px;
| |
| }
| |
| .CraftingTable-Table tr, .CraftingTable-Table td { vertical-align: top; } | |
| .CraftingTable-Block {
| |
| border: 1px solid var(--theme-border-color);
| |
| margin: 0px;
| |
| padding: 1px 2px;
| |
| background-color: var(--theme-page-background-color--secondary);
| |
| } | | } |
|
| |
|
| .CraftingTable-Block + .CraftingTable-Block { margin-top: 3px; } | | /* Ak je obrázok vpravo, nech má extra priestor vľavo */ |
| .CraftingTable-Table .selflink { font-weight: normal; } | | .mw-parser-output .floatright, |
| .theme-fandomdesktop-light .CraftingTable-arrow .image { | | .mw-parser-output .thumb.tleft, |
| background-image: url(https://static.wikia.nocookie.net/cyberpunk/images/1/1f/Pent-arrow_light.png/revision/latest);
| | .mw-parser-output .infobox, |
| background-repeat: no-repeat;
| | .mw-parser-output .portable-infobox { |
| width: 14px;
| | margin-left: 1.5rem !important; |
| background-size: contain;
| |
| background-position: center;
| |
| } | | } |
| .theme-fandomdesktop-light .CraftingTable-arrow .image img { opacity: 0; }
| |
|
| |
|
| /*** Infobox Stat Bar ***/ | | /* Popisky pod obrázkami nech sú kompaktnejšie, ale čitateľné */ |
| .pi-stat-name { | | .mw-parser-output .thumbcaption { |
| text-align: right;
| | font-size: 0.95em; |
| margin-right: 12px !important;
| | line-height: 1.5; |
| | margin-top: 0.3rem; |
| } | | } |
|
| |
|
| .pi-stat-bar { | | /* Väčšie medzery okolo plávajúcich prvkov */ |
| display: -webkit-inline-box;
| | .mw-parser-output .thumb, |
| vertical-align: text-top;
| | .mw-parser-output .floatleft, |
| background-color: var(--cyberpunkwiki-pi-stat-bar-bg);
| | .mw-parser-output .floatright, |
| background-color: var(--cyberpunkwiki-pi-stat-bar-bg2);
| | .mw-parser-output .infobox, |
| width: 100px !important;
| | .mw-parser-output .portable-infobox { |
| max-width: 100px !important;
| | margin-top: .5rem !important; |
| height: 13px;
| | margin-bottom: .8rem !important; |
| margin-left: 0px !important;
| |
| } | | } |
|
| |
|
| .pi-stat-bar-min { | | /* Obrázok vľavo → priestor vpravo */ |
| background-color: var(--cyberpunkwiki-pi-stat-bar-min-bg);
| | .mw-parser-output .thumb.tleft, |
| | .mw-parser-output .floatleft { |
| | margin-left: 0 !important; |
| | margin-right: 1.6rem !important; |
| } | | } |
|
| |
|
| .pi-stat-bar-max { | | /* Obrázok vpravo (aj infobox) → priestor vľavo */ |
| background-color: var(--cyberpunkwiki-pi-stat-bar-max-bg);
| | .mw-parser-output .thumb.tright, |
| background-color: var(--cyberpunkwiki-pi-stat-bar-max-bg2);
| | .mw-parser-output .floatright, |
| | .mw-parser-output .infobox, |
| | .mw-parser-output .portable-infobox { |
| | margin-right: 0 !important; |
| | margin-left: 1.6rem !important; |
| } | | } |
|
| |
|
| .pi-stat-bar-max:after { | | /* Jemný vnútorný odstup v rámci rámčeka thumb */ |
| content: '';
| | .mw-parser-output .thumb .thumbinner { |
| | padding: .25rem !important; |
| } | | } |
|
| |
|
| .pi-stat-bar-value {
| | /* Pri tabulkách: viac priestoru medzi stĺpcami s textom */ |
| color: var(--cyberpunkwiki-pi-stat-bar-value);
| | .mw-parser-output table td, |
| font-weight: bold;
| | .mw-parser-output table th { |
| }
| | padding: 0.75rem 0.9rem !important; |
| /*** For coloring enemy abilities ***/ | | vertical-align: top; /* text hore vedľa obrázka */ |
| .theme-fandomdesktop-dark .icon-template { | |
| filter: var(--cyberpunkwiki-icon-color)
| |
| }
| |
| .theme-fandomdesktop-light .icon-template { | |
| filter: invert(100%) !important;
| |
| } | | } |
|
| |
|
| /* for light mode icons used across a variety of templates and pages */ | | /* Extra ľavé odsadenie pre každý nasledujúci stĺpec v riadku */ |
| .theme-fandomdesktop-light .filtericon { | | .mw-parser-output table td + td, |
| filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
| | .mw-parser-output table th + td, |
| | .mw-parser-output table th + th { |
| | padding-left: 1.25rem !important; /* toto vytvorí medzeru od obrázka */ |
| } | | } |
|
| |
|
| .fandom-sticky-header__sitename { | | /* Ak je v bunke obrázok, nech je jemný odstup od rámu bunky */ |
| display: none;
| | .mw-parser-output table td img, |
| | .mw-parser-output table td .thumb { |
| | margin: 0.2rem 0.2rem 0.2rem 0.2rem !important; |
| | max-width: 100%; |
| | height: auto; |
| } | | } |
|
| |
|
| section[data-item-name="general"] img {
| | /* Odstránenie bielych pozadí z RecentChanges */ |
| filter: var(--cyberpunkwiki-icon-color);
| | .mw-body, |
| | .mw-body-content, |
| | .rcfilters-head, |
| | .mw-changeslist-legend, |
| | .mw-changeslist, |
| | .mw-specialpage-summary { |
| | background: transparent !important; |
| | color: var(--text-primary, #fff) !important; |
| } | | } |
| | | .mw-changeslist-legend, |
| section[data-item-name="stats"] img {
| | .rcfilters-head { |
| filter: var(--cyberpunkwiki-icon-color);
| | border: 1px solid #333 !important; |
| } | | } |
| | | /* Fix bielych rámikov v Live updates / filteroch */ |
| .condition { | | .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper, |
| color: var(--cyberpunkwiki-link-color);
| | .oo-ui-menuSelectWidget, |
| | .oo-ui-tagMultiselectWidget-handle { |
| | background-color: #111 !important; |
| | color: #fff !important; |
| } | | } |