aboutsummaryrefslogtreecommitdiff
path: root/assets/scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/scss')
-rw-r--r--assets/scss/txt.scss67
1 files changed, 35 insertions, 32 deletions
diff --git a/assets/scss/txt.scss b/assets/scss/txt.scss
index ce58921..fa89fee 100644
--- a/assets/scss/txt.scss
+++ b/assets/scss/txt.scss
@@ -105,11 +105,13 @@ body > header {
h2 {
position: absolute;
font-weight: 100;
- margin-top: 12rem;
+ font-size: 4.8rem;
+ transform-origin: top left;
+ width: 90rem;
left: 50%;
- margin-left: 27rem;
- font-size: 3.7rem;
- transform: rotate(90deg);
+ transform: rotate(90deg) translate(0, -4.5rem);
+ text-align: left;
+ margin-left: 39rem;
}
p {
@@ -507,37 +509,38 @@ span.note {
body.gfx {
#krto img {
- float: left;
- padding-right: 2rem;
- margin-left: -6rem;
+ float: left;
+ padding-right: 2rem;
+ margin-left: -6rem;
}
#cw {
- position: relative;
- z-index: 0;
- a {
- z-index: 200;
- }
- #gfx {
- position: absolute;
- z-index: -1;
- opacity: 1;
- margin: 0 auto;
- width: 72rem;
- height: 22.5rem;
- margin-left: -6rem;
- animation: fade-in 1s linear;
-
- svg {
- position: relative;
- width: 100%;
- height: 100%;
- }
- }
- &:hover #gfx {
- opacity: 0.2;
- animation: fade-out 1s linear;
- }
+ clear: both;
+ position: relative;
+ z-index: 0;
+ a {
+ z-index: 200;
+ }
+ #gfx {
+ position: absolute;
+ margin-top: -1.5rem;
+ z-index: -1;
+ opacity: 1;
+ height: 22.5rem;
+ width: 72rem;
+ animation: fade-in 1s linear;
+
+ svg {
+ position: relative;
+ margin-left: -7rem; /* Something is wrong with sine.js and reload */
+ height: 100%;
+ }
+ }
+
+ &:hover #gfx {
+ opacity: 0.2;
+ animation: fade-out 1s linear;
+ }
}
.sinewave{