css home

web/themes/custom/reha/css/reha.css

@@ -1,11 +1,6 @@
 /*reha*/
 /*global*/
-@font-face {
-  font-family: 'Font Awesome';
-  src: url("../fonts/Font Awesome/fontawesome-webfont.woff2") format("woff2");
-  font-weight: 400;
-  font-style: normal; }
-
+/* Colors used for REHA */
 /*marianne*/
 @font-face {
   font-family: 'Marianne';
@@ -79,21 +74,20 @@
   font-weight: 1000;
   font-style: italic; }
 
-/* Source Code Pro */
+/*Font Awesome*/
 @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-family: 'Font Awesome';
+  src: url("../fonts/Font Awesome/fontawesome-webfont.woff2") format("woff2");
+  font-weight: 400;
   font-style: normal; }
 
 .layout-container {
+  position: relative;
+  width: 100vw;
+  background-color: rgba(153, 147, 174, 0.1);
   font-family: 'Marianne';
+  font-weight: 400;
+  font-style: normal;
   margin: none;
   top: 0%;
   left: 0%;
@@ -118,45 +112,60 @@ main {
 .main-content {
   margin-top: 7rem; }
 
-/* Colors used for EQL */
+ul {
+  list-style-type: none; }
+
+a {
+  text-decoration: none; }
+
+:link {
+  color: black; }
+
+.field--type-link {
+  width: 45%;
+  text-transform: uppercase;
+  padding: 1rem;
+  border: solid black 1px;
+  margin-bottom: 1rem;
+  background-color: white; }
+
 /*partials*/
-.layout-container {
-  position: relative;
+header {
+  display: block;
+  width: 100%;
+  background-color: white;
+  position: fixed;
+  z-index: 99;
   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; }
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0; }
+  header .sticky {
+    position: fixed; }
+  header div {
+    display: flex;
+    flex-direction: row; }
 
 footer {
-  background-color: white; }
+  background-color: white;
+  font-family: "Marianne";
+  font-weight: 800; }
   footer div {
     display: flex;
     flex: 1 1 120px;
     flex-direction: row; }
+    footer div h2 {
+      font-family: 'Marianne'; }
 
 #block-reha-pieddepage {
-  font-family: 'Marianne-Bold'; }
+  font-size: 1.5rem; }
 
 #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'; }
+  border-left: #fdc300 solid 5px;
+  border-right: #fdc300 solid 5px;
+  padding-left: 3rem; }
 
 #block-reha-config-pages-2 {
   margin-left: 3rem;
@@ -164,3 +173,16 @@ footer {
   width: 20%;
   display: flex;
   flex-direction: column; }
+
+.layout--onecol {
+  width: 70%;
+  margin: auto;
+  font-size: 1.5rem;
+  font-weight: 400;
+  font-style: normal; }
+  .layout--onecol .block-region-content .block-block-content1ca95211-9fa2-4ef2-a460-8184d1eaf20f {
+    display: flex;
+    justify-content: flex-end; }
+  .layout--onecol .block-region-content .block-block-content1dd151e8-8a8b-4586-9e62-8905ba0c93e0 {
+    display: flex;
+    justify-content: flex-end; }