Toggle search
Toggle menu
293
1K
5
5.4K
Star Citizen CZ Wiki
Toggle preferences menu
Toggle personal menu
Nejste přihlášen(a)
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css

MediaWiki interface page
More actions

Poznámka: Po zveřejnění musíte vyprázdnit cache vašeho prohlížeče, jinak změny neuvidíte.

  • Firefox / Safari: Při kliknutí na Aktualizovat držte Shift nebo stiskněte Ctrl-F5 nebo Ctrl-R (na Macu ⌘-R)
  • Google Chrome: Stiskněte Ctrl-Shift-R (na Macu ⌘-Shift-R)
  • Edge: Při kliknutí na Aktualizovat držte Ctrl nebo stiskněte Ctrl-F5.
/*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 {e
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
}

/* 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;
}

/* Š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 .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-base--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-base--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%;
}

.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);
}

/* Š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;
}

/* 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;
}

.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: 20px;
	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);
}
Citováno z „https://wiki.star-citizen.cz/index.php?title=MediaWiki:Common.css&oldid=5526“
Last modified
Stránka byla naposledy editována 10. 3. 2025 v 15:40.