diff --git a/slt/css/style.scss b/slt/css/style.scss index 22c4e63..02fc0fe 100644 --- a/slt/css/style.scss +++ b/slt/css/style.scss @@ -12,7 +12,6 @@ } } - // The main styles body { @@ -34,9 +33,10 @@ body { #page-div { width: 100%; - @include for-desktop(){ + @include for-desktop { display: flex; flex-flow: row; + // width: 100%; justify-content: space-around; } @@ -50,10 +50,9 @@ body { width: 100%; min-height: 100vh; - @include for-desktop() { + @include for-desktop { flex: 0 0 auto; width: 1000px; - background-color: inherit; } } @@ -68,10 +67,9 @@ body { #page-bg { display: none; - @include for-desktop() { + @include for-desktop { display: block; position: fixed; - width: 1000px; height: calc(100% - 40px); bottom: 0; @@ -87,17 +85,16 @@ body { height: 100vh; width: calc((100% - 980px) / 2); z-index: -10; - background-repeat: no-repeat; background-size: cover; background-position: center center; opacity: 0.5; } - + #left_side-image { left: 0; } - + #right_side-image { right: 0; } @@ -151,7 +148,6 @@ body { display: flex; width: 100vw; z-index: 5000; - font-weight: bold; text-align: center; @@ -179,14 +175,14 @@ body { height: 40px; width: 980px; } - + > li { display: inline-block; @include for-desktop { text-align: left; } - + > a { position: relative; @@ -194,15 +190,14 @@ body { font-size: large; padding: 10px; z-index: 3001; - font-size: large; } } - + > .nav-child { position: absolute; display: none; - + @include for-desktop { z-index: 3000; margin: 0 20px 10px 0; @@ -211,14 +206,13 @@ body { } > li { - @include for-desktop { padding: 0 5px; } > a { display: block; - + @include for-desktop { padding: 10px 5px 10px 4px; border-left-color: transparent; @@ -228,7 +222,7 @@ body { } } } - + &:hover > .nav-child { display: block; @@ -236,7 +230,6 @@ body { box-shadow: 3px 5px 5px 2px rgb(0 0 0 / 50%); } } - } } @@ -255,7 +248,6 @@ body { text-decoration: none; } } - } #topmenu-div { @@ -265,7 +257,6 @@ body { } } - /* * Header line positioning */ @@ -307,14 +298,12 @@ body { } } - #left_menu { display: none; @include for-desktop { flex: 0 1 20%; display: block; - margin: 15px 0 15px 5px; > ul.menu { @@ -353,7 +342,6 @@ body { @include for-desktop { flex: 1 1 15%; display: block; - margin: 15px 5px 15px 0; } } @@ -523,16 +511,13 @@ a.facebook { /********************************* Desktop.css */ @media screen and (min-width: 1000px) { - - /* Additional content */ - #left_side-image, #right_side-image { - + } #page {