/*
Isto é um Comentário
*/
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@media screen and (min-width:1001px) {
body {
background-color: #333;
}
.galeria > div {
width: 25%;
}
}
@media screen and (min-width:601px) and (max-width:1000px) {
body {
background-color: #F0F;
}
.galeria>div {
width: 50%;
}
}
@media screen and (max-width:600px) {
body {
background-color: #FF0;
}
.galeria>div {
width:100%;
}
}
body {
font-family: 'Lato', sans-serif;
color: white;
margin: 0;
}
.dm-bg-green {
background-color: green !important;
}
.dm-color-blue {
color: blue;
}
#apresentacao,
#contactos,
#galeria {
margin: 100px 0 0 0;
}
.dm-bg-yellow {
background-color: yellow !important;
}
img {
width: 100%
}
.galeria > div {
float: left;
}
.galeria {
overflow: auto;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow:hidden;
background-color:#777;
}
nav ul li {
float:left;
border-right:1px solid #aaa;
}
nav ul li a {
display: block;
color:white;
text-decoration: none;
padding: 15px;
}
nav ul li a:hover:not(.active){
background-color:black;
}
.active {
background-color:green;
cursor:default;
}
.ml-float-right {
float: right;
}
.ml-border-left {
border-left: 1px solid #aaa;
}
Sem comentários:
Enviar um comentário