Predložak:Glavna stranica/style.css

1. dobrodosli-okvir{

position: relative; /* zbog centriranja portala */ border:1px solid #8898BF; width:99%; margin-top:0.7em; background-color:white; overflow: hidden;/* clearfix */ }

1. 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%; }

1. broj-clanaka{

width:100%; text-align:center; font-size:75%; background-color: #fff; }

1. portali{ /* vertikalno centriranje */

position: absolute;

   top: 50%;
   right: 0;
   transform: translate(0, -50%);
   max-width: 50%;
   padding: 10px;

}

1. ostali-projekti {

width: 99%; }

1. 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; }

1. slika img {

width: 100%; height: auto; }

1. 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;
 }

}