html, body {
font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: 1.1rem;
background: #111;
background-color: #111 !important;
color: #eee;
/*height: 100%;*/
}
/* desktop výchozí */
@media (max-width: 992px) {
html {
font-size: 1.1rem;
}
}
/* tablet */
@media (max-width: 768px) {
html {
font-size: 0.9rem;
}
}
@media (max-width: 540px) {
html {
font-size: 0.8rem;
}
}
/* mobil */
.container {
width: min(1100px, 95vw);
margin: 0 auto;
}
.navbar .container-fluid,
.navbar .container-xl {
padding-left: 0;
padding-right: 0;
}
.robonav {
background-color: var(--kendo-color-primary);
}
.top-nav {
display: flex;
gap: 12px;
padding: 16px 0;
}
.top-nav a {
color: #fff;
text-decoration: none;
}
.auth-menu {
margin-left: auto;
display: inline-flex;
gap: 10px;
list-style: none;
}
.grid-2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin-top: 10px;
}
.k-card .k-card-actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
text-align: center;
margin-top: auto; /* odtlačí akci ke spodku karty */
display: flex;
justify-content: center; /* vycentruje horizontálně */
}
.k-metric {
font-size: 28px;
font-weight: 600;
margin: 6px 0 2px;
}
.k-muted {
opacity: .75;
font-size: 13px;
}
.k-form .k-form-buttons {
margin-top: 30px;
}
.k-form-field {
display: flex;
margin-bottom: 15px !important;
}
.ml20 {
margin-left: 21%;
}
.logo-img {
width: 50px;
height: 50px;
}
/* ===== Globální proměnné barev scrollbarů ===== */
:root {
--scroll-track: #1f1f1f; /* pozadí kolejnice */
--scroll-thumb: #5e5e5e; /* “palec” */
--scroll-thumb-hover: #5aa0e6; /* palec při hoveru */
}
/* Pokud používáš dark class (viz ) */
.theme-dark {
--scroll-track: #121212;
--scroll-thumb: #5e5e5e;
--scroll-thumb-hover: #cacaca;
}
/* ===== Chromium / WebKit (Chrome, Edge, Safari) – VŠEOBECNĚ ===== */
*::-webkit-scrollbar {
width: 12px; /* vertikální */
height: 12px; /* horizontální */
}
*::-webkit-scrollbar-track {
background: var(--scroll-track);
}
*::-webkit-scrollbar-thumb {
background-color: var(--scroll-thumb);
border-radius: 8px;
border: 3px solid var(--scroll-track); /* “mezera” kolem palce */
}
*::-webkit-scrollbar-thumb:hover {
background-color: var(--scroll-thumb-hover);
}
*::-webkit-scrollbar-corner {
background: var(--scroll-track);
}
/* Kendo prvky s vlastními scrolly – volitelné zúžení */
.k-grid .k-grid-content::-webkit-scrollbar,
.k-grid .k-grid-header::-webkit-scrollbar,
.k-dialog .k-content::-webkit-scrollbar,
.k-list-container::-webkit-scrollbar,
.k-popup .k-popup-content::-webkit-scrollbar {
width: 10px;
height: 10px;
}
/* ===== Firefox (globálně) ===== */
html, body, * {
scrollbar-width: thin; /* auto | thin | none */
scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}
/* Volitelně: stabilní žlábek na desktopu (menší “poskakování” layoutu) */
@supports (scrollbar-gutter: stable) {
html {
scrollbar-gutter: stable both-edges;
}
}
/* === Firefox === */
.k-grid .k-grid-content,
.k-grid .k-grid-header {
scrollbar-width: thin; /* auto | thin | none */
scrollbar-color: #a1a1a1 #1f1f1f; /* thumb | track */
}
/* rámeček a stín jen pro náš dialog */
.team-players-dialog.k-dialog,
.team-players-dialog.k-window {
border: 2px solid #5e5e5e; /* barva rámečku */
border-radius: 12px; /* zaoblení */
box-shadow: 0 12px 32px rgba(0,0,0,0.6);
overflow: hidden; /* ať rámeček drží i u titlebaru */
}
/* jemné orámování titlebaru + zvýraznění */
.team-players-dialog .k-window-titlebar,
.team-players-dialog .k-dialog-titlebar {
border-bottom: 1px solid #5e5e5e;
background: rgba(58,141,222,0.08); /* lehký akcent do dark tématu */
}
/* volitelně: zvýraznit spodní akce a vycentrovat */
.team-players-dialog .k-actions {
/*justify-content: center;*/
border-top: 1px solid #5e5e5e;
}
.form-stacked .k-form-field {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 6px;
}
adm-card {
}
.adm-card:hover {
box-shadow: 0px 0px 44px 3px rgba(122,122,122,0.6);
-webkit-box-shadow: 0px 0px 44px 3px rgba(122,122,122,0.6);
-moz-box-shadow: 0px 0px 44px 3px rgba(122,122,122,0.6);
}
/* ===== League site menu ===== */
.league-site-menu {
margin: 20px 0 10px;
}
.league-site-menu__header {
background: var(--kendo-color-primary-active);
padding: 14px 24px;
}
.league-site-menu__title {
font-size: 26px;
font-weight: 600;
letter-spacing: .5px;
color: #fff;
}
.league-site-menu__nav {
display: flex;
background: var(--kendo-color-primary);
}
.league-site-menu__item {
padding: 14px 20px 12px;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
letter-spacing: .5px;
text-decoration: none;
color: #000;
position: relative;
transition: background .18s ease, color .18s ease;
}
.league-site-menu__item:hover {
/*background: var(--kendo-color-primary);*/
background: var(--kendo-color-primary-hover);
color: #fff;
}
.league-site-menu__item.active {
background: #000;
color: #fff;
}
@media (max-width:960px) {
.league-site-menu__nav {
flex-wrap: wrap;
}
.league-site-menu__item {
padding: 10px 22px;
}
.league-site-menu__title {
font-size: 22px;
}
}
/* --- Standings styl --- */
.k-grid #standingsGrid,
#standingsGrid {
font-size: 14px;
}
#standingsGrid .col-rank {
font-weight: 500;
}
#standingsGrid .col-body {
font-weight: 600;
}
#standingsGrid .t-right {
text-align: right;
}
#standingsGrid .t-center {
text-align: center;
}
.team-tab-table {
width: 100%;
border-collapse: collapse;
margin: 6px 0 18px 0;
}
.team-tab-table th {
font-weight: 600;
color: var(--kendo-color-primary);
text-align: left;
padding: 6px;
}
.team-tab-table th.t-right {
text-align: right;
}
.team-tab-table th.t-center {
text-align: center;
}
.team-tab-table td {
padding: 4px 6px;
border-top: 1px solid #222;
}
.team-tab-table td.t-right {
text-align: right;
}
.team-tab-table td.t-center {
text-align: center;
}
#teamRankingsShell .k-tabstrip-content {
background: #111;
padding: 0;
}
.tab-pane {
padding: 0 12px 20px 12px;
}
.theme-switcher-wrapper {
position: relative;
top: 6px;
right: 12px;
z-index: 1000;
display: flex;
gap: 8px;
align-items: center;
background: var(--kendo-color-primary);
padding: 6px 10px;
border-radius: 4px;
box-shadow: 0 0 6px rgba(0,0,0,.5);
}
.theme-switcher-wrapper label {
margin: 0;
font-size: .7rem;
text-transform: uppercase;
letter-spacing: .5px;
font-weight: 600;
}
.theme-switcher-wrapper #kendoThemeSelect {
min-width: 220px;
}
@@media (max-width: 992px) {
.theme-switcher-wrapper {
position: static;
margin: 4px 0 0 0;
}
}
/* ===== Light navbar colors ===== */
.navbar.robonav.nav-light .nav-link, .navbar.robonav.nav-light .navbar-brand, .navbar.robonav.nav-light .dropdown-item {
color: #fff !important;
}
.navbar.robonav.nav-light .dropdown-item:hover {
background: rgba(255,255,255,0.1);
}
/* Handicap badge */
.hcp { display:inline-block; margin-left:4px; font-size:11px; font-weight:600; color: var(--kendo-color-primary); }
.results-grid .k-grid-header th.hide-header > .k-link {
display: none;
}
.results-grid .k-grid-header th.hide-header {
padding-top: 0;
padding-bottom: 0;
}
.results-grid td.t-right {
text-align: right;
}
.results-grid td.t-left {
text-align: left;
}
.results-grid td.t-center {
text-align: center;
}
.results-grid td span.ratio-cell {
padding: 3px 6px;
text-align: center;
font-weight: 600;
white-space: nowrap;
background: var(--kendo-color-primary, var(--kendo-primary,#0d6efd));
color: #fff;
}
.round-standings-table {
width: 100%;
border-collapse: collapse;
}
.round-standings-table thead th {
font-weight: 600;
color: var(--kendo-color-primary, var(--kendo-primary));
padding: 4px 6px;
}
.round-standings-table tbody td {
padding: 4px 6px;
}
.round-standings-table tbody tr:nth-child(even) {
background: #282828;
}
.round-standings-table .t-right {
text-align: right;
}
.round-standings-table .t-center {
text-align: center;
}
/* detail games */
.match-games-table {
width: 100%;
border-collapse: collapse;
margin: 4px 0 8px 0;
}
.match-games-table td {
padding: 2px 6px;
font-size: 13px;
}
.match-games-table td.player-name {
font-weight: 500;
width: auto;
}
.match-games-table td.score {
width: 55px;
font-weight: 600;
}
.match-games-table td.vs-cell {
width: 40px;
font-size: 11px;
opacity: .7;
}
.k-grid .k-hierarchy-cell .k-icon {
color: var(--kendo-color-primary, var(--kendo-primary));
}
.expand-all-btn {
line-height: 1;
padding: 2px 6px;
font-weight: 600;
}
.results-grid th.k-hierarchy-cell {
width: 34px;
text-align: center;
}
.results-grid th.k-hierarchy-cell .expand-all-btn {
background: transparent;
border: 0;
color: var(--kendo-color-primary);
cursor: pointer;
font-size: 18px;
padding: 0;
line-height: 1;
margin-bottom: 10px;
}
.results-grid th.k-hierarchy-cell .expand-all-btn:focus {
outline: none;
}
/* ?? Prevence FOUC: tmavé inputy načtené okamžitě se site.css ??????????????
Bootstrap defaultně styluje inputy bíle. Kendo téma to přepíše, ale až
po stažení – proto probliknou. Tato pravidla platí vždy a zabrání bliknutí.
?????????????????????????????????????????????????????????????????????????? */
input, input[type="text"], input[type="number"], input[type="email"],
input[type="password"], input[type="search"], input[type="date"],
input[type="tel"], input[type="url"], textarea, select,
.form-control, .form-select {
background-color: #1e2533 !important;
color: #e2e8f0 !important;
border-color: #4a5568 !important;
}
input::placeholder, textarea::placeholder {
color: #718096 !important;
}
input:focus, textarea:focus, select:focus,
.form-control:focus, .form-select:focus {
background-color: #252d3a !important;
color: #e2e8f0 !important;
border-color: #63b3ed !important;
box-shadow: 0 0 0 0.2rem rgba(99,179,237,.25) !important;
}