More actions
mBez shrnutí editace |
mBez shrnutí editace |
||
| Řádek 2 790: | Řádek 2 790: | ||
.member-info .member-name { | .member-info .member-name { | ||
font-size:1. | font-size:1.15rem; | ||
color:#85c5f9; | color:#85c5f9; | ||
margin-right:8px; | margin-right:8px; | ||
Verze z 12. 9. 2025, 15:56
/*WikiEditor solving issue */
.wikiEditor-ui-toolbar {
height: fit-content;
}
/* Zde uvedené CSS bude ovlivňovat všechny vzhledy */
:root {
/* --width-layout: 1080px; Slightly wider content */
}
body {
background: var(--background-color-dp-6);
}
pre {
white-space:pre-line;
}
.float-right {
float:right;
margin-left:20px;
}
.shadow {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
}
/* velikosti písma */
.text-xxs {
font-size:calc(var(--font-size-base) * 0.72);
}
.text-xs {
font-size:var(--font-size-x-small);
}
/* wikitable */
table.wikitable tr th, table.wikitable tr td {
/* padding:7px 20px 7px 0;*/
}
table.wikitable pre {
padding: 0.3rem;
border-radius:var(--border-radius-medium);
}
/* Odstranění ikony u externích odkazů */
.mw-parser-output a.external {
background-image:none;
padding-right:0;
}
.wikitableBackground {
background:var(--color-surface-2);
}
/* wikitable freeze */
.wikitable-freeze {
margin:var(--space-md) 0;
font-size:var(--font-size-small);
border-spacing:0;
border:1px solid var(--border-color-base);
border-radius:var(--border-radius-medium);
}
.wikitable-free tr:first-child {
position:sticky;
top:0;
z-index:1;
}
.wikitable-freeze th {
font-weight:var(--font-weight-normal);
color:var(--color-base--subtle);
text-align:start;
letter-spacing:0.05em;
background:var(--color-surface-2);
}
.wikitable-freeze tbody tr:hover {
background-color: var(--background-color-quiet--hover);
}
.wikitable-freeze tr td {
border-top:1px solid var(--border-color-base);
}
.wikitable-freeze tr td:nth-child(n+2) {
border-top:1px solid var(--border-color-base);
text-align:center;
}
.wikitable-freeze th, td {
padding:var(--space-xs) var(--space-sm);
}
.wikitable-freeze tr:first-of-type th:last-child, .wikitable-freeze tr:first-of-type td:last-child {
border-bottom-left-radius:var(--border-radius-medium);
}
.wikitable-freeze tr:first-of-type th:first-child, .wikitable-freeze tr:first-of-type td:first-child {
border-top-left-radius:var(--border-radius-medium);
}
.wikitable-freeze tr:last-of-type th:first-child, .wikitable-freeze tr:last-of-type td:first-child {
border-bottom-left-radius:var(--border-radius-medium);
}
.wikitable-freeze tr:last-of-type th:last-child, .wikitable-freeze tr:last-of-type td:last-child {
border-bottom-right-radius:var(--border-radius-medium);
}
.wikitable-freeze th:nth-child(n+2) {
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
line-height:1;
position:relative;
-webkit-writing-mode:vertical-rl;
vertical-align:middle;
}
.wikitable-freeze tr>th:first-child, .wikitable-freeze tr>td:first-child {
position: sticky;
left: 0;
background:var(--color-surface-2);
z-index:2;
}
.firstCol__gold td:nth-child(1) { color: #e9a909; }
/* Šablona: Karta */
.karta {
width:100%;
border-radius:var(--border-radius-medium);
background-color:var(--color-surface-2);
display:flex;
flex-direction:column;
overflow:hidden;
}
.karta__titulek {
/*background-color:var(--color-surface-3);*/
padding: .6rem;
border-bottom: 2px solid var(--color-surface-4);
}
.karta__titulek h2, .karta__titulek h3, .karta__titulek h4 {
margin:0;
padding-top: 0.3rem;
padding-left: 0.3rem;
font-size:var(--font-size-large);
}
.karta__text {
padding: 0.6rem 1.5rem;
}
.karta__img {
display:block;
width:100%;
height:auto;
margin-top:auto;
overflow:hidden;
}
.karta__img img {
width:100%;
height:auto;
object-fit:cover;
object-position:center;
transition:transform 0.5s ease-in-out, filter 0.5s ease-in-out;
}
.karta:hover .karta__img img {
transform:scale(1.1);
}
/* Šablona: Karty */
ul.kartyList {
display:flex;
flex-wrap:wrap;
list-style:none;
margin:var(--space-md) 0 var(--space-md) 0;
justify-content: space-between;
}
.karty {
width: 100%;
height: 100%;
/* max-width: 400px; */
border-spacing: 0;
border-radius: var(--border-radius-large);
background: var(--color-surface-2);
font-size: var(--font-size-x-small);
font-weight:300;
text-align: left;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
/* V případě, že tooltip překročí boundary */
overflow: visible;
}
.karty tbody {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.karty tr {
padding: 0 5px;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.karty tr:last-child {
margin-top: 10px;
margin-bottom: 10px;
}
.karty th,
.karty td {
padding: 0 5px;
}
.karty .karty-image {
margin-top: 0;
padding: 0;
border-radius: 12px 12px 0 0;
overflow: hidden;
}
.karty-image td {
padding: 0;
}
.karty-image--dark .image {
background: #2b2f36;
}
.karty-image /*.image*/ img {
max-width: 100%;
display: block;
background: var(--background-color-quiet--hover);
height: auto;
}
.kartyNadpis {
border-bottom:1px solid var(--color-base);
width:100%;
margin-top:0;
height:35px;
justify-content: center;
font-weight: 500;
font-size: var(--font-size-small);
}
.dveKarty .citizen-overflow-wrapper, .triKarty .citizen-overflow-wrapper, .ctyriKarty .citizen-overflow-wrapper, .petKarty .citizen-overflow-wrapper {
overflow-x: hidden;
height: 100%;
}
.dveKarty {
max-width:calc(50% - 10px);
}
.triKarty {
max-width:calc(33.3% - 10px);
}
.ctyriKarty {
max-width:calc(25% - 10px);
}
.petKarty {
max-width:calc(20% - 7px);
}
@media only screen and (max-width: 880px) {
.ctyriKarty, .petKarty {
max-width:calc(33.3% - 5px);
margin-bottom: 10px;
}
}
@media only screen and (max-width: 720px) {
.triKarty, .ctyriKarty, .petKarty {
max-width:calc(50% - 5px);
margin-bottom: 10px;
}
}
/* Infoboxy */
.infobox {
width: 100%;
max-width: 400px;
margin-top: 0.8rem;
margin-bottom: 0.4em;
border-spacing: 0;
border-radius: var(--border-radius-large);
background: var(--color-surface-2);
font-size: 0.875rem;
text-align: left;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
/* V případě, že tooltip překročí boundary */
overflow: visible;
}
.infobox tbody {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 20px;
}
.infobox tr {
margin-top: 10px;
padding: 0 8px;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.infobox th,
.infobox td {
padding: 0 10px;
}
.infobox-tag {
position:absolute;
bottom:0px;
right:0px;
padding:calc(0.25 * var(--space-unit)) calc(0.4 * var(--space-unit));
border-radius:6px;
font-size:0.8em;
margin:10px;
}
.infobox .infobox-col1 {
width: 100%;
}
.infobox .infobox-col2 {
width: 50%;
}
.infobox .infobox-col2-3 {
width: calc(200% / 3);
}
.infobox .infobox-col3 {
width: calc(100% / 3);
}
.infobox .infobox-col4 {
width: 25%;
}
.infobox .infobox-title {
margin-top: 20px;
margin-bottom: 5px;
width: 100%;
color: var(--color-base--emphasized);
font-size: 1.4rem;
line-height: 1.4;
}
.infobox .infobox-subTitle {
margin-top: 0px;
margin-bottom: 20px;
width: 100%;
color: var(--color-base--subtle);
font-size: 1.1rem;
line-height: 0.7;
}
.infobox .infobox-header {
margin-top: 15px;
padding-top: 15px;
width: 100%;
color: var(--color-emphasized);
border-top: 1px solid;
border-color: var(--border-color-base);
font-size: 1rem;
}
/* Infobox titulkový obrázek */
.infobox .infobox-image {
margin-top: 0;
padding: 0;
border-radius: 12px 12px 0 0;
overflow: hidden;
}
.infobox-image td {
padding: 0;
}
.infobox-image--dark .image {
background: #2b2f36;
}
.infobox-image .image img {
max-width: 100%;
display: block;
background: var(--background-color-quiet--hover);
}
/* Infobox hodnoty */
.infobox-data th {
color: var(--color-subtle);
font-weight: normal;
font-size: 0.8125rem;
letter-spacing: .75px;
}
.infobox-data td {
font-weight: 500;
}
.infobox-data ul,
.infobox-data ol {
margin-top: 0;
}
@media only screen and (max-width: 720px) {
.infobox {
margin-left: auto;
margin-right: auto;
}
.float-right {
float:none;
}
.infobox tr:first-of-type .mw-collapsible-toggle {
display: block;
}
}
/* Spoiler box template*/
div.spoilerbox {
margin-top: 0.6rem;
border-radius: 8px;
color: var(--color-base--subtle);
background: var(--color-surface-2);
font-size: 0.875rem;
line-height: 1.4;
overflow: hidden;
}
.spoilerbox-header {
padding: 10px 15px;
background-color: var(--border-color-base);
letter-spacing: .75px;
transition: background 0.2s ease;
}
.spoilerbox.mw-collapsed .spoilerbox-header {
background: transparent;
}
.spoilerbox-content {
padding: 10px 15px;
}
.spoilerbox .mw-collapsible-toggle:before,
.spoilerbox .mw-collapsible-toggle:after {
content: none;
}
.spoilerbox .mw-collapsible-text {
display: block;
padding: 10px 15px;
color: var(--color-base--subtle);
background: var(--border-color-base);
}
.spoilerbox .mw-collapsible-text:hover {
background: var(--background-color-quiet--hover);
}
.spoilerbox .mw-collapsible-text:active {
background: var(--background-color-quiet--active);
}
/* dočasně Pride Month ze Starcitizen.tools */
.mw-logo-wordmark {
display: flex;
align-items: center;
gap: var(--space-sm);
}
.mw-logo-wordmark::after {
content: "";
width: 1em;
height: 1em;
background-image:url(https://media.starcitizen.tools/5/5f/SCW-Verified.svg);
}
/* šablona Specifikace */
.spec-main {
width:100%;
display:flex;
}
.spec-main tbody {
}
.spec-main .spec-col {
/*width: 45%;*/
max-width:450px;
display:inline-grid;
margin:0 10px;
}
.spec-main .spec-inner {
line-height:1.6;
font-size:14px;
margin:0;
padding: 15px;
min-width:400px;
border-radius: var(--border-radius-large);
background: var(--color-surface-2);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
display: inline-table;
}
.spec-main .spec-inner td {
display: flex;
align-items: center;
justify-content: space-between;
padding:0;
}
.specOznac {
color:#d5603a; /*d77c36*/
display:contents;
}
.spec-inner .spec-header {
width: 100%;
color: var(--color-base--emphasized);
font-size: 1rem;
}
@media only screen and (max-width: 900px) {
.spec-main {
width:100%;
display:table-caption;
}
.spec-main .spec-col {
width: 100%;
margin:10px 0;
}
}
/* Užitečné odkazy, šablona Odkazy ZASTARALÉ */
table.odkazy {
width: 100%;
margin-top: 0.8rem;
border-spacing: 0;
border-radius: var(--border-radius-large);
/*background: var(--background-color-dp-02);*/
text-align: left;
/*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);*/
}
.odkazy tr {
margin-top: 10px;
padding: 0 8px;
box-sizing: border-box;
}
.odkazy td {
padding:0;
}
/* používá šablona Infoboxů */
ul.odkazy-urlSeznam {
list-style:none;
display:flex;
flex-wrap:wrap;
margin:0;
padding:0;
}
ul.odkazy-urlSeznam a.external {
padding:5px 10px;
border-radius:4px;
}
ul.odkazy-urlSeznam a.external:hover {
padding:5px 10px;
border-radius:4px;
background-color:var(--background-color-quiet--hover);
}
/* Specifikace pro lodě a vozidla */
.vehicle-spec {
background: var(--color-surface-2);
margin: 5px 0 5px 0;
padding: 5px;
border-radius: var(--border-radius-medium);
max-width:none;
width:-webkit-fill-available;
}
.vehicle-spec td {
display:flex;
align-items:center;
padding:0;
}
.vehicle-spec-size {
border:1px solid #616161;
padding:0px;
width:18px;
height:18px;
border-radius:4px;
font-size:12px;
font-weight:300;
text-align:center;
color: #d5603a;
vertical-align:middle;
line-height:1.6;
margin-right: 5px;
}
.vehicle-spec img {
margin-right: 5px;
}
.vehicle-spec-name {
margin-right:5px;
}
.vehicle-spec-quantity {
color:#d5603a;
min-width:25px;
}
.vehicle-spec-type {
font-size:0.65rem;
color:#6b6b6b;
margin-left:10px;
}
/* Tabulka porovnání lodí ze série */
.serie-spec-td {
padding:0;
vertical-align:top;
border-right:1px solid var(--border-color-base);
}
.serie-spec-td-posledni {
padding:0;
vertical-align:top;
}
table.serie {
/*line-height:1.2;*/
font-size:14px;
margin:0;
padding: 0;
}
table.serie tbody {
vertical-align:top;
}
table.serie td {
/* display: flex; */
/*align-items: center;*/
/*justify-content: space-between;*/
padding:0 3px;
width:345px;
}
.serie-zbrane-header {
font-size:1.02em;
padding:5px 0 5px 0;
font-weight:200;
}
/* Specifikace pro lodě a vozidla na stránce série*/
table.komponenty-serie {
background: none;
margin:0;
padding: 0;
width:-webkit-fill-available;
}*
table.komponenty-serie tr td {
border-bottom: 0;
padding:0;
display:block;
}
.komponenty-serie td {
display:flex;
align-items:center;
}
.komponenty-serie-size {
border:1px solid #616161;
padding:0;
width:18px;
height:18px;
border-radius:4px;
font-size:12px;
font-weight:300;
text-align:center;
color: #d77c36;
vertical-align:middle;
line-height:1.6;
margin-right: 5px;
}
.komponenty-serie img {
margin-right: 5px;
}
.komponenty-serie-name {
margin-right:5px;
}
.komponenty-serie-quantity {
color:#d77c36;
min-width:25px;
}
.komponenty-serie-type {
font-size:0.65rem;
color:#6b6b6b;
margin-left:10px;
}
/* šablona Specifikace série*/
.parametrOrange {
color:#ff8645; /*#d77c36*/
font-size:10px;
display:contents;
/*text-transform: uppercase;*/
}
.orange {
color:#ff8645; /*#d77c36*/
}
.spec-serie-inner {
line-height:1.6;
width:-webkit-fill-available;
}
/*.spec-inner {
line-height:1.6;
font-size:14px;
margin:0;
padding: 15px;
min-width:400px;
border-radius: var(--border-radius-large);
background: var(--background-color-dp-02);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
}*/
.spec-serie-inner td {
display: flex;
align-items: center;
justify-content: space-between;
padding:0;
}
.spec-serie-inner .spec-serie-header {
width: 100%;
color: var(--color-base--emphasized);
font-size: 1.02em;
font-weight:200;
}
/* Šablona Pohledy na loď */
.pohledyNaLod tbody {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 20px;
}
.pohledyNaLod tr {
margin-top: 0;
padding: 0;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.pohledyNaLod td {
padding: 0;
}
.pohledyNaLod /*.image*/ img {
max-width: 100%;
display: block;
background: var(--background-color-quiet--hover);
height: auto;
}
.pohledyNaLod .pohledyNaLod-col2 {
max-width: 50%;
}
.pohledyNaLod .pohledyNaLod-col4 {
max-width: 25%;
}
@media only screen and (max-width: 720px) {
.pohledyNaLod .pohledyNaLod-col2 {
max-width: 100%;
}
.pohledyNaLod .pohledyNaLod-col4 {
max-width: 50%;
}
}
/* Šablona ObrSeznam2 */
.obrSeznam1-top {
font-size:var(--font-size-small);
display:flow-root;
margin-bottom: 15px;
}
.obrSeznam1-top .obrSeznam1-row {
display:inline-flex;
}
.obrSeznam1-top .obrSeznam1-img {
padding:var(--space-xs) var(--space-sm);
}
.obrSeznam1-top .obrSeznam1-img img {
width:127px;
height:auto;
}
.obrSeznam1-top .obrSeznam1-text {
padding:var(--space-xs) var(--space-sm);
}
.obrSeznam2-top {
font-size:var(--font-size-small);
display:flow-root;
margin-bottom: 15px;
}
.obrSeznam2-top .obrSeznam2-row {
display:inline-flex;
}
.obrSeznam2-top .obrSeznam2-img {
padding:var(--space-xs) var(--space-sm);
}
.obrSeznam2-top .obrSeznam2-img img {
width:270px;
height:auto;
}
.obrSeznam2-top .obrSeznam2-text {
padding:var(--space-xs) var(--space-sm);
}
.ObrSeznam2 .obrSeznam250-image {
max-width: 50%;
}
.ObrSeznam2 .obrSeznam250-text {
max-width: 50%;
font-size: var(--font-size-small);
}
@media only screen and (max-width: 720px) {
.obrSeznam1-top .obrSeznam1-row {
display:grid;
align-items:center;
justify-items:center;
}
.obrSeznam1-top .obrSeznam1-img img {
width:100%;
height:auto;
}
.obrSeznam2-top .obrSeznam2-row {
display:grid;
align-items:center;
justify-items:center;
}
.obrSeznam2-top .obrSeznam2-img img {
width:100%;
height:auto;
}
}
/* Šablona: Obrázek max */
.obrMax {
width: 100%;
overflow:hidden;
}
.obrMax img {
width:100%;
height:auto;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
transition:transform 0.5s ease-in-out,filter 0.5s ease-in-out;
}
.obrMax:hover img {
/*transform:scale(1.1);*/
}
/* Šablona: Obrázky flex wrap */
.imgListDiv {
background:var(--color-surface-2);
border-radius:4px;
box-shadow:0 3px 6px rgb(0 0 0 / 20%), 0 3px 6px rgb(0 0 0 / 20%);
margin:2px;
}
.imgListDiv a.image {
max-width:100%;
}
.imgListNazev {
display:block;
padding:6px 0 6px 8px;
font-size:0.8em;
font-weight:300;
}
/* Šablona: Obrázek flex */
.obrFlex img {
max-width: 100%;
margin-left:auto;
margin-right:auto;
display: block;
background: var(--background-color-quiet--hover);
height: auto;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
border-radius:var(--border-radius-medium)
}
/* Blockquote */
blockquote {
font-family: var(--font-family-base);
font-size: 1rem;
font-style: italic;
}
/* YouTube šablony */
.youtube2main {
display:flex;
}
.youtube2marginR {
margin-right: 10px;
}
.youtube2marginL {
margin-left: 10px;
}
@media only screen and (max-width: 720px) {
.youtube2main {
display:inline;
}
.youtube2marginR {
margin-right: 0;
}
.youtube2marginL {
margin-left: 0;
}
}
/* univerzální classy */
.sirka50-100 {
width: 50%;
}
@media only screen and (max-width: 720px) {
.sirka50-100 {
width: 100%;
}
}
/* Tabulka s otočenou hlavičkou */
.verticalHeader {
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
line-height:1;
position:relative;
whtie-space:nowrap;
writing-mode:vertical-rl;
-webkit-writing-mode:vertical-rl;
vertical-align:bottom;
}
.tabTHvertical {
vertical-align:bottom;
}
.tabTHhoriz {
text-align:right;
}
/* Specifické formáty */
/* Formáty */
.darkGreyBG {
background-color:#101010;
}
.lightGreyBG {
background-color:#191919;
}
.veryLightGreyBG {
background-color:#2f2f2f;
}
.textCentr {
text-align:center;
line-height: normal;
}
.fontSize10 {
font-size: 10px;
}
.padding5 {
padding: 5px;
}
.borderB2pxdarkGrey {
border-bottom:2px solid #191919;
}
.borderR2pxdarkGrey {
border-right:2px solid #191919;
}
.borderB1pxBlue {
border-bottom:solid 1px #24a3ff;
}
/* Šablona: Hlavní článek */
.linkNaHlavniClanek {
width: -webkit-fill-available;
border-radius: var(--border-radius-large);
background: var(--color-surface-2);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
/* V případě, že tooltip překročí boundary */
overflow: visible;
padding:var(--space-sm)var(--space-md);
}
/* zarovnání sloupce v tabulce */
table.col-1-center td:nth-child(1) { text-align: center; }
table.col-2-center td:nth-child(2) { text-align: center; }
table.col-3-center td:nth-child(3) { text-align: center; }
table.col-4-center td:nth-child(4) { text-align: center; }
table.col-5-center td:nth-child(5) { text-align: center; }
table.col-6-center td:nth-child(6) { text-align: center; }
table.col-7-center td:nth-child(7) { text-align: center; }
table.col-8-center td:nth-child(8) { text-align: center; }
table.col-9-center td:nth-child(9) { text-align: center; }
table.col-1-right td:nth-child(1) { text-align: right; }
table.col-2-right td:nth-child(2) { text-align: right; }
table.col-3-right td:nth-child(3) { text-align: right; }
table.col-4-right td:nth-child(4) { text-align: right; }
table.col-5-right td:nth-child(5) { text-align: right; }
table.col-6-right td:nth-child(6) { text-align: right; }
table.col-7-right td:nth-child(7) { text-align: right; }
table.col-8-right td:nth-child(8) { text-align: right; }
table.col-9-right td:nth-child(9) { text-align: right; }
table.col-1-color td:nth-child(1) { background-color: blue; }
table.col-2-color td:nth-child(2) { background-color: blue; }
table.col-3-color td:nth-child(3) { background-color: blue; }
/* Refinery Stanton šablona */
table.col-1-refinery td:nth-child(1) { text-align: right; }
table.col-2-refinery td:nth-child(2) { text-align: right; color: var(--color-text-success); }
table.col-3-refinery td:nth-child(3) { text-align: right; color: var(--color-text-success); }
table.col-4-refinery td:nth-child(4) { text-align: right; color: var(--color-text-success); }
table.col-5-refinery td:nth-child(5) { text-align: right; color: var(--color-text-success); }
table.col-6-refinery td:nth-child(6) { text-align: right; color: var(--color-text-success); }
table.col-7-refinery td:nth-child(7) { text-align: right; color: var(--color-text-success); }
table.col-8-refinery td:nth-child(8) { text-align: right; color: var(--color-text-success); }
table.col-9-refinery td:nth-child(9) { text-align: right; color: var(--color-text-success); }
table.col-10-refinery td:nth-child(10) { text-align: right; color: var(--color-text-success); }
table.col-11-refinery td:nth-child(11) { text-align: right; color: var(--color-text-success); }
table.col-12-refinery td:nth-child(12) { text-align: right; color: var(--color-text-success); }
table.col-2-refineryS td:nth-child(2) { background-color:var(--color-surface-2); }
table.col-3-refineryS td:nth-child(3) { background-color:var(--color-surface-2); }
table.col-4-refineryS td:nth-child(4) { background-color:var(--color-surface-2); }
table.col-5-refineryS td:nth-child(5) { background-color:var(--color-surface-2); }
table.col-6-refineryS td:nth-child(6) { background-color:var(--color-surface-2); }
table.col-7-refineryS td:nth-child(7) { background-color:var(--color-surface-2); }
table.col-8-refineryS td:nth-child(8) { background-color:var(--color-surface-2); }
table.col-9-refineryS td:nth-child(9) { background-color:var(--color-surface-2); }
table.col-10-refineryS td:nth-child(10) { background-color:var(--color-surface-2); }
table.col-11-refineryS td:nth-child(11) { background-color:var(--color-surface-2); }
table.col-12-refineryS td:nth-child(12) { background-color:var(--color-surface-2); }
/* Refinery Stanton šablona -> header format */
table.wikitable th.refineryH { padding:7px 10px 7px 10px; }
table.wikitable th.refineryHS { padding:7px 10px 7px 10px; background-color:var(--color-surface-2); }
/* Refinery Stanton šablona -> negativní hodnota */
table.wikitable td.neg { color:var(--color-text-error); }
/* šablona Zvýraznit, */
span.zvyraznit2 {
margin:0 0.1rem;
padding:0.1rem 0.4rem;
border-radius:4px;
font-weight:500;
}
span.zvyraznit2zaklad {
background:#ffcc33;
color:black;
}
span.blu-cyan {
background:#3a8d9f;
color:white;
}
span.surface4 {
background:var(--color-surface-4);
color:white;
}
/* SVG */
img.blu {
filter: invert(43%) sepia(86%) saturate(293%) hue-rotate(143deg) brightness(97%) contrast(91%);
}
img.white {
filter: invert(93%) sepia(7%) saturate(0%) hue-rotate(69deg) brightness(106%) contrast(107%);
}
/* Hlavní strana */
#home-content {
margin-top: var(--space-lg);
}
.home-grid {
display: grid;
grid: auto-flow dense/repeat(auto-fit,minmax(9.375rem,1fr));
grid: minmax(3rem,auto);
grid-gap: var(--space-xs);
}
.home-card {
position: relative;
padding: var(--space-md);
background: var(--color-surface-1);
border-radius: var(--border-radius-medium);
font-size: var(--font-size-small);
}
.home-card.home-card--button {
overflow: hidden;
padding: 0;
background: #242a31;
border: 01
}
.home-card--button a {
display:flex;
height: 100%;
justify-content: center;
align-items: center;
/*padding: 0 var(--space-md);*/
background: transparent;
color: #fff;
font-weight: var(--font-weight-medium);
}
.home-card--row3 {
grid-row: span 3;
}
.home-card--col2 {
grid-column: 2;
}
.home-card--button {
overflow: hidden;
padding: 0;
background: #242a31;
border: 0;
}
.home-card__background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #242a31;
border-radius: 8px;
justify-content: center;
gap: var(--space-xxs);
line-height: var(--line-height-xs);
pointer-events: none;
}
/* .home-card__foreground {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: var(--space-md);
display: flex;
flex-direction: column;
} */
.home-card__badge {
padding: var(--space-xxs)var(--space-xs);
border-radius: var(--border-radius-small);
background: var(--color-surface-2);
}
.home-card__badge, .home-card__label {
color: var(--color-base--subtle);
font-size: var(--font-size-x-small);
letter-spacing: 0.05em;
}
.home-card__header {
color: var(--color-base--emphasized);
font-size: 1rem;
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-xs);
}
.home-card__foreground .home-card__badge {
position: absolute;
top: 0;
right: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
}
.home-card__foreground .home-card__label {
color: #bababa;
}
.home-link {
display: grid;
margin-top: var(--space-xs);
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
grid-gap: var(--space-xs);
text-align: center;
}
.home-link__button {
display: flex;
}
.home-link__button a {
flex-grow: 1;
padding: var(--space-xs);
border: 1px solid var(--border-color-base);
background: var(--color-surface-2);
border-radius: var(--border-radius-medium);
color: var(--color-base--emphasized)!important;
line-height: var(--line-height-xs);
text-decoration: none!important;
}
#home-gamestatus {
padding: 0;
display: flex;
}
.home-badge {
display: flex;
gap: var(--space-xxs);
font-size: var(--font-size-x-small);
padding: var(--space-xxs) var(--space-xs);
background: var(--color-surface-2);
color: var(--color-base);
border-radius: var(--border-radius-base);
font-weight: var(--font-weight-normal);
letter-spacing: 0.025em;
line-height:var(--line-height-xs);
}
.home-gamestatus-patches,
.home-gamestatus-links {
padding: var(--space-md);
}
.home-gamestatus-patches {
background: var(--color-surface-2);
border-top-left-radius: var(--border-radius-medium);
border-bottom-left-radius: var(--border-radius-medium);
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.home-gamestatus-links {
flex-grow: 1;
}
.home-badge.home-gamestatus-patch__type {
background: var(--color-surface-3);
}
.home-badge.home-gamestatus-patch__type::before {
content: '🗓';
}
.home-badge.home-gamestatus-patch__type--live {
background: var( --background-color-success-subtle );
color: var( --color-success );
}
.home-badge.home-gamestatus-patch__type--live::before {
content: '🎉 ';
}
.home-badge.home-gamestatus-patch__type--eeptu {
background: var( --background-color-warning-subtle );
color: var( --color-warning );
}
.home-badge.home-gamestatus-patch__type--eeptu::before {
content: '🥑 ';
}
.home-badge.home-gamestatus-patch__type--ptu::before {
content: '🧪 ';
}
.home-badge.home-gamestatus-patch__type--ptu {
background: var( --background-color-warning-subtle );
color: var( --color-warning );
}
/*.home-badge.home-gamebuild-patch__type[ class*="ptu" ]::before {
content: '🚨 ';
}*/
.home-gamestatus-patch {
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 1;
gap: var(--space-xs);
}
.home-gamestatus-patches__divider {
height: 1px;
background: var(--border-color-base);
}
.home-gamestatus-patch__name {
font-size: var(--font-size-xxx-large);
font-weight: var(--font-weight-medium);
}
.home-gamestatus-links .home-link {
margin-top: 0;
}
#home-featured {
overflow: hidden;
}
#home-featured .home-card__background a {
display: block;
height: 100%;
}
#home-featured .home-card__background:after {
top: unset;
height: 60%;
background: linear-gradient( to top, #000, transparent );
}
#home-featured .home-card__foreground {
justify-content: flex-end;
}
/* Ikonky služeb - Infobox lokalita */
.sekceIkon {
display: ruby;
}
.ikonaSluzeb {
background: #3a8d9f /*var(--color-surface-4)*/;
border-radius:var(--border-radius-base);
display:flex;
justify-content:center;
margin-right: 5px;
}
.ikonaSluzebRed {
background: var(--color-surface-4);
border-radius:var(--border-radius-base);
display:flex;
justify-content:center;
margin-right: 5px;
}
.ikonaSluzebRed img {
filter: invert(23%) sepia(51%) saturate(0%) hue-rotate(355deg) brightness(98%) contrast(78%);
}
.ikonaSluzeb:last-child {
margin-right:0;
}
.sluzbaLokalityNeni {
color:var(--color-surface-4);
}
.sluzbaLokalityNeni img {
opacity:0.2;
}
#home-card-discord {
background: #5865f2;
}
/* Šablona: Q&A */
.otazka{
display: flex;
width: fit-content;
margin-top: 0.8rem;
margin-bottom: 3em;
border-spacing: 0;
border-radius: var(--border-radius-large);
background: var(--color-surface-2);
font-size: 0.875rem;
text-align: left;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
/* V případě, že tooltip překročí boundary */
overflow: visible;
}
.otazkahr {
font-size:calc(var(--font-size-base) * 1.05);
margin-top:0.1em;
font-weight:400;
}
.otazka tbody {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.otazka tr {
margin-top: 10px;
padding: 0 8px;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.otazka th,
.otazka td {
padding: 0 10px;
}
.otazka .otazka-col1 {
width: 100%;
}
.otazka .datumAzdroj {
}
.otazka .tagy {
text-align:right;
}
.otazka .odpoved {
padding-bottom: 10px;
padding-top: 10px;
border-bottom-left-radius: var(--border-radius-large);
border-bottom-right-radius: var(--border-radius-large);
background: var(--color-surface-4);
}
/* Šablona: Kategorie */
span.kategorieTagy {
margin:0 0.1rem;
padding:0.1rem 0.4rem;
border-radius:4px;
font-weight:500;
background: #3d6c62;
}
/* Šablona: PrevNext */
.prevNext {
margin:var(--space-md)0;
padding:var(--space-xxs);
background-color:var(--color-surface-2);
border-radius:var(--border-radius-medium);
font-size:var(--font-size-small);
line-height:var(--line-height-sm);
display:grid;
grid-template-areas:"prev now next";
grid-template-columns:minmax(max-content,1fr) minmax(max-content,1fr) minmax(max-content,1fr);
}
.prevNext__prev, .prevNext__now, .prevNext__next {
padding:var(--space-xs);
}
.prevNext__prev, .prevNext__next {
position:relative;
gap:var(--space-sm);
}
.prevNext__prev {
display:flex;
grid-area:prev;
}
.prevNext__now {
grid-area:now;
text-align:center;
justify-self:center;
}
.prevNext__next {
display:flex;
grid-area:next;
justify-content:flex-end;
text-align:end;
}
.prevNext__patchStatus--released {
color:var(--color-text-success);
}
.prevNext__patchStatus--upcoming {
color:var(--color-warning);
}
.prevNext__datum {
color:var(--color-base--subtle);
font-size:var(--font-size-x-small);
}
@media only screen and (max-width: 720px) {
.prevNext {
grid-template-areas:
"now now"
"prev next";
grid-template-columns:auto;
}
}
/* TEST GRID */
.home-gridT {
display:grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: var(--space-xs);
}
.grid-row-span-3 {
grid-row: span 3;
}
@media only screen and (max-width: 720px) {
.home-gridT {
grid-template-columns: 1fr;
}
}
.home-cardT {
position: relative;
padding: var(--space-md);
background: var(--color-surface-1);
border-radius: var(--border-radius-medium);
font-size: var(--font-size-small);
}
#home-gs {
padding: 0;
display: flex;
}
.home-gs-patchesT {
background: var(--color-surface-2);
border-top-left-radius: var(--border-radius-medium);
border-bottom-left-radius: var(--border-radius-medium);
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.home-gs-patchesT,
.home-gs-linksT {
padding: var(--space-md);
}
.home-gs-patchT {
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 1;
gap: var(--space-xs);
}
.home-badge.home-gs-patchT__type {
background: var(--color-surface-3);
}
.home-badge.home-gs-patchT__type::before {
content: '🗓';
}
.home-badge.home-gs-patchT__type--live {
background: var( --background-color-success-subtle );
color: var( --color-success );
}
.home-badge.home-gs-patchT__type--live::before {
content: '🎉 ';
}
.home-badge.home-gs-patchT__type--evo {
background: var( --background-color-warning-subtle );
color: var( --color-warning );
}
.home-badge.home-gs-patchT__type--evo::before {
content: '🥑 ';
}
.home-badge.home-gs-patchT__type--ptu {
background: var( --background-color-warning-subtle );
color: var( --color-warning );
}
.home-badge.home-gs-patchT__type--ptu::before {
content: '🧪 ';
}
.home-gs-patchT__name {
font-size: var(--font-size-xxx-large);
font-weight: var(--font-weight-medium);
}
.home-gs-patch__divider {
height: 1px;
background: var(--border-color-base);
}
.home-gs-linksT {
flex-grow: 1;
}
.home-linkT {
display: grid;
margin-top: var(--space-xs);
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
grid-gap: var(--space-xs);
text-align: center;
}
.home-linkT__button {
display: flex;
}
.home-linkT__button a {
flex-grow: 1;
padding: var(--space-xs);
border: 1px solid var(--border-color-base);
background: var(--color-surface-2);
border-radius: var(--border-radius-medium);
color: var(--color-base--emphasized)!important;
line-height: var(--line-height-xs);
text-decoration: none!important;
}
#home-featured {
/**/
}
.home-cardT-tag {
position:absolute;
top: 0;
right: 0;
z-index: 1;
margin: var(--space-xs);
border-radius: var(--border-radius-base);
pointer-events: none;
}
.tag-featured {
background-color: var(--color-surface-2);
}
.home-cardT-tag-content {
font-size:var(--font-size-x-small);
padding:var(--space-xxs)var(--space-xs);
}
.home-featured-text {
pointer-events: none;
position:absolute;
bottom:0;
left:0;
padding:var(--space-md);
z-index:1;
}
.home-featured-title {
color:#fff;
font-size:1rem;
font-weight:var(--font-weight-semi-bold);
line-height:var(--line-height-xxx-small);
}
.home-featured-label {
color:#bababa;
font-size:var(--font-size-x-small);
letter-spacing:0.05em;
}
.home-featured-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #242a31;
border-radius: 8px;
justify-content: center;
gap: var(--space-xxs);
line-height: var(--line-height-xs);
/*pointer-events: none;*/
}
.home-featured-img img{
object-fit: cover;
height: -webkit-fill-available;
}
@media only screen and (max-width: 720px) {
#home-featured {
min-height: 200px;
}
.home-featured-img img {
width: -webkit-fill-available;
}
}
.home-featured-img:after {
background:linear-gradient(to top,#000,transparent,transparent);
position:absolute;
inset:0;
display:block;
content:"";
pointer-events:none;
}
#home-discord {
background: #5865f2;
}
.home-cardT.home-cardT--button {
overflow: hidden;
padding: 0;
background: #242a31;
border: 01
}
.home-cardT--button a {
display:flex;
height: 100%;
justify-content: center;
align-items: center;
/*padding: 0 var(--space-md);*/
background: transparent;
color: #fff;
font-weight: var(--font-weight-medium);
}
/* ZPRAVODAJSTVÍ */
#articles {
display:grid;
grid-gap:var(--space-sm);
margin-top:1rem;
}
.articles-2, .articles-2a {
grid-template-columns:repeat(2,1fr);
}
.articles-3 {
grid-template-columns:repeat(3,1fr);
}
.articles-4 {
grid-template-columns:repeat(4,1fr);
}
.colRowSpan-1-1 {
grid-column:span 1;
grid-row:span 1;
}
.colRowSpan-1-2 {
grid-column:span 1;
grid-row:span 2;
}
.colRowSpan-1-3 {
grid-column:span 1;
grid-row:span 3;
}
.colRowSpan-2-1 {
grid-column:span 2;
grid-row:span 1;
}
.colRowSpan-2-2 {
grid-column:span 2;
grid-row:span 2;
}
.colRowSpan-3-1 {
grid-column:span 3;
grid-row:span 1;
}
.colRowSpan-3-2 {
grid-column:span 3;
grid-row:span 2;
}
@media only screen and (max-width: 720px) {
.articles-2 {
grid-template-columns:1fr;
}
.articles-4 {
grid-template-columns:1fr;
}
.colRowSpan-1-2, .colRowSpan-1-3, .colRowSpan-2-1, .colRowSpan-2-2, .colRowSpan-3-1, .colRowSpan-3-2 {
grid-column:span 1;
grid-row:span 1;
}
}
@media only screen and (max-width: 1200px) {
.articles-2a {
grid-template-columns:1fr;
}
}
/*@media only screen and (max-width: 1000px) {
.articles-4 {
grid-template-columns:repeat(2,1fr);
}
}*/
.article {
padding:var(--space-md);
border-radius:var(--border-radius-medium);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
position:relative;
color:#f3f3f3;
background: #203345;
}
.article-plain {
/*padding:var(--space-md);*/
/*border-radius:var(--border-radius-medium);*/
/*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);*/
position:relative;
/*color:#f3f3f3;*/
/*background: #203345;*/
}
.tag {
position:absolute;
top:0;
right:0;
z-index:1;
margin:var(--space-xs);
border-radius:var(--border-radius-base);
pointer-event:none;
padding:calc(0.25 * var(--space-unit)) calc(0.4 * var(--space-unit));
}
.article-tag {
position:absolute;
top:0;
right:0;
z-index:1;
margin:var(--space-xs);
border-radius:var(--border-radius-base);
pointer-event:none;
padding:calc(0.25 * var(--space-unit)) calc(0.4 * var(--space-unit));
font-size:0.45em;
}
.tag-bg-astory {
background-color:#6f1e3d;
}
.tag-bg-bstory {
background-color:#1e6f62;
}
.tag-bg-komunita {
background-color:#1e59a3;
}
.article.article-astory {
background:linear-gradient(to right, #6f1e3d 0% 6px, #1a2230 6px 100%);
}
.article.article-bstory {
background:linear-gradient(to right, #1e6f62 0% 6px, #1e293d 6px 100%);
}
.article.article-komunita {
background:linear-gradient(to right, #1e59a3 0% 6px, #161b23 6px 100%);
}
.article-zdroj {
display:flex;gap:1rem;
line-height:1.4;
margin-bottom:0.7em;
}
#article-zdroj-text p {
padding:0;
margin:0;
font-weight:100;
}
.article-zdroj-nazev {
font-size:0.8125rem;
}
.article-zdroj-popisek {
font-size:0.65rem;
color:#acacac;
}
.article-titulek {
font-weight:600;
font-size:1.2em;
}
.article-subtitulek {
font-weight:100;
font-style:italic;
font-size:0.85em;
}
.article-text {
font-size:0.7em;
margin-top:0.5em;
font-weight:300;
color:#acacac;
}
/** STICKYTABLE - PRVNÍ SLOUPEC ZAFREEZOVANÝ **/
.stickytable tr>th:first-child, .stickytable tr>td:first-child {
position: sticky;
left: 0;
background:var(--color-surface-2);
z-index:2;
}
td.inlineflex {
display:inline-flex;
}
.hodnotaUp {
color: var(--color-success);
font-size:0.6em;
}
.hodnotaUp img {
filter: invert(48%) sepia(68%) saturate(1102%) hue-rotate(133deg) brightness(90%) contrast(101%);
}
.hodnotaDown {
color: var(--color-destructive);
font-size:0.6em;
}
.hodnotaDown img {
filter: brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(7492%) hue-rotate(334deg) brightness(98%) contrast(112%);
}
.povidka {
display:grid;
justify-content: center;
}
.povidka-text {
text-align: justify;
text-indent: 30px;
width:720px;
}
@media only screen and (max-width: 720px) {
.povidka {
display:inline;
}
.povidka-text {
width:100%;
}
}
.povidka-text p {
margin:0;
}
/** sběratelské kartičky **/
#skarty {
display:grid;
grid-template-columns:max-content auto;
grid-template-rows: auto 1fr;
height: 100%;
color:#f1f4fd;
margin-top: 20px;
}
@media only screen and (max-width: 720px) {
#skarty {
grid-template-columns:auto;
}
.skartyObrazek {
grid-row:1;
justify-self:center;
}
}
.skartyObrazek {
grid-row:span 3;
}
.skartyNazev {
margin-bottom:5px;
}
.skartyNazev h4 {
margin-top:0;
font-size:1.2em;
}
.skartyPopis {
font-size:0.9em;
}
.skartyMajitele {
font-size:0.8em;
color:#c8ccd1;
padding-bottom:10px;
}
/* SDÍLENÉ TŘÍDY*/
.floatright {
float:right;
clear:right;
margin-left: var(--space-lg);
}
.shadow {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 720px) {
.floatright {
margin:0;
}
}
.fontBarva--komunita {
color:var(--barva-komunita) !important;
}
.barvy--dark--komunita {
color:var(--barva-komunita-dark) !important;
background-color:var(--barva-komunita) !important;
}
.fontBarva--0 {
color:var(--barva-0) !important;
}
.barvy--dark--0 {
color:var(--barva-0-dark) !important;
background-color:var(--barva-0) !important;
}
.fontBarva--15 {
color:var(--barva-15) !important;
}
.barvy--dark--15 {
color:var(--barva-15-dark) !important;
background-color:var(--barva-15) !important;
}
.fontBarva--30 {
color:var(--barva-30) !important;
}
.barvy--dark--30 {
color:var(--barva-30-dark) !important;
background-color:var(--barva-30) !important;
}
.fontBarva--45 {
color:var(--barva-45) !important;
}
.barvy--dark--45 {
color:var(--barva-45-dark) !important;
background-color:var(--barva-45) !important;
}
.fontBarva--60 {
color:var(--barva-60) !important;
}
.barvy--dark--60 {
color:var(--barva-60-dark) !important;
background-color:var(--barva-60) !important;
}
.fontBarva--75 {
color:var(--barva-75) !important;
}
.barvy--dark--75 {
color:var(--barva-75-dark) !important;
background-color:var(--barva-75) !important;
}
.fontBarva--90 {
color:var(--barva-90) !important;
}
.barvy--dark--90 {
color:var(--barva-90-dark) !important;
background-color:var(--barva-90) !important;
}
.fontBarva--105 {
color:var(--barva-105) !important;
}
.barvy--dark--105 {
color:var(--barva-105-dark) !important;
background-color:var(--barva-105) !important;
}
.fontBarva--120 {
color:var(--barva-120) !important;
}
.barvy--dark--120 {
color:var(--barva-120-dark) !important;
background-color:var(--barva-120) !important;
}
.fontBarva--135 {
color:var(--barva-135) !important;
}
.barvy--dark--135 {
color:var(--barva-135-dark) !important;
background-color:var(--barva-135) !important;
}
.fontBarva--150 {
color:var(--barva-150) !important;
}
.barvy--dark--150 {
color:var(--barva-150-dark) !important;
background-color:var(--barva-150) !important;
}
.fontBarva--165 {
color:var(--barva-165) !important;
}
.barvy--dark--165 {
color:var(--barva-165-dark) !important;
background-color:var(--barva-165) !important;
}
.fontBarva--180 {
color:var(--barva-180) !important;
}
.barvy--dark--180 {
color:var(--barva-180-dark) !important;
background-color:var(--barva-180) !important;
}
.fontBarva--195 {
color:var(--barva-195) !important;
}
.barvy--dark--195 {
color:var(--barva-195-dark) !important;
background-color:var(--barva-195) !important;
}
.fontBarva--210 {
color:var(--barva-210) !important;
}
.barvy--dark--210 {
color:var(--barva-210-dark) !important;
background-color:var(--barva-210) !important;
}
.fontBarva--225 {
color:var(--barva-225) !important;
}
.barvy--dark--225 {
color:var(--barva-225-dark) !important;
background-color:var(--barva-225) !important;
}
.fontBarva--240 {
color:var(--barva-240) !important;
}
.barvy--dark--240 {
color:var(--barva-240-dark) !important;
background-color:var(--barva-240) !important;
}
.fontBarva--255 {
color:var(--barva-255) !important;
}
.barvy--dark--255 {
color:var(--barva-255-dark) !important;
background-color:var(--barva-255) !important;
}
.fontBarva--270 {
color:var(--barva-270) !important;
}
.barvy--dark--270 {
color:var(--barva-270-dark) !important;
background-color:var(--barva-270) !important;
}
.fontBarva--285 {
color:var(--barva-285) !important;
}
.barvy--dark--285 {
color:var(--barva-285-dark) !important;
background-color:var(--barva-285) !important;
}
.fontBarva--300 {
color:var(--barva-300) !important;
}
.barvy--dark--300 {
color:var(--barva-300-dark) !important;
background-color:var(--barva-300) !important;
}
.fontBarva--315 {
color:var(--barva-315) !important;
}
.barvy--dark--315 {
color:var(--barva-315-dark) !important;
background-color:var(--barva-315) !important;
}
.fontBarva--330 {
color:var(--barva-330) !important;
}
.barvy--dark--330 {
color:var(--barva-330-dark) !important;
background-color:var(--barva-330) !important;
}
.fontBarva--345 {
color:var(--barva-345) !important;
}
.barvy--dark--345 {
color:var(--barva-345-dark) !important;
background-color:var(--barva-345) !important;
}
/* NOVÝ INFOBOX */
.infobo {
margin-bottom:var(--space-md);
width:100%;
max-width:400px;
/*border:1px solid var(--border-color-base);*/
border-radius:var(--border-radius-medium);
background-color:transparent;
font-size:var(--font-size-small);
line-height:var(--line-height-xx-small);
box-sizing:content-box;
}
.infobo[open] {
background-color:var(--color-surface-1);
}
.infobo__snippet .infobo__desc {
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
font-size: var(--font-size-small);
}
.infobo__obsah {
position:relative;
}
.infobo__header, .infobo__snippet, .infobo__sekceHlavicka, .infobo__sekceObsah {
padding-left:var(--space-md);
padding-right:var(--space-md);
}
.infobo__header, .infobo__sekceHlavicka {
line-height:var(--line-height-xxx-small);
}
.infobo__titulek, .infobo__sekceNazev {
color: var(--color-emphasized);
font-weight: var(--font-weight-medium);
}
.infobo__popisek, .infobox__sekce, .infobo__sekceHlavicka, .infobo__sekceObsah {
margin-top:var(--space-md);
}
.infobo__podtitulekDesc, .infobo__popisek, .infobo__infoNazev, .infobo__desc {
color:var(--color-subtle);
font-size:var(--font-size-x-small);
}
.infobo__snippet {
position:relative;
z-index:1;
padding-top:var(--space-sm);
padding-bottom:var(--space-sm);
display:flex;
gap:var(--space-xs);
align-items:center;
white-space:nowrap;
cursor:pointer;
user-select:none;
}
.infobo__snippet .mw-ui-icon-wikimedia-collapse {
--transform-rotate-collapse: rotate3d(1, 0, 0, 180deg);
--size-icon: var(--font-size-small);
width: var(--font-size-small);
height: var(--font-size-small);
flex-shrink: 0;
transition: var(--transition-hover);
transition-property: transform;
transform: var(--transform-rotate-collapse);
}
.mw-collapsible-toggle, .mw-collapsible-toggle-default summary {
display:none;
}
.citizen-ui-icon::before {
display:block;
width:100%;
height:100%;
content: '';
}
@supports (content-visibility:auto) {
.citizen-ui-icon {
content-visibility:auto;
}
}
@supports (-webkit-mask-image:none) or (mask-image:none) {
.citizen-ui-icon::before {
background-color:currentcolor;
background-image:none !important;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center;
mask-position:center;
-webkit-mask-size:contain;
mask-size:contain;
}
}
.mw-ui-icon-wikimedia-collapse:before {
-webkit-mask-image:url(https://wiki.star-citizen.cz/images/2/2d/Collapse.svg);
mask-image:url(https://wiki.star-citizen.cz/images/2/2d/Collapse.svg);
}
.infobo__image img {
max-width:100%;
height:auto;
}
.infobo__tags {
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: flex-end;
padding: var(--space-xs);
gap: var(--space-xxs);
transition-property: opacity,transform;
color: var(--color-base);
}
.infobo__tag {
padding: var(--space-xxs)var(--space-xs);
background: var(--color-surface-2);
border-radius: var(--border-radius-base);
line-height: var(--line-height-xxx-small);
font-size: var(--font-size-xx-small);
font-weight: var(--font-weight-medium);
}
.infobo__line {
height:6px;
width:max;
}
.infobo__header {
margin-top:var(--space-md);
margin-bottom:var(--space-lg);
display:flex;
gap:var(--space-sm)
}
.infobo__titulek {
font-size: var(--font-size-x-large);
}
.infobo__popisek {
font-style: italic;
}
.infobo__sekce {
margin-top:var(--space-xl);
}
div.infobo__sekce:last-of-type {
margin-bottom:var(--space-lg);
}
.infobo__sekceNazev {
font-size:var(--font-size-medium);
display:flex;
align-items:center;
gap:var(--space-md);
}
.infobo__sekceNazev::after {
content:"";
height:1px;
flex-grow:1;
background:var(--border-color-base);
}
.infobo__gridCols2 {
grid-column:2;
}
.mw-parser-output .infobox__grid--cols-2 {
--infobox-grid-cols: 2;
}
.infobo__sekceObsah {
display:grid;
gap:var(--space-sm);
grid-template-columns:repeat(var(--infobox-grid-cols),minmax(0,1fr))
}
.infobo__info {
display:grid;
gap:2px var(--space-xs);
grid-auto-rows:max-content;
}
.infobo__infoNazev {
font-weight:var(--font-weight-medium);
}
.infobo__infoData {
font-weight:var(--font-weight-medium);
}
.infobox__section+.infobox__section {
margin-top: var(--space-xl);
}
.infobo__footer {
margin-top:var(--space-lg);
border-top:1px solid var(--border-color-base);
background-color:var(--color-surface-1);
border-bottom-left-radius:var(--border-radius-medium);
border-bottom-right-radius:var(--border-radius-medium);
}
.infobo__button {
position: relative;
border-bottom-left-radius: var(--border-radius-medium);
border-bottom-right-radius: var(--border-radius-medium);
padding: var(--space-sm)var(--space-md);
background-color: var(--color-progressive);
cursor: pointer;
}
.infobo__sekce--linkyButtons .infobo__infoData {
margin-top: var(--space-xxs);
margin-left: -8px;
margin-right: -8px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.infobo__sekce--linkyButtons > .infobo__sekceObsah {
margin-bottom: var(--space-md);
}
.infobo__button:hover {
background-color: var(--color-progressive--hover);
}
.infobo__buttonLabel {
display: flex;
justify-content: center;
align-items: center;
gap: var(--space-xs);
color: #fff;
font-weight: var(--font-weight-medium);
}
.infobo__buttonKarta {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: -1;
background-color: var(--color-surface-1);
border-radius: var(--border-radius-medium);
box-shadow: var(--box-shadow-drop-xx-large);
opacity: 0;
transition: var(--transition-menu);
transition-property: opacity,transform;
visibility: hidden;
transform: translateY(-20px);
}
.infobo__button:hover > .infobo__buttonKarta {
z-index:10;
opacity:1;
visibility:visible;
transform:none;
cursor:auto;
}
.infobo__linkButton a {
padding: var(--space-xxs)var(--space-xs);
display: block;
border-radius: var(--border-radius-base);
text-decoration: none!important;
}
.infobo__linkButton a:hover {
background-color: var(--background-color-button-quiet--hover);
}
.infobo__linkButton > a.external {
padding-right:8px;
}
.infobo__linkButton > a.external:after, .infobo__socka > a.external:after {
content:none !important;
}
.infobo__socky {
display:flex;
align-items:center;
justify-content:center;
gap:var(--space-xl);
}
.infobo__socka {
font-size:1.5em;
}
/* Šablona na překlady z fóra CIG */
.forumCIG {
background:var(--color-surface-3);
padding:20px;
display:flex;
border-radius:4px;
}
.forumCIG .gutter {
position:relative;
margin-right:20px;
width:57px;
}
.gutter .member {
position:relative;
display:inline-block;
cursor:pointer;
}
.member .avatar {
width:57px;
height:57px;
border-width:1px;
border-color:rgb(222,195,66);
border-radius:4px 0px 0px 0px;
display:flex;
}
.member .avatar img {
width:100%;
height:100%;
border-top-left-radius:4px;
}
.member .member-badge {
position:relative;
top:-1px;display:
flex;height:28px;
width:100%;
}
.member-badge .badge {
flex-grow:1;
display:flex;
justify-content:center;
align-items:center;
border:1px solid rgb(222, 195, 66);
border-radius:0 0 4px 4px;
}
.member-badge .badge img {
width:24px;
height:100%;
}
.gutter .label {
background-color:rgb(222,195,66);
color:rgb(7,21,30);
position:absolute;
top:0px;
left:57px;
display:flex;
align-items:center;
text-transform:uppercase;
font-size:0.74rem;
font-weight:700;
line-height:0.8rem;
padding:2px 10px 1px 20px;
border-radius:0px 4px 4px 0px;
white-space:nowrap;
}
.forumCIG .content {
position:relative;
min-width:0px;
flex:1 1 0%;
}
.forumCIG .content-header {
display:flex;
padding-right:10px;
}
.content-header .left {
margin-top:25px;
min-width:0px;
flex:1 1 0%
}
.member-info .member-name {
font-size:1.15rem;
color:#85c5f9;
margin-right:8px;
}
.member-info .member-name2 {
font-size:0.8125rem;
font-weight:500;
color:#5ea9d8;
}
.content-header .right {
display:flex;
flex-direction:column;
padding-top:5px;
align-items:flex-end;
}
.right .time-create {
color:rgb(146, 160, 172);
margin-bottom:5px;
font-size:0.75rem;
}
.forumCIG .content .block-text {
color:rgb(191, 167, 57);
}
/* TEST */
.g-grid {
background-size:contain;
}
.g-grid .l-container {
display:grid;
grid-template-columns: 1fr auto 1fr;
grid-template-rows: 1fr auto;
grid-template-areas:
"element element element"
". load-more .";
}
.g-grid__wrapper {
display:grid;
gap:0.25rem;
grid-template-columns:1fr;
padding:0px;
grid-auto-flow:column;
grid-auto-columns:minmax(0px, 1fr);
grid-area:element;
/* grid-auto-rows: minmax(100px, auto); */
}
@media only screen and (max-width: 720px) {
.g-grid__wrapper {
grid-auto-flow:unset;
}
}
.g-card {
display:flex;
flex-direction:column;
align-items:center;
overflow:hidden;
padding:0px;
background:var(--color-surface-3);
position:relative;
}
.g-card__cover {
position:relative;
width:100%;
height:100%;
overflow:hidden;
display:block
}
.g-card__cover img {
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.5s ease-in-out, filter 0.5s ease-in-out;
}
.g-card:hover .g-card__cover img {
transform:scale(1.1);
}
#g-card_content .title {
font-weight:100;
margin:0.5em;
}