97 lines
1.8 KiB
CSS
Executable File
97 lines
1.8 KiB
CSS
Executable File
section#spacer{
|
|
position:relative;
|
|
visibility: hidden;
|
|
}
|
|
|
|
@media(min-width:501px){ section.nav{ position:fixed; } }
|
|
@media(max-width:500px){ section.nav{ position:absolute; } }
|
|
section.nav{
|
|
z-index:100;
|
|
width:100%;
|
|
background:#c22a39;
|
|
justify-content: end;
|
|
-webkit-justify-content: end;
|
|
}
|
|
|
|
article.lhome{
|
|
height:50px;
|
|
width:150px;
|
|
margin:auto;
|
|
}
|
|
a#hhome{
|
|
background-image: url(" icon/LogoHome.svg ");
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
|
|
|
|
/* tel article ------------------*/
|
|
article.tel{
|
|
flex:5 1 300px;
|
|
display: -webkit-inline-flex;
|
|
-webkit-justify-content:baseline;
|
|
display: inline-flex;
|
|
justify-content:baseline;
|
|
min-width:250px;
|
|
margin:auto;
|
|
}
|
|
div.tnum{
|
|
flex:1 1 100px;
|
|
color: white;
|
|
margin:auto 10px;
|
|
max-width:150px;
|
|
}
|
|
div.icon{
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
margin:auto 2%;
|
|
}
|
|
div#watts{ width:30px;height:30px; }
|
|
div#tel{ width:20px;height:30px; }
|
|
|
|
/* nav --------------------------*/
|
|
|
|
article.nav{
|
|
flex:6 1 300px;
|
|
display: inline-flex;
|
|
justify-content:flex-end;
|
|
display: -webkit-inline-flex;
|
|
-webkit-justify-content:flex-end;
|
|
max-width:400px;
|
|
}
|
|
|
|
a.nav,
|
|
a.nav:link,
|
|
a.nav:visited,
|
|
a.nav:active,
|
|
a.nav:hover
|
|
{
|
|
text-align: center;
|
|
text-decoration: none;
|
|
color:white;
|
|
flex:2 1 50px;
|
|
}
|
|
a.nav > p {
|
|
}
|
|
|
|
div#tel{ background-image: url("icon/cel.svg "); }
|
|
div#watts{ background-image: url("icon/watts.svg "); }
|
|
/* hamb --------------------------*/
|
|
div#menu{
|
|
background-image: url("icon/hamb.svg ");
|
|
background-size: 70% 50%;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
max-width: 60px;
|
|
margin: 0px 5px;
|
|
flex:1 4 50px;
|
|
}
|
|
div#menu:hover{
|
|
cursor: pointer;
|
|
}
|