Šablona:Hlavní strana/styles.css

/** Obecné k HS */
@media only screen and (min-width: 960px) {
	.mainpage-main {
		display:flex;
		flex-direction:row;
	}
	.mainpage-left {
		display:flex;
		flex:1;
		flex-direction:column;
	}
	.mainpage-right {
		display:flex;
		flex:1;
		flex-direction:column;
	}
	.mainpage-clearfix {
		clear: both;
	}
}

/** Hlavička */
.header {
	display:flex;
	flex-direction:row;
	background-color:#FCFCFC;
	border:1px solid #CCC;
	margin-top:.5em;
	overflow:auto;
	padding:.8em 1.5em;
}
.header-left {
	display:flex;
	flex:7;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
}
.header-welcome-headline {
	font-size:1.5em;
	font-weight:bold;
}
.header-welcome-description {
	font-size:.95em;
}
.header-right {
	display:flex;
	flex:3;
	flex-direction:column;
	justify-content:center;
	font-size:.95em;
}
@media only screen and (max-width: 959px) {
	.header-right {
		display:none;
	}
}
.header-info {
	display:flex;
	align-items:flex-start;
}
.header-links {
	display:flex;
	flex-direction:row;
	font-size:.95em;
}
.header-links-column {
	display:flex;
	flex-direction:column;
	flex:1;
}
.header-links-item {
	display:flex;
	white-space:nowrap;
}
.header-editorial {
	display:flex;
	flex:1;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin:.5em 0;
	font-size:.95em;
}
.header-editorial-item {
	display:inline-block;
	text-align:center;
}
.header-editorial-donors {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:right;
	font-size:.95em;
}
@media only screen and (max-width: 959px) {
	.header-editorial {
		display:none;
	}
}
/** Sdílené styly boxů **/

.mainpage-block {
	margin-top: .5em;
}
@media only screen and (min-width: 960px) {
	.mainpage-block:first-child {
		margin-top: 0;
	}
}

.mainpage-left .mainpage-block {
	border: 1px solid #AAD5FF;
}
@media only screen and (min-width: 960px) {
	.mainpage-left .mainpage-block {
		margin-right: .25em;
	}
}

.mainpage-right .mainpage-block {
	border: 1px solid #E6E6E6;
}
@media only screen and (min-width: 960px) {
	.mainpage-right .mainpage-block {
		margin-left: .25em;
	}
}

.mainpage-bottom .mainpage-block {
	border: 1px solid #D2D2F0;
	margin-top: .5em;
}

/* Záhlaví boxů */
.mainpage-headline {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: .2em;
	padding-left: .4em;
	padding-bottom: .2em;
}

.mainpage-left .mainpage-headline {
	background-color: #AAD5FF;
}

.mainpage-right .mainpage-headline {
	background-color: #E6E6E6;
}

.mainpage-bottom .mainpage-headline {
	background-color: #D2D2F0;
}

/* Těla boxů */
.mainpage-content {
	margin: .8em .5em;
}
.mainpage-content-center {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	margin: .8em .5em;
}

.mainpage-image {
	width:75%;
}

@media only screen and (max-width: 959px) {
	.news-main {
		display:flex;
		flex-direction:column;
	}
}
@media only screen and (min-width: 960px) {
	.news-main {
		display:flex;
		flex-direction:row;
	}
}
.news-column {
	display:flex;
	flex-direction:column;
	flex:1;
}
.news-item {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
@media only screen and (max-width: 959px) {
	.news-item {
		margin:.5rem 0;
	}
}

@media only screen and (max-width: 959px) {
	.mainpage-special {
		display:none;
	}
}
.mainpage-special {
	display:flex;
	flex:1;
	justify-content:flex-end;
	align-items:flex-start;
	text-align:right;
	font-size:.7em;
}

/* Zápatí boxů */
.mainpage-footer {
	clear: right;
	font-size: .9em;
	text-align: right;
	padding: 0 .5em;
}

.mainpage-left .mainpage-footer {
	background-color: #e5f2ff;
}

.mainpage-right .mainpage-footer {
	background-color: #F7F7F7;
}

/** Individuální styly **/

/* Skrytí vlaječek */
.news-container .aktuality-vlajka, .news-container .flagicon {
	display: none;
}

/* Prevence přetekání obrázku */
.picture-container img {
	max-width: 100%;
	object-fit: contain;
}

/* Menší písmo ve vybraných boxech */
.mainpage-content-small {
	font-size: .95em;
}