Minor visual enhancements introduced, not done yet

This commit is contained in:
Christian Wolf 2017-11-03 15:24:07 +01:00
parent f592753ec2
commit fc0267b590
4 changed files with 37 additions and 25 deletions

View File

@ -166,6 +166,21 @@ body
margin: 15px 0px 15px 5px; margin: 15px 0px 15px 5px;
} }
#left_menu > ul.menu
{
padding: 10px;
}
#left_menu > ul.menu:hover
{
box-shadow: 3px 5px 5px 2px rgba(0,0,0,0.5);
}
#left_menu > ul.menu li > a
{
padding: 2px 5px 2px 5px;
}
#right_column { #right_column {
margin: 15px 5px 15px 0px; margin: 15px 5px 15px 0px;
} }
@ -225,11 +240,6 @@ body {
text-decoration: none; text-decoration: none;
} }
.nav a:hover {
background-color: #eeeeee;
text-decoration: none;
}
#left_side #left_side
{ {
background-image: var(--imgleft); background-image: var(--imgleft);

View File

@ -1,6 +1,7 @@
@import "visual.css";
@import "mobile.css"; @import "mobile.css";
@import "desktop.css" ( min-width: 1000px ); @import "desktop.css" ( min-width: 1000px );
@import "desktop-narrow.css" ( min-width: 1000px) and ( max-width: 1200px ); @import "desktop-narrow.css" ( min-width: 1000px) and ( max-width: 1200px );
@import "visual.css";

View File

@ -8,6 +8,11 @@ body {
padding: 0px; padding: 0px;
} }
#page-div
{
width: 100%;
}
#page { #page {
/*box-shadow: 30vw 0px 5vw -10vw green inset;*/ /*box-shadow: 30vw 0px 5vw -10vw green inset;*/
flex: 1 1 auto; flex: 1 1 auto;
@ -31,7 +36,7 @@ body {
.nav > li > .nav-child, .nav-child > li > .nav-child { .nav > li > .nav-child, .nav-child > li > .nav-child {
padding-left: 5px; padding-left: 5px;
margin-left: 5px; margin-left: 5px;
border-left: solid gray 1px; /* border-left: solid gray 1px;*/ /*TODO*/
font-size: smaller; font-size: smaller;
} }
@ -131,16 +136,16 @@ body {
#mobile_menu li > a { #mobile_menu li > a {
margin: 5px 0px 5px 0px; margin: 5px 0px 5px 0px;
background-color: #dddddd; background-color: var(--bgcolor2);
padding: 0px 5px; padding: 2px 5px;
display: block; display: block;
flex: 0; flex: 0;
color: black; color: var(--fgcolor2);
} }
#mobile_menu li.active > a { #mobile_menu li.active > a {
background-color: #888888; background-color: var(--bgcolor1);
color: white; color: var(--fgcolor1);
} }
#mobile_menu .nav { #mobile_menu .nav {
@ -167,19 +172,6 @@ body {
border: none; border: none;
} }
/*#mobile_menu > .level-1 > li > ul {
display: flex;
flex-wrap: wrap;
}
#mobile_menu > .level-1 > li > ul > li {
display: inline-block;
flex: 1 1 40%;
}
#mobile_menu > .level-1 > li > ul > li > a {
display: block;
}*/
#mobile_menu a { #mobile_menu a {
font-size: initial; font-size: initial;

View File

@ -54,3 +54,12 @@ li.row-fluid {
background-color: var(--bgcolor1); background-color: var(--bgcolor1);
color: var(--fgcolor1); color: var(--fgcolor1);
} }
ul.nav > li > a:hover,
ul.nav-child > li > a:hover
{
/* background-color: inherit;*/ /* FIXME */
text-decoration: none;
}