IUT_Informatique/KyFlo
Archived
1
0
Fork 0
Code Activity

footer change

Browse source
This commit is contained in:
Kybo 2019-12-15 13:32:25 +01:00
parent 3d14a328c8
commit 7669c24573
2 changed files with 27 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
Assets/css.css
View file

@ -5,10 +5,11 @@ html{
} }
body { 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; margin: 0;
padding: 0; padding: 0;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
z-index: 2;
} }
@ -86,6 +87,8 @@ a#panier>h3{
.topnav { .topnav {
overflow: hidden; overflow: hidden;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
position: fixed;
z-index: 1;
} }
.topnav a { .topnav a {
@ -135,7 +138,7 @@ a#panier>h3{
/*TOP*/ /*TOP*/
div#bienvenue{ div#bienvenue{
padding: 3vw; padding: 4vw;
} }
body>#bienvenue>h1 { body>#bienvenue>h1 {
@ -266,11 +269,12 @@ div#slider figure {
.flex-container div.out:hover img{ .flex-container div.out:hover img{
width: 50%; width: 50%;
cursor: not-allowed;
transition-duration: 0.5s; transition-duration: 0.5s;
} }
.flex-container div.out:hover{ .flex-container div.out:hover{
cursor: none; cursor: not-allowed;
border: none; border: none;
border-bottom: 0.2vw solid grey; border-bottom: 0.2vw solid grey;
border-right: 0.2vw solid grey; border-right: 0.2vw solid grey;
@ -293,7 +297,7 @@ div#slider figure {
font-size: 2vw; font-size: 2vw;
background-color: transparent; background-color: transparent;
border: none; border: none;
border-bottom: 0.2vw solid rgb(0, 0, 0); border-bottom: 0.2vw solid rgb(90, 90, 90);
padding: 0.5vw; padding: 0.5vw;
} }
@ -338,15 +342,14 @@ footer {
footer>div>table { footer>div>table {
width: 100%; width: 100%;
border-top: 0.1vw solid white; background-color: #ddd;
background-color: rgb(27, 27, 27);
margin: auto; margin: auto;
padding: 2vw 8vw; padding: 2vw 8vw;
} }
a { a {
text-decoration: none; text-decoration: none;
color: grey; color: rgb(90, 90, 90);
} }
a:hover { a:hover {
@ -362,8 +365,9 @@ tr {
th { th {
font-size: 2vw; font-size: 2vw;
color: black;
text-align: left; text-align: left;
border-bottom: 0.1vw solid white; border-bottom: 0.1vw solid rgb(0, 0, 0);
} }
th#line { th#line {
@ -376,15 +380,16 @@ button#contactB {
justify-content: center; justify-content: center;
padding: 1.5vw 4vw; padding: 1.5vw 4vw;
font-size: 1.5vw; font-size: 1.5vw;
color: lightgrey; color: rgb(90, 90, 90);
background-color: rgb(27, 27, 27); background-color: transparent;
border: 0.1vw solid white; border: 0.1vw solid rgb(90, 90, 90);
transform: skew(-.312rad); transform: skew(-.312rad);
margin-bottom: 2vw; margin-bottom: 2vw;
} }
button#contactB:hover { button#contactB:hover {
background-color: white; background-color: rgb(90, 90, 90);
color: white;
transition-duration: 0.5s; transition-duration: 0.5s;
border-radius: 1vw; border-radius: 1vw;
} }

42
Assets/resp.css
View file

@ -79,54 +79,32 @@
.flex-container>div>a>img { .flex-container>div>a>img {
width: 20%; width: 20%;
} }
.flex-container div:hover img{
width: 30%;
}
.flex-container div.out:hover img{
width: 20%;
cursor: not-allowed;;
}
#content { #content {
margin-left: 2vw; margin-left: 2vw;
margin-right: 2vw; margin-right: 2vw;
} }
/*========FOOTER=========*/ /*========FOOTER=========*/
tr {
border-bottom: 0.2vw solid red;
color: white;
height: 4vw;
}
th { th {
font-size: 2.5vw; 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 { td {
width: 20%; width: 20%;
font-size: 2vw; font-size: 2vw;
} }
td#contact {
width: 100%;
}
/*=======FLEX CONTAINER========*/ /*=======FLEX CONTAINER========*/
.flex-container { .flex-container {