#245 center banner (#246)

* #245 center banner * #245 drop css folder
OnroerendErfgoed · Jul 4, 2022 · 9900d70 · 9900d70
1 parent 541cbf0
commit 9900d70
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 13,734 deletions.
diff --git a/.gitignore b/.gitignore
@@ -49,6 +49,7 @@ nosetests.xml
 
 #public front end
 *.sass-cache
+/pyoes/static/css/
 bower_components/*
 
 #IDE

diff --git a/npm-packages/pyoes/scss/pyoes/_oe-header.scss b/npm-packages/pyoes/scss/pyoes/_oe-header.scss
@@ -1,13 +1,15 @@
 @charset "UTF-8";
+$large-width: 1142px;
+
 .wrapper {background:$white;}
 .wrapper-short {background:$mid-purple}
 // main logo site
 
+.logo-block-wrapper { padding: 0 }
 .logo-block-site { width:410px; background: url('#{$oe-img-path}/header-logo-bg.png') no-repeat; height:135px; position:relative; z-index:40; padding:0 25px 0 13px; }
 .logo-block-site h1 { padding-top:45px; font-size:45px; color:$dark-purple; float:$default-float; }
 .logo-block-site h1 span { font-family: 'Flanders Art Sans Light', sans-serif }
 .logo-block-site img { float:$default-float; padding:36px 0px 0 5px; vertical-align:bottom; width: 70px; }
-.bgimage-site { /*background:url('#{$oe-img-path}/header-img.jpg') no-repeat right;*/ width: 80%; height:135px;position:absolute; right:0; z-index:0 }
 
 
 
@@ -17,11 +19,15 @@
 .logo-block h2 { font-size:23px; color:$dark-purple !important; float:$default-float; padding:51px 0 0 0;margin:0 }
 .logo-block h4 { font-size:12px; color:$dark-purple !important; float:$default-float; padding-left:3px; margin:0 }
 .vlaanderen-header-logo { float:$default-float; margin-top:30px; padding-top:10px; vertical-align:bottom; }
-.bgimage { background:url('#{$oe-img-path}/header-img.jpg') no-repeat right; width: 80%; height:135px; position:absolute; right:0; z-index:0 }
-@media (min-width: 1900px) {
-  .bgimage { background:url('#{$oe-img-path}/header-img-white.jpg') no-repeat right; width: 75%;}
+.bgimage, .bgimage-bouwkunde  {
+  background: ('#{$oe-img-path}/header-img.jpg') no-repeat right;
+  width: calc(100% - (100% - #{$large-width}) / 2);
+  height: 135px;
+  position: absolute;
+  right: 0;
+  z-index: 0;
 }
-.bgimage-bouwkunde { background:url('#{$oe-img-path}/dibe_1.jpg') no-repeat right; width: 80%; height:135px; position:absolute; right:0; z-index:0 }
+.bgimage-bouwkunde { background:url('#{$oe-img-path}/dibe_1.jpg') no-repeat right;}
 
 .header-links {
   height: 135px;
@@ -113,8 +119,8 @@ nav#main-navigation .main-navigation-inner {padding:0;position:relative;}
 #service-navigation > li ul li:first-child a{border:none;}
 #service-navigation { position:relative;z-index:100;background-color:white; filter:alpha(opacity=90); opacity:.6;padding:3px 0 8px 0;margin-top:10px}
 
-.inner{ margin: 0 auto; max-width: 1142px; padding: 0;}
-.inner-nav{ margin: 0 auto; max-width: 1142px}
+.inner{ margin: 0 auto; max-width: $large-width; padding: 0;}
+.inner-nav{ margin: 0 auto; max-width: $large-width}
 
 
 .iw2-wrapper.iw2-custom-margin { padding:0 21px !important; }
@@ -198,19 +204,3 @@ nav.top-bar {
     width: 75%;
   }
 }
-
-// Fix wrapper width when making screen bigger/smaller.
-@media (min-width: 1800px) {
-  .wrapper.clearfix {
-    padding-left: 20% !important;
-  }
-}
-
-.wrapper.clearfix {
-  padding-left: initial;
-  background-color: white;
-}
-
-.wrapper-content {
-  float: left;
-}