Styled formally the codes

This commit is contained in:
Christian Wolf 2021-12-01 17:57:55 +01:00
parent 37afd3d03d
commit 917ca0e010

View File

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