css header footer en cours

2023-11-21 12:57:05 +01:00
parent b2d979ad98
commit 8b9c030d89
10 changed files with 456 additions and 8 deletions
@@ -0,0 +1,166 @@
+/*reha*/
+/*global*/
+@font-face {
+  font-family: 'Font Awesome';
+  src: url("../fonts/Font Awesome/fontawesome-webfont.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal; }
+
+/*marianne*/
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Thin.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin.woff") format("woff");
+  font-weight: 300;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Thin_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin_Italic.woff") format("woff");
+  font-weight: 300;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Light.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light.woff") format("woff");
+  font-weight: 400;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Light_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light_Italic.woff") format("woff");
+  font-weight: 400;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Regular.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular.woff") format("woff");
+  font-weight: 600;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Regular_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular_Italic.woff") format("woff");
+  font-weight: 600;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Medium.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium.woff") format("woff");
+  font-weight: 800;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Medium_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium_Italic.woff") format("woff");
+  font-weight: 800;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Bold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold.woff") format("woff");
+  font-weight: 900;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Bold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold_Italic.woff") format("woff");
+  font-weight: 900;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-ExtraBold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold.woff") format("woff");
+  font-weight: 1000;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff") format("woff");
+  font-weight: 1000;
+  font-style: italic; }
+
+/* Source Code Pro */
+@font-face {
+  font-family: 'Source Code Pro';
+  src: url("../fonts/source-code-pro/SourceCodePro-Medium.otf.woff2") format("woff2"), url("../fonts/source-code-pro/SourceCodePro-Medium.otf.woff") format("woff");
+  font-weight: 500;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Source Code Pro';
+  src: url("../fonts/source-code-pro/SourceCodePro-Bold.otf.woff2") format("woff2"), url("../fonts/source-code-pro/SourceCodePro-Bold.otf.woff") format("woff");
+  font-weight: 1000;
+  font-style: normal; }
+
+.layout-container {
+  font-family: 'Marianne';
+  margin: none;
+  top: 0%;
+  left: 0%;
+  width: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-flow: row wrap; }
+  .layout-container header {
+    flex: 0 0 100%; }
+  .layout-container main {
+    position: relative; }
+  .layout-container footer {
+    flex: 0 0 100%; }
+
+.layout-content {
+  padding-top: 7rem;
+  padding-bottom: 6rem; }
+
+main {
+  width: 100%; }
+
+.main-content {
+  margin-top: 7rem; }
+
+/* Colors used for EQL */
+/*partials*/
+.layout-container {
+  position: relative;
+  width: 100vw;
+  background-color: rgba(153, 147, 174, 0.1); }
+  .layout-container header {
+    display: block;
+    width: 100%;
+    background-color: white;
+    position: fixed;
+    z-index: 99;
+    width: 100vw;
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0; }
+    .layout-container header .sticky {
+      position: fixed; }
+    .layout-container header div {
+      display: flex;
+      flex-direction: row; }
+
+footer {
+  background-color: white; }
+  footer div {
+    display: flex;
+    flex: 1 1 120px;
+    flex-direction: row; }
+
+#block-reha-pieddepage {
+  font-family: 'Marianne-Bold'; }
+
+#block-reha-operateurduprogramme {
+  display: flex;
+  flex-direction: column;
+  border-left: #fdc300 solid 1px;
+  border-right: #fdc300 solid 1px;
+  padding-left: 3rem;
+  font-family: 'Marianne-Bold'; }
+
+#block-reha-config-pages-2 {
+  margin-left: 3rem;
+  border: none;
+  width: 20%;
+  display: flex;
+  flex-direction: column; }