MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
-/
+/* === OPTIMALIZOVANÉ CSS PRE MEDIAWIKI CYBERPUNK WIKI === */
+/* === CSS PREMENNÉ === */
+:root {
+  /* Základné farby */
+  --bg-primary: #0a0a0a;
+  --bg-secondary: #111111;
+  --bg-tertiary: #1a1a1a;
+  --text-primary: #ffffff;
+  --text-secondary: #e0e0e0;
+  --text-muted: #cfcfcf;
+  /* Cyberpunk farby */
+  --accent-yellow: #FCEE0A;
+  --accent-cyan: #29FFFF;
+  --link-color: #39d1ff;
+  --link-visited: #a0a0ff;
+  --border-color: #2b2b2b;
+  /* Grafické assets */
+  --h2-bg-image: url("/mediawiki/images/d/df/CP2077_header_bottom.svg");
+  --main-box: url("/mediawiki/images/0/0e/Cyberpunk_2077_yellow_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á */
+}
+/* === FONT FACES === */
+@font-face {
+  font-family: "Rajdhani";
+  font-weight: 400;
+  font-display: swap;
+  src: url('wiki/Special:FilePath/Rajdhani-Regular.ttf') format("opentype");
+}
+@font-face {
+  font-family: "Orbitron";
+  font-weight: 400;
+  font-display: swap;
+  src: url('wiki/Special:FilePath/Orbitron.ttf') format("opentype");
+}
+@font-face {
+  font-family: "BlenderProBook";
+  font-weight: 400;
+  font-display: swap;
+  src: url('wiki/Special:FilePath/BlenderPro-Book.ttf') format("opentype");
+}
+@font-face {
+  font-family: "BlenderProBold";
+  font-weight: 700;
+  font-display: swap;
+  src: url('wiki/Special:FilePath/BlenderPro-Bold.ttf') format("opentype");
+}
+/* === IMPORTS === */
+@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:CustomTemplates.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 {
+  background: var(--bg-primary) !important;
+  color: var(--text-primary) !important;
+}
+.mw-body, .mw-body-content, #content {
+  background: var(--bg-primary) !important;
+  color: var(--text-primary) !important;
+  max-width: 1080px !important;
+  margin: 0 auto !important;
+  padding-left: 15px !important;
+  box-shadow: 0 0 0 1px #222, 0 10px 40px rgba(0,0,0,.4);
+}
+/* === NAVIGÁCIA A PANELY === */
+#mw-head, #left-navigation, #right-navigation,
+#mw-page-base, #mw-head-base, #mw-navigation,
+.vector-sticky-header {
+  background: var(--bg-primary) !important;
+  border-color: #222 !important;
+}
+#mw-panel, #mw-panel .portal, #mw-panel .portal .body,
+#p-logo, #p-logo a {
+  background: var(--bg-secondary) !important;
+  color: var(--text-muted) !important;
+}
+/* === ODKAZY === */
+a { color: var(--link-color) !important; text-decoration: none; transition: color .16s ease; }
+a:visited { color: var(--link-visited) !important; }
+.mw-body-content a:hover, .mw-body-content a:focus { color: var(--accent-yellow) !important; }
+/* === NADPISY === */
+h1, h2, h3, h4, h5, h6 {
+  color: var(--accent-yellow) !important;
+  border-bottom: 1px solid #333 !important;
+  font-family: BlenderProBold, sans-serif;
+}
+.firstHeading {