Fixed background image

diff --git a/ui/semantic/galette/elements/segment.overrides b/ui/semantic/galette/elements/segment.overrides
index fc43ad667b6e3a671dcf9ead2a82db5c09a8f6bb..6a3efb107ad7a221d6352b085628c08032267493 100644 (file)
--- a/ui/semantic/galette/elements/segment.overrides
+++ b/ui/semantic/galette/elements/segment.overrides
@@ -7,7 +7,7 @@
 ------------------------------*/
 .ui.horizontal.segments.header {
   color: darken(@textColor, 15);
-  background: @primaryColor url(themes/galette/assets/images/bg.png) no-repeat;
+  background: rgba(255, 182, 25, 0.7);
   margin: 0;
 
   & > .segment {

diff --git a/ui/semantic/galette/globals/site.overrides b/ui/semantic/galette/globals/site.overrides
index 602b17c91a4a78efbb879acef14cdf9917514fc3..2479cb95b8605e84a0dc727962c10006c7a8c362 100644 (file)
--- a/ui/semantic/galette/globals/site.overrides
+++ b/ui/semantic/galette/globals/site.overrides
@@ -36,8 +36,13 @@ body.pushable:not(.loggedin) > .pusher {
     justify-content: center;
 }
 
-.loggedin #main .main-content {
-  padding: 1.25rem;
+.loggedin #main {
+  background-image: url(@galetteBackgroundImage);
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  .main-content {
+    padding: 1.25rem;
+  }
 }
 
 #top-navbar,
@@ -64,7 +69,7 @@ aside.computer.toc {
 }
 
 .ui.fixed.menu + .pusher {
-  padding-top: 4.5rem;
+  padding-top: 4rem;
 }
 
 aside.toc {

diff --git a/ui/semantic/galette/globals/site.variables b/ui/semantic/galette/globals/site.variables
index 6ce262af242d536a5dffa6bd66d3c44a65875bed..95ef623da93358d0660ecff0e8d741429f21c8fc 100644 (file)
--- a/ui/semantic/galette/globals/site.variables
+++ b/ui/semantic/galette/globals/site.variables
@@ -4,7 +4,8 @@
 
 @fontName                   : 'PT Sans';
 
-@galetteNavBackground       : rgba(99, 107, 112, .3) url(themes/galette/assets/images/bg.png) no-repeat;
+@galetteBackgroundImage     : 'themes/galette/assets/images/bg.png';
+@galetteNavBackground       : rgba(99, 107, 112, .3);
 @galetteColor               : #ffb619;
 @lightGaletteColor          : #ffda8b;