X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=sass%2Fjuplo.scss;h=2511b2132bfd73cde7069535ee3448269eff1423;hb=f27d945147fccc0a5461cf4816e95c8bcf4dfe28;hp=ea833cac78d6e66c0b84ed86976ddd2db663ed2f;hpb=a2fc5bdbd626ce1f11d65499a1428f9b3ab73e71;p=website

diff --git a/sass/juplo.scss b/sass/juplo.scss
index ea833cac..2511b213 100644
--- a/sass/juplo.scss
+++ b/sass/juplo.scss
@@ -50,7 +50,9 @@ $button-hover-border-color: #000 !important;
   display: none;
 }
 #navigation li.s > a.selected,
-#navigation li.s > a.leaf
+#navigation li.s > a.leaf,
+#navigation li.s > strong.selected,
+#navigation li.s > strong.leaf
 {
   @extend .button;
   @extend .is-primary;
@@ -58,13 +60,20 @@ $button-hover-border-color: #000 !important;
   @extend .has-text-weight-bold;
   @extend .mb-3;
 }
-#navigation li.s > a.leaf
+#navigation li.s > a.leaf,
+#navigation li.s > strong.leaf
 {
   color: #ccc;
   background-color: #fff;
 }
+#navigation li.s > ul.selected
+{
+  margin-top: 1em;
+}
 #navigation li.s > a.selected:after,
-#navigation li.s > a.leaf:after
+#navigation li.s > a.leaf:after,
+#navigation li.s > strong.selected:after,
+#navigation li.s > strong.leaf:after
 {
   content: "\f0a8";
   padding-left: .5em;
@@ -79,12 +88,79 @@ $button-hover-border-color: #000 !important;
   text-rendering: auto;
   line-height: 1;
 }
-#navigation li.s > a.leaf:after
+#navigation li.s > a.leaf:after,
+#navigation li.s > strong.leaf:after
 {
   color: #fff;
 }
 #navigation li.s.sub > a.selected:after,
-#navigation li.s.sub > a.leaf:after
+#navigation li.s.sub > a.selected:after,
+#navigation li.s.sub > strong.leaf:after,
+#navigation li.s.sub > strong.leaf:after
 {
   content: "\f0ab";
 }
+
+
+html
+{
+  height: 100%;
+}
+body
+{
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+#page
+{
+  flex: 1 0 auto;
+  display: flex;
+  justify-content: flex-end;
+}
+footer
+{
+  flex-shrink: 0;
+  display: flex;
+  justify-content: flex-end;
+}
+main,
+#copyright
+{
+  flex-grow: 1;
+  max-width: 768px;
+  min-width: 568px;
+  overflow: hidden;
+}
+nav,
+#footerlinks
+{
+  flex-grow: 0;
+  min-width: 293px;
+}
+
+
+input[type=submit],
+input[type=reset]
+{
+  @extend .button;
+}
+input[type=text],
+input[type=password],
+input[type=email],
+input[type=tel]
+{
+  @extend .input;
+}
+textarea
+{
+  @extend .textarea;
+}
+select
+{
+  // @extend .select;
+}
+input[type=file]
+{
+  // @extend .file-input;
+}