diff --git a/Assets/css.css b/Assets/css.css index d701c3e..a20ebe5 100644 --- a/Assets/css.css +++ b/Assets/css.css @@ -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 { diff --git a/Assets/resp.css b/Assets/resp.css index f460f24..23604dd 100644 --- a/Assets/resp.css +++ b/Assets/resp.css @@ -1 +1,47 @@ -@media screen and (max-width: 600px) {} \ No newline at end of file +@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; + } +} \ No newline at end of file diff --git a/index.html b/index.html index 55195f4..b892dde 100644 --- a/index.html +++ b/index.html @@ -88,7 +88,7 @@