Added tutorial and session mechanism
diff --git a/public/scss/kwic.scss b/public/scss/kwic.scss
index e768e5a..c55c00a 100644
--- a/public/scss/kwic.scss
+++ b/public/scss/kwic.scss
@@ -106,56 +106,12 @@
> li {
ul.action {
display: none;
- > li {
- cursor: pointer;
- color: white;
- text-decoration: none;
- }
}
-
/* active actions */
&.active, &:target {
ul.action {
- background-color: $dark-orange;
- font-size: 12pt;
- color: white;
- text: {
- shadow: none;
- indent: 0;
- }
- margin: 0;
- padding: 0;
- z-index: 5;
-
display: block;
- list-style: {
- type: none;
- position: inline;
- }
- &.right {
- position: absolute;
- width: $right-match-distance;
- float: right;
- text-align: center;
- padding: 0pt 3pt;
- height: 100%;
- right: 0;
- top: 0;
- li {
- > span {
- @include blind;
- }
- &.close::after {
- font-family: "FontAwesome";
- content: "\f00d";
- }
- &.info::after {
- font-family: "FontAwesome";
- content: "\f05a";
- }
- }
- }
}
}
&:not(.active):not(:target) p.ref {
@@ -176,6 +132,51 @@
}
}
+ul.action {
+ background-color: $dark-orange;
+ font-size: 12pt;
+ color: white;
+ text: {
+ shadow: none;
+ indent: 0;
+ }
+ margin: 0;
+ padding: 0;
+ z-index: 5;
+
+ list-style: {
+ type: none;
+ position: inline;
+ }
+ &.right {
+ position: absolute;
+ width: $right-match-distance;
+ float: right;
+ text-align: center;
+ padding: 0pt 3pt;
+ height: 100%;
+ right: 0;
+ top: 0;
+ li {
+ cursor: pointer;
+ color: white;
+ text-decoration: none;
+
+ > span {
+ @include blind;
+ }
+ &.close::after {
+ font-family: "FontAwesome";
+ content: "\f00d";
+ }
+ &.info::after {
+ font-family: "FontAwesome";
+ content: "\f05a";
+ }
+ }
+ }
+}
+
/*
ol.align-free > li:not(.active):not(:target) > div > div.snippet > span.left {
display: inline-block;
@@ -217,6 +218,11 @@
/**
* Highlights
*/
+mark {
+ background-color: inherit;
+ color: inherit;
+}
+
mark > mark,
em,
.level-0 {