cgt navbar + bg
This commit is contained in:
parent
9b7dd27f05
commit
6c5fcc578b
3 changed files with 55 additions and 3 deletions
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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>
|
||||
|
|
Reference in a new issue