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 {
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);
}*/
} */