Improved tutorials
diff --git a/dev/scss/header/hint.scss b/dev/scss/header/hint.scss
new file mode 100644
index 0000000..a373abc
--- /dev/null
+++ b/dev/scss/header/hint.scss
@@ -0,0 +1,61 @@
+@charset "utf-8";
+@import "../util";
+
+$border-size: 2px;
+
+ul.menu.hint {
+ display: inline-block;
+ white-space: normal;
+ text-align:left;
+ top: 0;
+ max-width: 23em !important;
+
+ > li:first-of-type {
+ border-top: {
+ width: 1px;
+ left-radius: 0;
+ right-radius: 0;
+ }
+ }
+ span.desc {
+ display: block;
+ font-size: 75%;
+ }
+}
+
+#searchMirror {
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 900;
+ white-space: pre-wrap;
+ height: 0;
+ display: block;
+ > span {
+ opacity: 0;
+ white-space: pre-wrap;
+ overflow: hidden;
+ }
+ // Todo: Besser nur, wenn im Focus
+ > div {
+ position: absolute;
+ display: block;
+ cursor: pointer;
+ transition: left 0.2s ease 0s;
+ top: 0;
+ left: 0;
+ text-align: left;
+ padding: 0;
+ border-top: 5px solid $dark-orange;
+ height: 10px;
+ width: 1.2em;
+ &:hover:not(.active) {
+ border-top: 10px solid $dark-orange;
+ }
+ &.active {
+ border-top-width: 0;
+ height: 0;
+ width: 23em;
+ }
+ }
+}
\ No newline at end of file