Minor adjustments to fix Chrome bug with the hint helper
diff --git a/dev/scss/base.scss b/dev/scss/base.scss
index 1ba3213..d5a1eac 100644
--- a/dev/scss/base.scss
+++ b/dev/scss/base.scss
@@ -15,7 +15,13 @@
@include box-sizing-box;
}
+html {
+ height: 100%;
+}
+
body {
+ position: relative;
+ min-height: 100%;
font-size: 12pt;
}
@@ -32,13 +38,13 @@
&:link {
color: $dark-orange;
text-decoration: none;
- }
- &:link:hover:hover {
- color: $light-green; // $darkest-orange;
- @include color-transition;
- }
- &:active, &:visited {
- color: $darkest-orange;
+ &:hover {
+ color: $light-green; // $darkest-orange;
+ @include color-transition;
+ }
+ &:active, &:visited {
+ color: $darkest-orange;
+ }
}
}
diff --git a/dev/scss/header.scss b/dev/scss/header.scss
index 4189b6a..f2d1279 100644
--- a/dev/scss/header.scss
+++ b/dev/scss/header.scss
@@ -4,6 +4,7 @@
header {
position: relative;
background-color: $light-green;
+ @include light-noise;
// background-color: $ids-grey-1;
@include box-sizing-box();
padding: 8px;
diff --git a/dev/scss/kalamar.scss b/dev/scss/kalamar.scss
index f09f0f0..677a58a 100644
--- a/dev/scss/kalamar.scss
+++ b/dev/scss/kalamar.scss
@@ -6,6 +6,7 @@
@import "base"; // Base styles
@import "logos"; // Logo images
@import "header"; // Top
+@import "footer"; // Bottom
@import "searchbar"; // The search bar
@import "menu"; // Menu list
@import "hint"; // Hint specific menu list
diff --git a/dev/scss/kwic.scss b/dev/scss/kwic.scss
index 8108f98..a58c23e 100644
--- a/dev/scss/kwic.scss
+++ b/dev/scss/kwic.scss
@@ -80,13 +80,28 @@
white-space: wrap;
height: auto;
border-width: 2px;
- background-color: $light-orange;
+ background-color: $dark-orange;
+ @include light-noise;
position: relative;
> div {
min-height: 42pt;
> div.snippet {
- margin: 5pt 10pt;
- margin-right: 3em;
+ background-color: $light-orange;
+ > * {
+ background-color: transparent;
+ }
+ padding: {
+ top: 0;
+ right: 0;
+ bottom: 5pt;
+ left: 5pt;
+ };
+ margin: {
+ top: 0;
+ right: $right-match-distance; // 3em;
+ bottom: 0;
+ left: 0; // 5pt margin-top
+ }
> span {
line-height: 1.4em;
width: auto;
@@ -119,7 +134,7 @@
}
&.active p.ref,
&:target p.ref {
- background-color: $dark-orange;
+// background-color: $dark-orange;
color: white;
padding: 3pt 10pt;
padding-right: $right-match-distance;
@@ -133,7 +148,7 @@
}
ul.action {
- background-color: $dark-orange;
+// background-color: $dark-orange;
font-size: 12pt;
color: white;
text: {
diff --git a/dev/scss/matchinfo.scss b/dev/scss/matchinfo.scss
index 0bcb50d..937a022 100644
--- a/dev/scss/matchinfo.scss
+++ b/dev/scss/matchinfo.scss
@@ -20,7 +20,7 @@
*/
@mixin matchinfo-head {
border-width: 0px;
- border-top: $border-size solid #ff8000;
+ border-top: $border-size solid $darker-orange; // #ff8000;
width: $left-width / 2;
}
@@ -28,7 +28,7 @@
position: relative;
width: 100%;
padding-top: $border-size;
- background-color: $dark-orange;
+// background-color: $dark-orange;
height: auto;
font-size: 10pt;
text-align: left;
diff --git a/dev/scss/pagination.scss b/dev/scss/pagination.scss
index fc3ff4a..5ceca89 100644
--- a/dev/scss/pagination.scss
+++ b/dev/scss/pagination.scss
@@ -26,7 +26,7 @@
font-size: 0;
position: fixed;
right: 20px;
- bottom: 10px;
+ bottom: 24px;
z-index: 400;
padding: 0;
height: auto;
diff --git a/dev/scss/util.scss b/dev/scss/util.scss
index b132519..86bfb34 100644
--- a/dev/scss/util.scss
+++ b/dev/scss/util.scss
@@ -141,6 +141,9 @@
box-sizing: border-box; /* Opera/IE 8+ */
}
+@mixin light-noise {
+ background-image:url('#{$img-path}/noise.png');
+}
// https://css-tricks.com/almanac/properties/a/appearance/
@mixin no-appearance {