Suradnik:Ivi104/Glavna/style.css: razlika između inačica
< Suradnik:Ivi104 | Glavna
Izbrisani sadržaj Dodani sadržaj
m + |
m + |
||
Redak 92: | Redak 92: | ||
/* za mobilne uređaje */ |
/* za mobilne uređaje */ |
||
@media only screen and (max-width: |
@media only screen and (max-width: 800px) { |
||
#portali{ |
#portali{ |
||
display: none; |
display: none; |
Inačica od 3. ožujka 2020. u 12:59
#dobrodosli-okvir{
position: relative; /* zbog centriranja portala */
border:1px solid #8898BF;
width:100%;
margin-top:0.7em;
background-color:white;
overflow: auto;/* clearfix */
}
#dd{
width:300px;
text-align:center;
white-space:nowrap;
color:#000;
font-family:Arial;
font-size:130%;
border:none;
margin: 0;
padding:10px;
background-color: #fff;
}
#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%);
}
.flex{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.okvir {
border:1px solid #8898BF;
background-color: #FFFFFF;
}
.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;
}
.arhiv-link{
height: 1.5em;
float:right;
margin:0 7px;
}
.naslov{
margin:0 10px;
}
.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;
}
/* za mobilne uređaje */
@media only screen and (max-width: 800px) {
#portali{
display: none;
}
#dd{
float: none;
margin: 0 auto;
border: 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;
}
}