HOME

5h-3LL 1.0
DIR: /srv/http/adent.cz/chataadelka.cz/app/webroot/css
/srv/http/adent.cz/chataadelka.cz/app/webroot/css/
Current File : /srv/http/adent.cz/chataadelka.cz/app/webroot/css/layout.css
body {  font-size:1rem}

#main a:link, a:visited  {color:#631111; text-decoration:underline}
#main a:hover {color:#6d2323}

.cleaner { clear: both; }

#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}


#dokumenty ul {margin: 0px 10px 30px 0px; padding:0px; } 
#dokumenty ul li {
	background:none; color: #C3341C;
    font-size: 15px; font-weight:bold;
	padding:  0px 0px 5px 0px; }
#dokumenty ul li span {color:#000; font-size:13px; font-weight:normal;	 padding:  0px 0px 5px 0px; }
#dokumenty ul  ul {margin: 3px 10px 20px 20px;}
#dokumenty ul ul li {
	background: url('../img/_li.jpg') no-repeat 0 5px; 
	padding:  0px 0px 10px 15px; font-weight:normal; font-size:13px; line-height:140%;}

#faqs {text-align:left; margin:0px; line-height:150%}
#faqs h3  { cursor:pointer; padding:0px 0px 5px 0px; margin:0px; color:#C3341C;  font-size:14px; text-decoration:underline; font-weight:normal;  }
#faqs h3 span {}
#faqs h3.active  { color:#d74646; } 
#faqs div { height:0; overflow:hidden; position:relative;  padding:0px 10px 5px 5px}
#faqs div p  { padding:5px 0px 5px 0px; margin: 0px; line-height:180%; }
#faqs ul {margin:0px 0px 0px 20px; list-style-type:none}
#faqs li {line-height:150% }
#faqs ul.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqs h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }


#faqsTable {text-align:left; margin-top:10px; line-height:150%}
#faqsTable h3  { cursor:pointer; padding:0px 0px 5px 0px; margin:0px; color:#2F5B75;  font-weight:normal;  }
#faqsTable h3 span {border-bottom:1px solid #000}
#faqsTable h3.active  { color:#d74646; } 
#faqsTable div { height:0px; overflow:hidden; position:relative; background: url("../img/bg-odpoved.jpg") repeat-x 0 0 #EFEFEF; border:1px solid #CBCBCB; border-radius:5px; padding:8px}
#faqsTable div p  { padding:0; margin: 0px; }
#faqsTable ul {margin-left:20px; list-style-type:decimal}
#faqsTable ul  li {margin:5px 0px 3px 0px; color:#2F5B75; text-align:justify; padding:0px 8px 3px 0px }
#faqsTable ul.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqsTable strong p {font-weight:bold; color:#484649}

#faqsTable h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }


input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button 
{
  box-sizing: content-box;
  line-height: normal;
}

/** originál css kód **/

@font-face {
    font-family: 'blenda_scriptregular';
    src: url('./fonts/blenda_script-webfont.eot');
    src: url('./fonts/blenda_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/blenda_script-webfont.woff2') format('woff2'),
         url('./fonts/blenda_script-webfont.woff') format('woff'),
         url('./fonts/blenda_script-webfont.svg#blenda_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@media (min-width: 544px) { . {  } }
@media (min-width: 768px) { . {  } }
@media (min-width: 992px) { . {  } }
@media (min-width: 1200px) { . {  } }
*/


/* rozdělení na 5 sloupců - (nejen) container pro položky horního menu */
.col-xs-1of5 { position:relative; min-height:1px; padding-right:0px; padding-left:0px; float:left;  width:20% }
@media (min-width: 544px) { .col-sm-1of5 { position:relative; min-height:1px; padding-right:0px; padding-left:0px; float:left;  width:20% } }
@media (min-width: 768px) { .col-md-1of5 { position:relative; min-height:1px; padding-right:0px; padding-left:0px; float:left;  width:20% } }
@media (min-width: 992px) { .col-lg-1of5 { position:relative; min-height:1px; padding-right:0px; padding-left:0px; float:left;  width:20% } }
@media (min-width: 1200px) { .col-xl-1of5 { position:relative; min-height:1px; padding-right:0px; padding-left:0px; float:left;  width:20% } }


/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-bottom: 0rem;
}

/* class-y používané napříč webem */
h1 { font-family: 'blenda_scriptregular'; font-size: 1.8rem;}
@media (min-width: 544px) { h1 { font-size: 2rem } }
@media (min-width: 768px) { h1 { font-size: 2rem; } }
@media (min-width: 992px) { h1 { font-size: 2.5rem; } }
.adc-golden { color: #e0bb8e; } /* "zlatá barva" */
.adc-transp50 { opacity: .50; } /* průhledonst - použito pro "+420" v telefonních číslech */


h2 {font-family:arial; font-size:1.4rem; font-weight:bold; margin-top:1rem}

/* HORNÍ PRUH - KONTKATY */
#top-contacts { 
    background-color: #151811; 
    font-size: 1rem;
    color: #e5e5e5;
}
#top-contacts .container  { 
    padding: .3rem 15px;
    text-align: right;
}
#top-contacts .container  ul { 
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
#top-contacts .container li { 
    display: inline-block;
}
#top-contacts .container li+li::before { 
    content: "|";
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
#top-contacts .container a { color: #e5e5e5; }

/* HORNÍ PRUH - NAVIGACE */
    /* bude potřeba upravit pro různé velikosti screenů */
nav.navbar {
  border-radius: 0px;
}
.navbar .container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.navbar .navbar-brand /* Logo v navigačním pruhu */ {
    font-family: 'blenda_scriptregular';
    font-size: 1.6rem;
}
@media (min-width: 348px) { .navbar .navbar-brand { font-size: 2rem; } }
@media (min-width: 992px) { .navbar .navbar-brand { font-size: 2.5rem; } }

    /* nastavení padding kvůli zlatému rámečku v menu - trochu divoké, ale funkční :) */
.navbar li { padding: .7rem 0rem; }
.navbar li a { padding-left: .5rem; padding-right: .5rem; }
.navbar-nav .nav-item+.nav-item {margin-left:.4rem;}
@media (min-width: 544px) { .navbar li a {  } }
@media (min-width: 768px) { .navbar li a {  } }
@media (min-width: 992px) { 
    .navbar li a { padding-left: 1rem; padding-right: 1rem; }
    .navbar-nav .nav-item+.nav-item: { margin-left:1rem; }
}
/* .navbar li:last-of-type a { padding-right: 0rem; } /* vymaže padding-right u poslední položky menu, takže je zarovnaná správně doprava; je ale problém, pokud je položka aktivní - tam potom padding-right chybí... */
    /* barva a rámeček v menu */
.navbar li.nav-item a.nav-link { color: #e5e5e5; }
.navbar li.nav-item.active a.nav-link { border: 2px solid #e0bb8e; }

.navbar button {
    color: #e5e5e5;
    padding-top:1rem;
}

.page-header {margin-left:-0.5rem; margin-bottom:1rem}

/* HLAVNÍ DIV */
#main {
    background: #fff url(../img/pozadi-1920.jpg) center top no-repeat;
    background-size: cover;
}

#main .container.adc-trailer {
    font-family: 'blenda_scriptregular';
    font-size: 1.5rem;
    padding-top: 2.0rem;
    padding-bottom: 3.5rem;
}
@media (min-width: 544px) { #main .container.adc-trailer { font-size: 1.8rem; padding-top: 2.1rem;     padding-bottom: 4rem; } }
@media (min-width: 768px) { #main .container.adc-trailer { font-size: 2rem; padding-top: 2.1rem;     padding-bottom: 4rem; } }
@media (min-width: 992px) { #main .container.adc-trailer { font-size: 2.2rem; padding-top: 3rem;     padding-bottom: 4.5rem; } }
@media (min-width: 1200px) { #main .container.adc-trailer { font-size: 2.2rem; padding-top: 3rem;     padding-bottom: 8.5rem; } }


#main .container.adc-section {
    padding: 1rem;
    color: #322a1f;
    background-color: #d7b288;
}
@media (min-width: 544px) { #main .container.adc-section { padding: 1.5rem; } }

#main .container.adc-section section {
    padding: 1rem;
    border: 1px solid #cca886;
    min-height: 420px;
}
@media (min-width: 544px) { #main .container.adc-section section { padding: 1.5rem 1.5rem; } }
@media (min-width: 768px) { #main .container.adc-section section { padding: 2rem 2.5rem; } }
@media (min-width: 992px) { #main .container.adc-section section { padding: 2.25rem 3rem;  } }

#main ul {list-style-type:none; margin:0; padding:0rem 0rem 1rem 0rem}
#main ul li {background: url("../img/_li.png") no-repeat 0 0.6rem; padding:0rem 0rem 0.3rem 1.5rem}

#main img {border:6px solid #f6ede4 }
#main img.imgHome{ width:100%; margin-bottom:1rem }

#main .table td {border-bottom:1px solid #000; border-top:1px solid #000}


/* PATIČKA */
.adc-pagefooter {
    margin: 1rem auto 0 auto;
	padding: 2rem 0;
    color:rgba(255,255,255,.5);
    font-size: small;
}

#main footer a:link, #main footer a:visited {color: #99957E }
#main footer a:hover {color: #D7B288 }

.adc-webworks, .adc-webworks a { color:rgba(255,255,255,.25) }

/* webrormy */
.form-adc { background:#E0BB8E; border-radius:.25rem; margin-bottom:.25rem; padding:2px; color:#000}
.form-adc input {background:#F6EDE4}
.form-adc-separator { background:#BDBDBD; border-radius:.25rem; margin-bottom:.25rem; font-size: 0.875rem; padding-top:5px; padding-bottom:5px; font-weight:bold; color:#000 }
.form-adc:after { content: ""; display: table; clear: both; }
.form-adc.noform { background:none; margin-top:2rem; padding-top:1rem; }
.form-adc.noform-small { background:none; margin-top:0.5rem; padding-top:0rem; }
select.form-control:not([size]):not([multiple]) {
    height: 2.3rem; padding:0rem 0rem 0rem 1rem;
}
.form-adc input.btn-primary {
    background: #C4692A ;
    border-color: #C4692A ;
	border-radius:0.3rem;
    color: #fff;
	padding: 0.375rem; width:50%; margin:0.2rem;
}

.form-adc input.btn-primary:hover { border: 1px solid #96450f;   background-color: #96450f;}
.form-adc input.btn-primary a { text-align:center;  }

.form-check-inline {padding-left:0rem}

.form-adc .form-check + .form-check {
    margin-top: 0rem;
	padding-left:1rem;
}

.form-adc .form-check-input {
    margin-left: -1.25rem;
    margin-top: 0.35rem;
    position: absolute;
	padding:0rem;
}


.btn-primary {
    background: #55c5f3 ;
    border-color: #55c5f3;
	border-radius:0.3rem;
    color: #fff;
	padding: 0.375rem; width:50%; margin:0.2rem;
}

.btn-primary:hover { border: 1px solid #55c5f3;   background-color: #55c5f3;}
.btn-primary a { text-align:center }


/* "odklikávací zpráva" */


div.adc-message-inner {
    position:fixed;
    top:15%;
    left:25%;
    width:50%;
    height:80%;
    background:white;
    padding:.25rem;
    border:1px solid #7F0A24; border-radius:.25rem; padding:.2rem;
}
@media (max-width: 768px) { div.adc-message-inner { width:90%; left:5%; height:60%; top:20%; } }
div.adc-message-inner-header {
    text-align:center;
    font-weight:bold;
    background:#FAEFB7;
    border-radius:.25rem; padding:.25rem;
    margin-bottom:.2rem; 
}
div.adc-message-inner-body {
    border:1px solid #7F0A24; border-radius:.25rem; padding:1rem;
/*    height:90%;*/
    height: calc(100% - 4px - 7rem );
    overflow:auto;
}


.page table.kalendar {border:0px; width:100%;  }
.page table.kalendar tr:hover {background:none}
.page table.kalendar td:hover {background:#efefef}
.page table.kalendar th {color:#fff; background:#C4692A; border:0px; padding:0.3rem; text-align:center}
.page table.kalendar tr.calendar-dow-header th {background:#fff3e3; color:#dfae6b}
.page table.kalendar td {border: 1px solid #c8c8c8; background:#fff;  text-align:center; margin:0px; vertical-align:middle}
.page table.kalendar td div span {padding:0.5rem;}
.page table.kalendar td.event {background:#f48484;}
.page table.kalendar td.event span {background:#f48484; padding:0px; cursor:pointer}
.page table.kalendar td.event-styled {background: #f22b2b;}
.page table.kalendar td.event-styled div.grade-4 span {background:#f22b2b; padding:0px; cursor:pointer}

.page table.kalendar td  span.badge-today {background:#efefef; padding:1px; color:#000; display:block; cursor:pointer}




.modal-dialog {margin:4rem auto}
.modal-header h4 { font-family: 'opensans-condbold-webfont'; font-size:1.3rem; color:#009E9D} 
.modal-body { font-family: 'open_sansregular';}
.modal-body h2 {  font-size:1rem; font-weight:bold}
.modal-footer {display:none}

/*Nastavení separovaných buněk a nulové vzdálenosti mezi buňkami*/
.page table.kalendar{
        border-collapse: separate;
        border-spacing: 0px;}

/*Vypnutí pravých a dolních rámečků*/
.page table.kalendar td, table.kalendar th{
    border-style: solid none none solid;
}
/*Nastavení dolního rámečku posledním buňkám (td, th)*/
.page table.kalendar :not(thead):not(tbody) tr:last-child td,
.page table.kalendar :not(thead):not(tbody) tr:last-child th,
.page table.kalendar tbody:last-child   tr:last-child td,
.page table.kalendar tbody:last-child   tr:last-child th { border-bottom-style: solid;}

/*Nastavení pravého rámečku buňkám v posledním sloupci(td, th)*/
.page table.kalendar td:last-child,
.page table.kalendar th:last-child { border-right-style: solid; }

/*Nastavení levého horního kulatého rohu*/
.page table.kalendar :not(tbody):not(tfoot) tr:first-child td:first-child,
.page table.kalendar :not(tbody):not(tfoot) tr:first-child th:first-child,
.page table.kalendar tbody:first-child  tr:first-child td:first-child,
.page table.kalendar tbody:first-child  tr:first-child th:first-child { border-top-left-radius: 10px;}

/*Nastavení pravého horního kulatého rohu*/
.page table.kalendar :not(tbody):not(tfoot) tr:first-child td:last-child,
.page table.kalendar :not(tbody):not(tfoot) tr:first-child th:last-child,
.page table.kalendar tbody:first-child  tr:first-child td:last-child,
.page table.kalendar tbody:first-child  tr:first-child th:last-child  { border-top-right-radius: 10px;}

/*Nastavení levého dolního kulatého rohu*/
.page table.kalendar :not(thead):not(tbody) tr:last-child td:first-child,
.page table.kalendar :not(thead):not(tbody) tr:last-child th:first-child,
.page table.kalendar tbody:last-child   tr:last-child td:first-child,
.page table.kalendar tbody:last-child   tr:last-child th:first-child { border-bottom-left-radius: 10px;}

/*Nastavení pravého dolního kulatého rohu*/
.page table.kalendar :not(thead):not(tbody) tr:last-child td:last-child,
.page table.kalendar :not(thead):not(tbody) tr:last-child th:last-child ,
.page table.kalendar tbody:last-child   tr:last-child td:last-child,
.page table.kalendar tbody:last-child   tr:last-child th:last-child { border-bottom-right-radius: 10px;}


.fotoGaleryVypis {float:left; padding:5px; width:45%; margin:30px 20px 0px 0px; font-size:13px }

@media (max-width: 600px) { .fotoGaleryVypis {width:95%;  } }

.fotoGaleryVypis img {padding:8px;  width:100%;  border:6px solid #E0BB8E}
.fotoGaleryVypis i {font-size:10px}
.fotoGaleryFoto { margin:7px; width:220px; height:220px; border:1px solid #cca886; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}
#main .fotoGaleryFoto  img {border:0px}
.fotoGaleryFoto p {text-align:center; padding-top:5px; }
.fotoGaleryFoto1 {border: 1px dotted red; margin:7px; width:180px; height:150px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}
.stred {text-align:center}