Redaktor:Robins7/Hlavní strana/stylesheet.css
Vzhled
/* Obecné */
.mainpage-left {
float: left;
width: 45%;
}
.mainpage-right {
float: right;
width: 55%;
}
@media only screen and (max-width: 1130px) {
.mainpage-left {
width: 100%;
}
.mainpage-right {
width: 100%;
}
}
/* Hlavička */
.header {
background: linear-gradient(30deg, #BCF9FF, #F7F7F7 45%);
border: 1px black solid;
overflow: auto;
padding: .6em;
margin: .3em;
}
@media only screen and (max-width: 768px) {
.header {
display:none;
}
}
.header-left {
float: left;
width: 50%;
margin-left: 1.8em;
}
.header-right {
float: right;
}
@media only screen and (max-width: 1130px) {
.header-left {
text-align: left;
width: 100%;
margin-left: 0;
}
.header-right {
display: none;
}
}
.header-title {
font-weight: bold;
font-family: 'Roboto Slab', serif;
font-size: 415%;
white-space: nowrap
}
.header-title-wiki {
color: #444444;
}
.header-title-zpravy {
color: #999999;
}
.header-description {
margin-left: 1.2em;
font-size: 115%;
}
/* Mimořádné zprávy */
.breaking-news {
padding: .6em;
margin: .3em;
border: 1px solid black;
background: linear-gradient(270deg, #DCFF68, #E8FDFF 47%);
}
.breaking-news-title {
margin-bottom: 6px;
padding-left: .6em;
padding-top: .3em;
padding-bottom: .3em;
font-size: 132%;
font-weight: bold;
display: none;
}
.breaking-news-container {
width: 100%;
display: flex;
flex-direction: row;
}
.breaking-news-container-left {
width: 130px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 46px;
}
.breaking-news-container-right {
display: flex;
align-items: center;
justify-content: center;
}
.breaking-news-articles {
font-size: 135%;
font-weight: bold;
}
@media only screen and (max-width: 840px){
.breaking-news {
background: #DCFF68;
}
.breaking-news-title {
display: block;
}
.breaking-news-container-left {
display: none;
}
.breaking-news-articles {
font-size: 110%;
}
}
/* Boxy */
.box-border {
margin:.3em;
border: 1px solid #AAD5FF;
border-radius: 10px;
overflow: auto;
}
.box-title {
padding-left: .6em;
padding-top: .3em;
padding-bottom: .3em;
background: #E8FDFF;
font-size: 132%;
font-weight: bold;
}
.box-body {
margin: .9em;
}
.box-footer {
margin: .2em;
padding-right: .1em;
text-align: right;
clear: both;
}
.box-auto-height {
height: auto;
max-height: none;
}
/** Poslední zprávy */
.posledni-zpravy-height {
max-height: 60em;
}
@media only screen and (max-width: 1130px) {
.posledni-zpravy-height {
height: auto;
max-height: none;
}
}
/** O Wikizprávách */
.o-wikizpravach-center {
text-align: center;
}
/** Wikimedia */
.wikimedia-table {
text-align: center;
width: 100%;
}
.wikimedia-table-small {
text-align: center;
width: 100%;
display: none;
}
.wikimedia-table-smallest {
text-align: center;
width: 100%;
display: none;
}
@media only screen and (max-width: 606px) and (min-width:545px) {
.wikimedia-table {
display: none;
}
.wikimedia-table-small {
display: block;
}
.wikimedia-table-smallest {
display: none;
}
}
@media only screen and (max-width: 545px) {
.wikimedia-table {
display: none;
}
.wikimedia-table-small {
display: none;
}
.wikimedia-table-smallest {
display: block;
}
}
.wikimedia-table-1 {
font-weight: bold;
}
.wikimedia-table-2 {
font-size: smaller;
font-style: italic;
line-height: 1.2;
vertical-align: top;
}
/** Denní přehled */
.denni-prehled-height {
max-height: 70em;
}
@media only screen and (max-width: 1130px) {
.denni-prehled-height {
height: auto;
max-height: none;
}
}
.denni-prehled-left {
float: left;
text-align: center;
width: 18%;
margin: .3em;
}
@media only screen and (max-width: 1400px) {
.denni-prehled-left {
width: 100%;
}
}
.denni-prehled-right {
float: right;
width: 78%;
margin-top: -.9em;
margin-bottom: .75em;
}
@media only screen and (max-width: 1400px) {
.denni-prehled-right {
width: 100%;
}
}
.denni-prehled-kalendar-grey {
background: linear-gradient(0deg, #e6e6e6, #f2f2f2 40%);
border-radius: 5px;
width: 100%;
box-shadow: 0 4px 8px 0 rgba(50,50,50,0.4);
}
@media only screen and (max-width: 1400px) {
.denni-prehled-kalendar-grey {
width: 145px;
margin: auto;
}
}
.denni-prehled-kalendar-lightblue {
background: linear-gradient(0deg, #4dc3ff, #66ccff 70%);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 100%;
color: white;
font-weight: bold;
font-size: 140%;
}
.denni-prehled-kalendar-blue {
background: linear-gradient(0deg, #003b99, #004ecc 70%);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 100%;
color: white;
font-weight: bold;
text-align: center;
font-size: 115%;
white-space: nowrap;
}
.denni-prehled-kalendar-lightred {
background: linear-gradient(0deg, #FFBEBE, #FFB6B6 70%);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 100%;
color: white;
font-weight: bold;
text-align: center;
font-size: 140%;
}
.denni-prehled-kalendar-red {
background: linear-gradient(0deg, #FF5454, #FF4141 70%);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 100%;
color: white;
font-weight: bold;
text-align: center;
font-size: 115%;
white-space: nowrap;
}
.denni-prehled-kalendar-day {
color: black;
font-weight: bold;
text-align: center;
font-size: 350%;
white-space: nowrap;
}
.denni-prehled-kalendar-dayname {
color: black;
text-align: center;
font-size: 120%;
white-space: nowrap;
}
.denni-prehled-kalendar-thisdayinthepast {
margin-top: 1em;
text-align: center;
padding: .1em;
margin-bottom: 1.5em;
}
/** Témata */
.temata-table {
table-layout: fixed;
width: 100%;
}
.temata-table-small {
table-layout: fixed;
width: 100%;
display: none;
}
@media only screen and (max-width: 606px) {
.temata-table {
display: none;
}
.temata-table-small {
display: block;
}
}
.temata-table-1 {
vertical-align: top;
}
.temata-table-2 {
width: 30%;
}
.temata-table-3 {
text-align: center;
width: 100%;
margin: .2em;
}