- dobrodosli-okvir{
position: relative; /* zbog centriranja portala */ border:1px solid #8898BF; width:99%; margin-top:0.7em; background-color:white; overflow: hidden;/* clearfix */ }
- dd{
width:300px; text-align:center; white-space:nowrap; color:#000; font-family:Arial; font-size:130%; border:none; margin: 0; padding: 10px 10px 10px 10px; background-color: #fff; max-width: 50%; }
- broj-clanaka{
width:100%; text-align:center; font-size:75%; background-color: #fff; }
- portali{ /* vertikalno centriranje */
position: absolute;
top: 50%; right: 0; transform: translate(0, -50%); max-width: 50%; padding: 10px;
}
- ostali-projekti {
width: 99%; }
- no-margin-bottom{
margin-bottom: 0; }
.flex{ display: flex; flex-wrap: wrap; justify-content: center; }
.okvir { border:1px solid #8898BF; background-color: #FFFFFF; margin: 4px 0; }
.okvir-left{ width: 49%; border:1px solid #8898BF; background-color: #FFFFFF; margin: 4px 4px 4px -1px; }
.okvir-right{ width: 49%; border:1px solid #8898BF; background-color: #FFFFFF; margin: 4px 0 4px 4px; } .padding{ padding: 0 10px 10px 10px; }
.arhiv-link{ height: 1.5em; float:right; margin:0 7px; } .naslov{ margin:0 10px; }
.naslov span { font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; }
.left{ float: left; } .right{ float: right; } .clear{ clear:both; }
.boja { font-size:1px; height:8px; }
.plava { border-bottom:1px solid #8898BF; background-color:#A8D3FF; }
.siva { background-color:#E0E0E0; border-bottom:1px solid #aaa; }
- slika img {
width: 100%; height: auto; }
- mf-Slika_tjedna{
padding: 1vw; }
/* za mobilne uređaje */ @media only screen and (max-width: 800px) { #portali{ display: none; } #dd{ float: none; margin: 0 auto; border: none; max-width: none; }
.plava, .siva {
border-bottom: none; background-color:inherit;
}
.okvir-left, .okvir-right, .okvir{
width: 100%;
margin: 4px 0;
border: none;
}
.okvir{
display: none;
}
.arhiv-link{
margin: 0;
}
.naslov{
text-align: center;
}
}