IUT_Informatique/KyFlo
Archived
1
0
Fork 0
Code Activity

Changement design rouge

Browse source
This commit is contained in:
KEZEL BENOIT p1907091 2019-11-20 11:56:44 +01:00
parent 6642d961fb
commit b23812a55d
4 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
Images/Produits/loupe.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 20 KiB

BIN
Images/cart.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 29 KiB

BIN
Images/logo.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

16
css.css
View file

@ -1,7 +1,8 @@
/*==========================================================================================*/ /*204, 25, 25*/
/*==========================================================================================*/
/*BODY + NAV*/ /*BODY + NAV*/
body{ body{
background : linear-gradient(to left,#022425, #08023a, #1c0224); background : linear-gradient(to left,#141414, #444444, #141414);
} }
body#produit body#produit
{ {
@ -16,9 +17,10 @@ h1{
} }
nav { nav {
background-color: rgba(255,255,255,0.5); background-color: rgba(22, 22, 22, 0.61);
width: 100%; width: 100%;
z-index: 1; z-index: 1;
box-shadow: 0vw 0.5vw 0.4vw rgba(255, 0, 0, 0.534);
} }
body>nav>a>img{ body>nav>a>img{
@ -26,7 +28,7 @@ body>nav>a>img{
margin : auto; margin : auto;
} }
body>nav>button>img:hover{ body>nav>a>img:hover{
background-color: rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.5);
transition-duration: 0.5s; transition-duration: 0.5s;
} }
@ -36,7 +38,7 @@ body>nav>button>img:hover{
width : 5%; width : 5%;
margin-right : 1%; margin-right : 1%;
margin-left : 3%; margin-left : 3%;
padding : 1.1vw 1.1vw; padding : 0.9vw 0.9vw;
} }
#loupe { #loupe {
@ -44,7 +46,7 @@ body>nav>button>img:hover{
width : 5%; width : 5%;
margin-right : 1%; margin-right : 1%;
margin-left : 3%; margin-left : 3%;
padding : 1.1vw 1.1vw; padding : 0.9vw 0.9vw;
} }
body>#bienvenue>h1{ body>#bienvenue>h1{
@ -288,6 +290,7 @@ div#slider {
margin: auto; margin: auto;
border-radius: 12px; border-radius: 12px;
margin-top: 5%; margin-top: 5%;
border : 0.1vw solid red;
} }
@ -308,6 +311,7 @@ div#slider {
width: 100%; width: 100%;
max-width: 1920px; max-width: 1920px;
overflow: hidden overflow: hidden
} }
@keyframes slidy { @keyframes slidy {