1
0
Fork 0

cgt navbar + bg

This commit is contained in:
KEZEL BENOIT p1907091 2019-11-27 11:55:38 +01:00
parent 9b7dd27f05
commit 6c5fcc578b
3 changed files with 55 additions and 3 deletions

View file

@ -7,7 +7,10 @@
/*BODY + GENERAL*/
body {
background: linear-gradient(to left, #141414, #444444, #141414);
background-color: rgb(0, 0, 0);
background-image: linear-gradient(rgba(107, 6, 6, 0.5) 2px, transparent 2px), linear-gradient(90deg, rgba(80, 7, 7, 0.5) 2px, transparent 2px), linear-gradient(rgba(61, 61, 61, 0.28) 1px, transparent 1px), linear-gradient(90deg, rgba(63, 63, 63, 0.28) 1px, transparent 1px);
background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
margin: 0;
font-family: 'Roboto', sans-serif;
}
@ -258,6 +261,8 @@ td#contact {
margin-top: 10%;
}
#middle {}
/*==========================================*/
@ -447,6 +452,7 @@ h3:hover {
#Client>div>img {
float: left;
width: 7%;
border-radius: 50%;
}
#Client>div {

View file

@ -1 +1,47 @@
@media screen and (max-width: 600px) {}
@media screen and (max-width: 600px) {
.topnav a,
.topnav input[type=text] {
float: none;
display: block;
text-align: left;
width: 76.5%;
margin: 0;
padding: 2vw;
border: none;
transform: none;
}
.topnav a#panier,
a#nous {
border: none;
}
.topnav a#nous:hover,
a#contactN:hover {
padding: 2.4vw 2vw;
}
a#loupe {
width: 5%;
border-left: 0.1vw solid rgb(204, 25, 25)
}
.topnav input[type=text] {
border: 1px solid rgb(190, 73, 73);
}
/* FLEX CONTAINER*/
.flex-container>div {
width: 85%;
margin-left: auto;
margin-right: auto;
}
.flex-container>div>a>img {
width: 20%;
margin-top: 3%;
margin-left: 10%;
}
.flex-container>div>a>h3,
.flex-container>div>a>h4 {
margin-left: 50%;
}
#content {
margin-left: 2vw;
margin-right: 2vw;
}
}

View file

@ -88,7 +88,7 @@
</div>
<div>
<a href="Assets/Pages/Produits/terminator.html"><img src="Assets/Images/Produits/terminator.png" alt>
<h3>Robot Terminator</h3>
<h3>Terminator</h3>
<h4>50 000€</h4>
</a>
</div>