mamweb/mamweb/static/css/mamweb.css

724 lines
12 KiB
CSS

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600&subset=latin,latin-ext);
body {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.org-logged-in .mam-text-plugin {
border: dashed 1px #f77;
padding: 5px;
margin: -5px;
}
.mam-org-only {
background: #fff0d7;
padding: 10px;
margin: 10px -10px;
border: orange 2px dashed;
}
.mam-org-only .mam-org-only {
border: 0px;
}
li.mam-org-only {
padding: 3px 0px;
margin: -2px 0px;
}
table .border-r {
border-right: solid 1px;
}
table .border-b {
border-bottom: solid 1px;
}
.vysledkovka td, .vysledkovka th {
padding: 0.1em 0.3em;
}
.vysledkovka {
border: solid 2px;
}
div.container {
background-color: #fff8eb;
padding: 0px;
}
div.content {
padding: 15px 30px;
}
h1 {
margin-top: 0px;
}
/* Comments */
#id_comment {
width: 100%;
height: 6em;
}
/* Headline & Header */
#header {
position: relative;
font-size: 250%;
background: url("../images/header-bg-uvod.jpg") no-repeat center top;
height: 255px;
top: -1px;
}
#header.cojemam { background-image: url("../images/header-bg-uvod.jpg"); }
#header.soustredeni { background-image: url("../images/header-bg-soustredeni.jpg"); }
#header.zadani { background-image: url("../images/header-bg-zadani.jpg"); }
#header.clanky { background-image: url("../images/header-bg-clanek.jpg"); }
#header.archiv { background-image: url("../images/header-bg-archiv.jpg"); }
#header.NOC {background-image: url("../images/header-bg-uvod-NOC.jpg"); }
#header.NOCcojemam { background-image: url("../images/header-bg-uvod-NOC.jpg"); }
#header.NOCsoustredeni { background-image: url("../images/header-bg-soustredeni-NOC.jpg"); }
#header.NOCzadani { background-image: url("../images/header-bg-zadani-NOC.jpg"); }
#header.NOCclanky { background-image: url("../images/header-bg-clanek-NOC.jpg"); }
#header.NOCarchiv { background-image: url("../images/header-bg-archiv-NOC.jpg"); }
#header img.logo {
position: absolute;
top: 40px;
left: 55px;
}
/*
#header h1 {
font-size: 130%;
position: absolute;
top: 125px;
left: 30px;
height: 110px;
}
*/
#header img.header {
margin: -25px 20px 0px 0px;
height: 145px;
float: right;
visibility: hidden;
}
/* Menu */
div.menu.mobile {
display: none;
}
div.menu.desktop {
display: block;
}
div.menu {
position: relative;
top: -10px;
z-index: 10;
background: url("../images/menu-bg.png") no-repeat left top;
height: 60px;
}
div.menu ul {
padding: 0px;
margin: 0px;
}
div.menu li {
display: inline-block;
border-radius: 0px;
padding: 6px 0px 0px 0px;
width: 16.66%;
min-width: 140px;
text-align: center;
font-size: 140%;
font-weight: 400;
font-variant: small-caps;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
div.menu a {
display: block;
padding: 8px 10px;
color: #006400;
height: 48px;
}
div.menu a:hover {
background: url("../images/menu-bg-selected.png") no-repeat left -7px;
background-size: 100% 68px;
text-decoration: none;
color: #003c00;
}
div.menu li.selected a {
background: url("../images/menu-bg-selected.png") no-repeat left -7px;
background-size: 100% 68px;
text-decoration: none;
color: #003c00;
z-index: 15px;
}
h1 a:hover {
text-decoration: none;
}
#submenu {
position: relative;
top: -15px;
background: url("../images/submenu-bg.png") no-repeat left top;
height: 60px;
}
#submenu ul {
padding: 0px 15px;
font-size: 120%;
font-weight: 400;
}
#submenu li {
padding: 4px 20px;
display: inline-block;
height: 40px;
}
#submenu li>a {
color: #003c00;
text-decoration: none;
}
#submenu li>a:hover {
color: #3c003c;
}
#submenu li.selected {
background: url("../images/submenu-bg-selected.png") no-repeat center;
background-size: 150% 150%;
}
#submenu li.selected>a {
color: #3c003c;
}
/*#submenu li:first-child {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
padding-top: 8px;
}
#submenu li:last-child {
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
padding-bottom: 8px;
}
#submenu li>a:hover {
text-decoration: none;
}*/
div.novinky_name {
text-align: right;
font-style: italic;
}
div.zadani_azad_termin {
text-align: center;
font-size: large;
font-weight: bold
}
/**********
* Footer
**********/
#footer {
background: url("../images/footer-bg-top.png") no-repeat top center;
background-color: #ffd546;
padding: 20px 30px 0px 30px;
min-height: 210px;
}
#footer-extra {
background: url("../images/footer-bg-bottom.png") no-repeat bottom center;
height: 39px;
}
#footer p.license {
text-align: center;
font-weight: 400;
}
#footer p.organize {
text-align: center;
margin-top: 50px;
margin-left: 30px;
display: inline-block;
max-width: 350px;
}
#footer img.logo-left {
padding: 50px 0px 0px 0px;
float: left;
}
#footer img.logo-right {
padding: 40px 0px 00px 10px;
float: right;
}
.foto_org {
width: 250px;
text-align: center;
}
#seznam_orgu h1 {
text-align: center;
}
@media (max-width: 991px) {
#header {
height: 196px;
background-size: 100% 100%;
}
#header img.logo {
top: 27px;
left: 35px;
height: 140px;
}
div.menu li {
min-width: 120px;
font-size: 130%;
}
#submenu ul {
font-size: 115%;
}
#submenu li {
padding-top: 5px;
}
#footer {
padding: 20px 40px 0px 40px;
min-height: 270px;
}
#footer-extra {
position: relative;
top: -10px;
height: 39px;
}
#footer p.organize {
margin-top: 50px;
margin-left: 0px;
max-width: 80%;
min-height: 70px;
}
#footer img.logo-left {
padding: 50px 20px 0px 13px;
float: left;
}
#footer img.logo-right {
padding: 20px 0px 20px 0px;
float: none;
}
div.novinky{
max-width: 100%;
margin-left: auto;
margin-right: auto;
float: none;
}
div.graf{
float: none;
margin-left: auto;
margin-right: auto;
width: 70%;
}
}
@media (max-width: 767px) {
#header {
width: 100%;
height: 196px;
height: 0px;
background-size: 100%;
padding-bottom: 25%;
}
#header img.logo {
top: 0px;
left: 0px;
height: 100%;
}
div.menu {
height: auto;
}
div.menu li {
display: block;
width: 100%;
height: 35px;
font-size: 130%;
}
#submenu {
background: none;
height: auto;
margin-left: 90px;
margin-top: 15px;
}
#submenu ul {
font-size: 110%;
}
#submenu li {
display: inline-block;
margin: 5px 8px;
border-radius: 30px;
background: #ffd546;
height: auto;
}
#submenu li a:hover, #submenu li.selected {
background: #ffd546;
}
div.menu.mobile {
display: block;
position: absolute;
top: -1px;
background: none;
}
div.menu.mobile > div.dropdown > button {
font-size: 20px;
}
div.menu.mobile > div.dropdown > ul {
margin: 0px;
padding: 0px;
border-radius: 0px;
}
div.menu.mobile > div.dropdown > ul > li {
margin: 0px;
padding: 0px;
display: block;
font-size: 20px;
background: none;
font-variant: normal;
height: auto;
}
div.menu.mobile > div.dropdown > ul > li > a {
margin: 0px;
padding: 5px 30px;
height: auto;
}
div.menu.mobile > div.dropdown > ul > li > a:hover {
background: #ffa500;
}
div.menu.desktop {
display: none;
}
#footer {
padding: 20px 40px 0px 40px;
min-height: 270px;
}
#footer-extra {
position: relative;
top: -10px;
height: 39px;
}
#footer p.license {
font-size: 80%;
}
#footer p.organize {
margin: 30px 0px 0px 0px;
min-height: 80px;
width: 300px;
font-size: 90%;
}
#footer img.logo-left {
padding: 30px 20px 0px 18px;
float: left;
}
#footer img.logo-right {
padding: 30px 0px 20px 0px;
float: none;
}
div.novinky{
max-width: 100%;
float: none;
}
div.graf{
float: none;
width: 70%;
margin-left: auto;
margin-right: auto;
}
}
/* galerie */
/* velká fotka */
/* zmenšování spolu s oknem prohlížeče */
.galerie .obrazek, .titulni_obrazek {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
.predchozi_obrazek{
position: absolute;
z-index: 1;
width: 33%;
height: 100%;
left: 0;
top: 0;
}
.predchozi_obrazek:hover{
background-image: url("/static/galerie/prvky/predchozi.png");
background-position: left center;
background-repeat: no-repeat;
}
.dalsi_obrazek{
position: absolute;
z-index: 1;
width: 33%;
height: 100%;
left: 67%;
top: 0;
}
.dalsi_obrazek:hover{
background-image: url("/static/galerie/prvky/dalsi.png");
background-position: right center;
background-repeat: no-repeat;
}
.galerie {
position: relative;
text-align: center;
margin: 20px auto 0 auto;
}
.galerie h1 {
text-align: center;
}
.galerie_hlavicka {
margin: 30px auto 30px auto;
}
.popis {
margin: 10px 10px 30px 0px;
text-align: center;
}
#nahoru {
text-align: center;
}
/* titulní obrázek hlavní galerie soustředění */
.titulni_obrazek {
border: 1px solid black;
}
.galerie_nahledy{
/*margin: 1em 0;*/
margin: 0 auto 30px auto;
text-align: center;
overflow: auto;
}
.galerie_nahledy div.navigace {
display: inline-block;
width: 150px;
}
/*.galerie_nahledy img{*/
/*margin: 0 10px 0 10px;*/
/*}*/
/*.galerie_nahledy a{*/
/*height: 100%;*/
/*width: 100%;*/
/*}*/
.galerie_nahled { /* frame */
display: block;
position: relative;
float: left;
width: 200px;
height: 200px;
text-align: center;
border: solid;
border-width: 2px;
border-radius: 5px;
/*border-color: #ffa500;*/
border-color: #ffd546;
/*background-color: #ffb52d;*/
background-color: white;
white-space: nowrap;
margin: 10px 20px 10px 0px;
}
.galerie_nahled:hover {
background-color: #ffd546;
border-color: #ffa500;
}
.vystredeno{ /* helper */
display: inline-block;
height: 100%;
vertical-align: middle;
}
.galerie_nahled img {
vertical-align: middle;
max-height: 180px;
max-width: 180px;
/*border: 1px solid white;*/
}
.galerie_nahled img, .podgalerie_nahled img {
border-radius: 2px;
}
.galerie_nahled div {
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
}
.podgalerie_nahled {
display: block;
position: relative;
float: left;
width: 200px;
height: 200px;
text-align: center;
border: solid;
border-width: 2px;
border-radius: 5px;
border-color: #ffa500;
/*border-color: #ffd546;*/
background-color: #ffd546;
/*background-color: white;*/
white-space: nowrap;
margin: 10px 20px 10px 0px;
font-weight: bold;
}
.podgalerie_nahled:hover {
background-color: #ffa500;
}
.podgalerie_nahled img {
margin-top: 20px;
margin-bottom: 15px;
max-height: 125px;
max-width: 167px;
}
.podgalerie_nahled .nazev_galerie {
position: absolute;
width: 100%;
top: 160px;
}
/* plus a minus tlacitka */
.mam-org-only-galerie {
background: #fff0d7;
padding: 10px;
margin: 10px 10px 10px -20px;
border: orange 2px dashed;
float: left;
}
.mam-org-only-galerie a{
padding: 3px 5px;
margin: 5px;
border-radius: 20px;
background-color: lightblue;
color: black;
float: left;
}
/* Odkazy na předchozí a následující podgalerii */
.galerie_predchozi_nasledujici {
overflow: auto;
margin: 10px auto 10px auto;
}
.galerie_predchozi_nasledujici .predchozi {
float: left;
}
.galerie_predchozi_nasledujici .nasledujici {
float: right;
}
/* titulni stranka */
.zjistit_vic{
text-align: center;
}
.graf{
float: left;
}
.novinky{
float: right;
max-width: 42%;
}
.novinka_obrazek img {
margin-bottom: 15px;
}
div.novinka_obrazek {
width: 100%;
}
div.org-text {
font-style: italic;
}
div.nahledy_cisel {
float: right;
height: 297px;
width: 420px;
position: relative;
margin-right: 10%;
margin-bottom: 50px;
}
div.nahledy_cisel div, div.nahledy_cisel img {
position: absolute;
}
ul.form {
list-style-type: none;
padding-left: 0px;
}
label.field-label {
font-weight: normal;
}
label.field-required {
font-weight: bold;
}
.field-error {
font-size: 14px;
color: red;
}
ul.form li{
margin-bottom: 3px;
}
p.gdpr {
font-size: 6pt;
margin-bottom: .66em;
}
div.gdpr {
font-size: 6pt;
}