From 435d3845e9467249f1e02c4f15211931fe2ae543 Mon Sep 17 00:00:00 2001 From: dedeibel Date: Fri, 28 Dec 2018 22:31:52 +0100 Subject: use shaded background for pause and optout in default style --- assets/css/_schedule.less | 6 ++++-- assets/css/_structure.less | 4 ++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/assets/css/_schedule.less b/assets/css/_schedule.less index 7031e59..7f268a2 100644 --- a/assets/css/_schedule.less +++ b/assets/css/_schedule.less @@ -104,9 +104,11 @@ body .schedule { text-shadow: 0 0 3px @schedule-daychange; } - &.pause { - background-color: @schedule-pause-bg; + &.pause, &.optout { color: @schedule-pause; + background-color: @schedule-pause-bg; + background-image: linear-gradient(135deg, rgba(255,255,255,.35) 15%, transparent 15%, transparent 30%, rgba(255,255,255,.35) 30%, rgba(255,255,255,.35) 45%, transparent 45%, transparent 60%, rgba(255,255,255,.35) 60%, rgba(255,255,255,.35) 75%, transparent 75%, transparent 90%, rgba(255,255,255,.35) 90%, rgba(255,255,255,.35)); + background-size: 148px; } } diff --git a/assets/css/_structure.less b/assets/css/_structure.less index 45a4ffe..45b8b56 100644 --- a/assets/css/_structure.less +++ b/assets/css/_structure.less @@ -28,7 +28,7 @@ @schedule-gap-bg: fade(white, 30%); @schedule-pause: white; -@schedule-pause-bg: lighten(black, 85%); +@schedule-pause-bg: #f0efef; // website configuration styles @@ -54,7 +54,7 @@ nav { background-size: 27px 27px; } } - + .button-wrapper > .btn { width: 40px; } -- cgit v1.2.3