slt/template
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Corrected automatically fixable style issues

Browse Source
This commit is contained in:
Christian Wolf 2021-12-01 20:41:43 +01:00
parent 446339ac47
commit e45ddbfa53
1 changed files with 13 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
slt/css/style.scss
View File

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