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

Styled formally the codes

Browse Source
This commit is contained in:
Christian Wolf 2021-12-01 17:57:55 +01:00
parent 37afd3d03d
commit 917ca0e010
1 changed files with 71 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

99
slt/css/style.scss
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,8 +22,7 @@ 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,18 +40,19 @@ 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;
} }
@ -89,7 +88,6 @@ body {
display: none; display: none;
} }
/* /*
* Content positioning * Content positioning
*/ */
@ -118,35 +116,28 @@ body {
* 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;
@ -162,14 +153,12 @@ body {
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,30 +229,22 @@ body {
} }
} }
#mobile_menu_switch {
#mobile_menu_switch
{
flex: 0 0 auto; flex: 0 0 auto;
text-align: right; 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;
} }
@ -271,8 +252,6 @@ a.facebook img
* 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);
}*/ } */