From 6c5fcc578b364a6f5bb2d182bb0aa596c079afba Mon Sep 17 00:00:00 2001
From: KEZEL BENOIT p1907091 <p1907091@univ-lyon1.fr>
Date: Wed, 27 Nov 2019 11:55:38 +0100
Subject: [PATCH] cgt navbar + bg

---
 Assets/css.css  |  8 +++++++-
 Assets/resp.css | 48 +++++++++++++++++++++++++++++++++++++++++++++++-
 index.html      |  2 +-
 3 files changed, 55 insertions(+), 3 deletions(-)

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 @@
                 </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>