vrifox/natenom-websites
vrifox/natenom-websites
Archived
1
1
Fork 0
Code Issues 1 Releases Activity

use variables instead of fixed values; removed no longer used code; added background to active/opened site (.navSel);

Browse source
This commit is contained in:
Vrifox 2020-10-17 19:17:38 +02:00
parent aaafdccce2
commit 743e388768
2 changed files with 11 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
scss/import/colors.scss
View file

@ -5,4 +5,4 @@ $nom-blue: rgb(70, 136, 222); // #4588de
$nom-blue-dark: rgb(50, 116, 202); $nom-blue-dark: rgb(50, 116, 202);
$nom-blue-light: rgb(110, 176, 255); // #6db0ff $nom-blue-light: rgb(110, 176, 255); // #6db0ff
$grey: rgb(155, 155, 170); $grey: rgb(155, 155, 170);
$grey-light: rgb(155, 155, 170); $grey-light: rgb(175, 175, 190);

24
scss/import/wiki.scss
View file

@ -63,33 +63,29 @@
position: relative; position: relative;
} }
a { a {
&.navSel {
background: $nom-blue;
border-color: $nom-blue-dark;
color: rgb(255, 255, 255);
}
&.navSel, &.navSel,
&.node, &.node,
&.nodeFdUrl, &.nodeFdUrl,
&.nodeSel, &.nodeSel,
&.nodeUrl { &.nodeUrl {
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 2px;
margin: -2px 0 0 -17px; margin: -2px 0 0 -17px;
padding: 3px 3px 3px 17px; padding: 3px 3px 3px 17px;
position: absolute; position: absolute;
transition: background .1s, color .1s, border .1s; transition: background .1s, color .1s, border .1s;
&:focus, &:focus,
&:hover { // ueberlange Menupunkte; Hoverefekt &:hover { // ueberlange Menupunkte; Hoverefekt
background: rgb(69, 136, 222); background: $nom-blue-dark;
border-color: rgb(49, 116, 202); border-color: $nom-blue-dark;
border-radius: 2px;
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
text-decoration: none; text-decoration: none;
z-index: 2; z-index: 2;
//position:absolute;
//z-index: 2;
//background-color: #fff;
//background-color: rgba(230, 227, 250, 0.99) !important;
//padding: 3px;
//border: 1px solid black !important;
//margin-top: -3px;
//font-weight: none;
} }
} }
} }
@ -104,11 +100,11 @@
.pad { .pad {
.pageId { .pageId {
span { span {
box-shadow: 0 0 5px rgb(200, 200, 200); box-shadow: 0 0 5px $grey-light;
} }
} }
.page { .page {
box-shadow: 0 0 5px rgb(200, 200, 200); box-shadow: 0 0 5px $grey-light;
counter-reset: level1; // content only counter-reset: level1; // content only
h1 { h1 {
counter-reset: level2; counter-reset: level2;