diff --git a/slt/css/style.scss b/slt/css/style.scss index dbd319b..6e1e68a 100644 --- a/slt/css/style.scss +++ b/slt/css/style.scss @@ -1,20 +1,20 @@ body { - margin: 0px; + margin: 0; min-height: 100.1vh; display: flex; flex-direction: column; align-items: center; -/* padding: 0px 20px 10px 20px;*/ - padding: 0px; + + /* padding: 0px 20px 10px 20px; */ + padding: 0; } -#page-div -{ - width: 100%; +#page-div { + width: 100%; } #page { - /*box-shadow: 30vw 0px 5vw -10vw green inset;*/ + /* box-shadow: 30vw 0px 5vw -10vw green inset; */ flex: 1 0 auto; display: flex; flex-direction: column; @@ -22,9 +22,8 @@ body { min-height: 100vh; } -#page-bg -{ - display: none; +#page-bg { + display: none; } /* @@ -32,9 +31,8 @@ body { */ .nav, -.nav-child -{ - padding: 0px; +.nav-child { + padding: 0; > li { display: block; @@ -42,19 +40,20 @@ body { > .nav-child { padding-left: 10px; margin-left: 10px; - /* border-left: solid gray 1px;*/ /*TODO*/ + + /* border-left: solid gray 1px; */ + + /* TODO */ } } } -.nav -{ - font-size: inherit; +.nav { + font-size: inherit; } -.nav-child -{ - font-size: small; +.nav-child { + font-size: small; } /* @@ -62,7 +61,7 @@ body { */ #topmenu { - display: none; + display: none; } /* @@ -86,10 +85,9 @@ body { } #slideshow { - display: none; + display: none; } - /* * Content positioning */ @@ -99,77 +97,68 @@ body { } #left_menu { - display: none; + display: none; } #main_column { - margin: 15px; + margin: 15px; } #right_column { - display: none; + display: none; } #footline { - margin-top: 10px; + margin-top: 10px; } /* * Footer positioning */ -#impressum -{ - flex: 0 0 auto; - text-align: right; +#impressum { + flex: 0 0 auto; + text-align: right; margin-top: 30px; - padding: 5px; + padding: 5px; - .nav - { - margin-bottom: 0px; + .nav { + margin-bottom: 0; background-color: inherit; display: inline-block; - > li - { + > li { display: inline-block; } } - a - { + a { text-decoration: underline; padding: 10px; } } - - - #footer { flex: 0 0 auto; - background-color: black; + background-color: black; color: white; text-align: center; padding: 5px; > .customimpressum { - float: left; + float: left; } > .customdatenschutz { float: right; } - a - { + a { color: inherit; text-decoration: underline; &:hover, - &:focus - { + &:focus { color: black; background-color: white; text-decoration: underline; @@ -181,58 +170,58 @@ body { * Mobile menu positioning */ -#mobile_menu, #content { - margin: 0px 15px 0px 15px; +#mobile_menu, +#content { + margin: 0 15px; } #mobile_menu { - margin-top: 10px; - display: none; + margin-top: 10px; + display: none; - &.visible - { + &.visible { display: block; } - + li > a { - margin: 5px 0px 5px 0px; + margin: 5px 0; padding: 10px 5px; display: block; flex: 0; } .nav { - padding: 0px; + padding: 0; border: none; - margin-left: 0px; + margin-left: 0; } - + li { margin-left: 5px; margin-right: 5px; } - + .nav-child > li { - margin: 0px; + margin: 0; } - + li > ul.nav { margin-left: -5px; margin-right: -5px; } - + li ul { border: none; } - - + + a { font-size: initial; - margin-right: 0px; - padding-right: 0px; + margin-right: 0; + padding-right: 0; } - - + + > ul.menu { background-color: initial; color: initial; @@ -240,39 +229,29 @@ body { } } - - - -#mobile_menu_switch -{ - flex: 0 0 auto; - text-align: right; +#mobile_menu_switch { + flex: 0 0 auto; + text-align: right; } -#btn_mobile_menu -{ - padding: 10px 30px 0px 0px; - width: 40px; - box-sizing: initial; +#btn_mobile_menu { + padding: 10px 30px 0 0; + width: 40px; + box-sizing: initial; } -a.facebook img -{ - display: none; +a.facebook img { + display: none; } - -.article-info -{ - font-size: smaller; +.article-info { + font-size: smaller; } /* * Debug */ -/*#right_column,#left_menu,#main_content,#footline { +/* #right_column,#left_menu,#main_content,#footline { background-color: rgba(0,0,0,0.1); -}*/ - - +} */