bye bye github
This commit is contained in:
96
public/global/nav/cssNav.css
Executable file
96
public/global/nav/cssNav.css
Executable file
@@ -0,0 +1,96 @@
|
||||
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;
|
||||
}
|
||||
Reference in New Issue
Block a user