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,124 @@
+@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;
+}
@@ -0,0 +1,34 @@
+
+
+.layout-container {
+    font-family: 'Marianne';
+    margin: none;
+    top: 0%;
+    left: 0%;
+    width: 100%;
+    overflow: hidden;
+    display: flex;
+    flex-flow: row wrap;
+    
+    header{
+        flex: 0 0 100%;
+    }
+    main{
+        position: relative;
+        // top: -7rem;
+    }
+    footer{
+        flex: 0 0 100%;
+    }
+}
+.layout-content{
+    padding-top: 7rem;
+    padding-bottom: 6rem;
+}
+
+main{
+    width: 100%;
+}
+.main-content{
+    margin-top: 7rem;
+}
@@ -0,0 +1,17 @@
+
+/* Colors used for EQL */
+
+
+
+$background-home: rgba(153, 147, 174, 0.1);
+
+
+// $blue-light: rgb(0,158,227);
+// $blue-dark: rgb(9,57,139);
+// $grey-background: rgb(153,147,174);
+// $black: rgb(0,0,0);
+// $white: rgb(255,255,255);
+// $background-actus: rgba(0,158,227, 0.2);
+// $red: rgb(225,0,15);
+
+
@@ -0,0 +1,21 @@
+// Font Family
+// $font-family-default: "Marianne", sans-serif;
+// $font-family-header: "Marianne", sans-serif;
+// $font-family-chapeau: "Marianne", sans-serif;
+$font-family-mono: "Inconsolata", monospace;
+$font-family-serif:	"Georgia", "Times", "Times New Roman", serif;
+
+
+
+// Font Weight
+// les deux lignes qui suivent ne marchent pas !!
+
+$font-regular: "Marianne", 600, normal;
+$font-regular-italic: 600, italic;
+
+// à tester, pas aboutis
+// $font-titre-page() {
+//     font-style: normal;
+//     font-weight: 900;
+//     font-family: $font-family-default;
+// }