1 files changed, 106 insertions, 0 deletions
diff --git a/blueprint/assets/css/charpente.css b/blueprint/assets/css/charpente.css
new file mode 100644
index 0000000..bcc088d
--- /dev/null
+++ b/blueprint/assets/css/charpente.css
@@ -0,0 +1,106 @@
+@charset "UTF-8";
+
+/**
+  * Charpente soutient le site Deuxfleurs.
+  * Contient le CSS structurel, se veut réutilisable.
+  */
+
+.top-bar {
+  height: 50px;
+  width: 100%;
+  background-color: #4d4d4d;
+  position: relative;
+}
+
+.top-bar>.nav-header {
+  display: inline;
+}
+
+.top-bar>.nav-header>.nav-title {
+  display: inline-block;
+  font-size: 22px;
+  color: #fff;
+  padding: 10px 10px 10px 10px;
+}
+
+.top-bar>.nav-btn {
+  display: none;
+  box-sizing: border-box;
+}
+
+.top-bar>.nav-links {
+  display: inline;
+  float: right;
+  font-size: 18px;
+}
+
+.top-bar>.nav-links>a {
+  display: inline-block;
+  padding: 13px 10px 13px 10px;
+  text-decoration: none;
+  color: #efefef;
+}
+
+.top-bar>.nav-links>a:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.top-bar>#nav-check {
+  display: none;
+}
+
+@media (max-width:600px) {
+  .top-bar>.nav-btn {
+    display: inline-block;
+    position: absolute;
+    right: 0px;
+    top: 0px;
+  }
+
+  .top-bar>.nav-btn>label {
+    box-sizing: border-box;
+    display: inline-block;
+    width: 50px;
+    height: 50px;
+    padding: 13px;
+  }
+
+  .top-bar>.nav-btn>label:hover,
+  .nav #nav-check:checked~.nav-btn>label {
+    background-color: rgba(0, 0, 0, 0.3);
+  }
+
+  .top-bar>.nav-btn>label>span {
+    display: block;
+    width: 25px;
+    height: 10px;
+    border-top: 2px solid #eee;
+    box-sizing: border-box;
+  }
+
+  .top-bar>.nav-links {
+    position: absolute;
+    display: block;
+    width: 100%;
+    background-color: #333;
+    height: 0px;
+    transition: all 0.3s ease-in;
+    overflow-y: hidden;
+    top: 50px;
+    left: 0px;
+  }
+
+  .top-bar>.nav-links>a {
+    display: block;
+    width: 100%;
+  }
+
+  .top-bar>#nav-check:not(:checked)~.nav-links {
+    height: 0px;
+  }
+
+  .top-bar>#nav-check:checked~.nav-links {
+    height: calc(100vh - 50px);
+    overflow-y: auto;
+  }
+}
+\ No newline at end of file