186 lines
3.0 KiB
CSS
186 lines
3.0 KiB
CSS
@charset "utf-8";
|
|
|
|
@font-face {
|
|
font-family: comfortaa;
|
|
src: url(res/comfortaa.ttf);
|
|
}
|
|
|
|
@font-face {
|
|
font-family: GOLEM;
|
|
src: url(res/GOLEM.otf);
|
|
}
|
|
|
|
body {
|
|
font-family: comfortaa, "Arial", sans-serif;
|
|
background: rgb(255, 255, 223);
|
|
background-image: url(img/background.png);
|
|
margin: 0;
|
|
}
|
|
|
|
header {
|
|
text-align: center;
|
|
color: black;
|
|
}
|
|
|
|
section {
|
|
padding: 3vw;
|
|
min-height: 50ex;
|
|
background-repeat: no-repeat;
|
|
background-size: cover !important;
|
|
clip-path: polygon(
|
|
0% 100%,
|
|
100% calc(100% - 3vh),
|
|
100% 0,
|
|
0 calc(3vh)
|
|
);
|
|
}
|
|
|
|
section.bg h1, section.bg h2, section.bg h3 {
|
|
text-align: center;
|
|
}
|
|
section.bg {
|
|
color: white;
|
|
text-shadow: 0 0 1px black;
|
|
}
|
|
section.nobg h1, section.nobg h2, section.nobg h3 {
|
|
text-align: center;
|
|
color: black;
|
|
text-shadow: 0 0 1px green;
|
|
}
|
|
|
|
section > div {
|
|
transition-duration: 0.5s;
|
|
text-align: center;
|
|
display: inline-block;
|
|
min-height: 30ex;
|
|
vertical-align: middle;
|
|
width: 100%;
|
|
}
|
|
|
|
section.bg > div:hover {
|
|
transition-duration: 0.5s;
|
|
background-color: rgba(10,10,10,0.5);
|
|
}
|
|
|
|
section > div img {
|
|
max-width: 50%;
|
|
width: 100px;
|
|
}
|
|
|
|
section#chisiamo {
|
|
background:
|
|
linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
|
|
url(img/murale.jpeg);
|
|
}
|
|
@media (min-width: 800px) {
|
|
section#chisiamo > div {
|
|
width: 33%;
|
|
}
|
|
}
|
|
|
|
section#news {
|
|
background:
|
|
linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
|
|
url(img/gadgets.jpeg);
|
|
}
|
|
@media (min-width: 800px) {
|
|
section#news > div {
|
|
width: 24%;
|
|
}
|
|
}
|
|
|
|
section#attivita {
|
|
background:
|
|
linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
|
|
url(img/elettronica.jpeg);
|
|
}
|
|
@media (min-width: 800px) {
|
|
section#attivita > div {
|
|
width: 24%;
|
|
}
|
|
}
|
|
|
|
/*
|
|
section#servizi {
|
|
background:
|
|
linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
|
|
url(img/quintetto.jpeg);
|
|
}
|
|
*/
|
|
@media (min-width: 800px) {
|
|
section#servizi > div {
|
|
width: 19%;
|
|
}
|
|
}
|
|
|
|
section#contatti {
|
|
background:
|
|
linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
|
|
url(img/cena.jpeg);
|
|
}
|
|
@media (min-width: 800px) {
|
|
section#contatti > div {
|
|
width: 19%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 800px) {
|
|
section#lug > div {
|
|
width: 33%;
|
|
}
|
|
}
|
|
|
|
section.nobg a, a:visited {
|
|
color: black;
|
|
}
|
|
|
|
a, a:visited {
|
|
color: lightgreen;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
footer {
|
|
padding: 5px;
|
|
color: white;
|
|
text-align: center;
|
|
font-size: smaller;
|
|
background-color: rgb(29, 29, 29);
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
ul > li {
|
|
margin: 1.5ex;
|
|
}
|
|
|
|
.golem_font {
|
|
font-family: GOLEM, comfortaa, "Arial", sans-serif;
|
|
}
|
|
|
|
a:link.anchor, a:visited.anchor {
|
|
color: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
.zerocalcare-details {
|
|
font-size: smaller;
|
|
}
|
|
|
|
section.nobg i.material-icons {
|
|
color: black;
|
|
}
|
|
section.bg i.material-icons {
|
|
color: snow;
|
|
}
|
|
|
|
div#lugmap {
|
|
height: 40em;
|
|
}
|