footer change
This commit is contained in:
parent
3d14a328c8
commit
7669c24573
2 changed files with 27 additions and 44 deletions
|
@ -5,10 +5,11 @@ html{
|
|||
}
|
||||
|
||||
body {
|
||||
background: linear-gradient(to left, rgb(99, 1, 99), rgb(0, 0, 145));
|
||||
background: linear-gradient(to left, rgb(10, 1, 92), rgb(0, 82, 50));
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
|
||||
|
@ -86,6 +87,8 @@ a#panier>h3{
|
|||
.topnav {
|
||||
overflow: hidden;
|
||||
background-color: rgb(255, 255, 255);
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.topnav a {
|
||||
|
@ -135,7 +138,7 @@ a#panier>h3{
|
|||
|
||||
/*TOP*/
|
||||
div#bienvenue{
|
||||
padding: 3vw;
|
||||
padding: 4vw;
|
||||
}
|
||||
|
||||
body>#bienvenue>h1 {
|
||||
|
@ -266,11 +269,12 @@ div#slider figure {
|
|||
|
||||
.flex-container div.out:hover img{
|
||||
width: 50%;
|
||||
cursor: not-allowed;
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
|
||||
.flex-container div.out:hover{
|
||||
cursor: none;
|
||||
cursor: not-allowed;
|
||||
border: none;
|
||||
border-bottom: 0.2vw solid grey;
|
||||
border-right: 0.2vw solid grey;
|
||||
|
@ -293,7 +297,7 @@ div#slider figure {
|
|||
font-size: 2vw;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
border-bottom: 0.2vw solid rgb(0, 0, 0);
|
||||
border-bottom: 0.2vw solid rgb(90, 90, 90);
|
||||
padding: 0.5vw;
|
||||
}
|
||||
|
||||
|
@ -338,15 +342,14 @@ footer {
|
|||
|
||||
footer>div>table {
|
||||
width: 100%;
|
||||
border-top: 0.1vw solid white;
|
||||
background-color: rgb(27, 27, 27);
|
||||
background-color: #ddd;
|
||||
margin: auto;
|
||||
padding: 2vw 8vw;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: grey;
|
||||
color: rgb(90, 90, 90);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
|
@ -362,8 +365,9 @@ tr {
|
|||
|
||||
th {
|
||||
font-size: 2vw;
|
||||
color: black;
|
||||
text-align: left;
|
||||
border-bottom: 0.1vw solid white;
|
||||
border-bottom: 0.1vw solid rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
th#line {
|
||||
|
@ -376,15 +380,16 @@ button#contactB {
|
|||
justify-content: center;
|
||||
padding: 1.5vw 4vw;
|
||||
font-size: 1.5vw;
|
||||
color: lightgrey;
|
||||
background-color: rgb(27, 27, 27);
|
||||
border: 0.1vw solid white;
|
||||
color: rgb(90, 90, 90);
|
||||
background-color: transparent;
|
||||
border: 0.1vw solid rgb(90, 90, 90);
|
||||
transform: skew(-.312rad);
|
||||
margin-bottom: 2vw;
|
||||
}
|
||||
|
||||
button#contactB:hover {
|
||||
background-color: white;
|
||||
background-color: rgb(90, 90, 90);
|
||||
color: white;
|
||||
transition-duration: 0.5s;
|
||||
border-radius: 1vw;
|
||||
}
|
||||
|
|
|
@ -79,54 +79,32 @@
|
|||
.flex-container>div>a>img {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.flex-container div:hover img{
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.flex-container div.out:hover img{
|
||||
width: 20%;
|
||||
cursor: not-allowed;;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin-left: 2vw;
|
||||
margin-right: 2vw;
|
||||
}
|
||||
|
||||
/*========FOOTER=========*/
|
||||
tr {
|
||||
border-bottom: 0.2vw solid red;
|
||||
color: white;
|
||||
height: 4vw;
|
||||
}
|
||||
|
||||
th {
|
||||
font-size: 2.5vw;
|
||||
}
|
||||
|
||||
th#line {
|
||||
border: none;
|
||||
}
|
||||
|
||||
button#contactB {
|
||||
margin: auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 1.5vw 4vw;
|
||||
font-size: 2vw;
|
||||
color: lightgrey;
|
||||
background-color: rgb(27, 27, 27);
|
||||
border: 0.1vw solid rgb(204, 25, 25);
|
||||
transform: skew(-.312rad);
|
||||
margin-bottom: 2vw;
|
||||
}
|
||||
|
||||
button#contactB:hover {
|
||||
background-color: rgb(204, 25, 25);
|
||||
transition-duration: 0.5s;
|
||||
border-radius: 1vw;
|
||||
}
|
||||
|
||||
td {
|
||||
width: 20%;
|
||||
font-size: 2vw;
|
||||
}
|
||||
|
||||
td#contact {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/*=======FLEX CONTAINER========*/
|
||||
|
||||
.flex-container {
|
||||
|
|
Reference in a new issue