From c875636f50b94123e554520d7997c85de8dab16e Mon Sep 17 00:00:00 2001 From: Peter Fischer Date: Tue, 9 Nov 2021 18:13:54 +0100 Subject: [PATCH] Style-Updates --- public/stylesheets/style-konzentr.css | 71 +++++++++++++++++++-------- public/stylesheets/style.css | 43 ++++++++++++++++ 2 files changed, 93 insertions(+), 21 deletions(-) diff --git a/public/stylesheets/style-konzentr.css b/public/stylesheets/style-konzentr.css index a79cdba..c420eb5 100644 --- a/public/stylesheets/style-konzentr.css +++ b/public/stylesheets/style-konzentr.css @@ -1,97 +1,126 @@ .konzentr-1 { margin-left: 0px !important; - background-color: #fffa9c; + background-color: #D0E6FF; + /*#fffa9c;*/ } +.konzentr-1 .card-title::before { content: "A) "; font-size: 75%; } .konzentr-2 { margin-left: 20px !important; - background-color: #f6c491; + background-color: #D9F3FF; + /*#f6c491;*/ } +.konzentr-2 .card-title::before { content: "B) "; font-size: 75%; } .konzentr-3 { margin-left: 40px !important; - background-color: #ee9b69; + background-color: #ACF3FD; + /*#ee9b69;*/ } +.konzentr-3 .card-title::before { content: "C) "; font-size: 75%; } .konzentr-4 { margin-left: 60px !important; - background-color: #e77843; + background-color: #A5FEFA; + /*#e77843;*/ } +.konzentr-4 .card-title::before { content: "D) "; font-size: 75%; } .konzentr-5 { margin-left: 80px !important; - background-color: #db214b; + background-color: #7DFDD7; + /*#db214b;*/ } +.konzentr-5 .card-title::before { content: "E) "; font-size: 75%; } .konzentr-6 { margin-left: 100px !important; - background-color: #b76768; + background-color: #72FE95; + /*#b76768;*/ } +.konzentr-6 .card-title::before { content: "F) "; font-size: 75%; } .konzentr-7 { margin-left: 120px !important; - background-color: #f19abd; + background-color: #BBDAFF; + /*#f19abd;*/ } +.konzentr-7 .card-title::before { content: "G) "; font-size: 75%; } .konzentr-8 { margin-left: 140px; - background-color: #b74e90; + background-color: #BBEBFF; + /*#b74e90;*/ } +.konzentr-8 .card-title::before { content: "H) "; font-size: 75%; } .konzentr-9 { margin-left: 160px; - background-color: #901d78; + background-color: #75ECFD; + /*#901d78;*/ } +.konzentr-9 .card-title::before { content: "I) "; font-size: 75%; } .konzentr-10 { margin-left: 180px; - background-color: #76c5f0; + background-color: #74FEF8; + /*#76c5f0;*/ } +.konzentr-10 .card-title::before { content: "J) "; font-size: 75%; } .konzentr-11 { margin-left: 200px; - background-color: #007cc2; + background-color: #33FDC0; + /*#007cc2;*/ } +.konzentr-11 .card-title::before { content: "K) "; font-size: 75%; } .konzentr-12 { margin-left: 220px; - background-color: #3bb3c3; + background-color: #0AFE47; + /*#3bb3c3;*/ } -.konzentr-12 .card-title::before { content: "12) "; font-size: 75%; } +.konzentr-12 .card-title::before { content: "L) "; font-size: 75%; } .konzentr-13 { margin-left: 240px; - background-color: #3bb3c3; + background-color: #A8CFFF; + /*#3bb3c3;*/ } -.konzentr-13 .card-title::before { content: "13) "; font-size: 75%; } +.konzentr-13 .card-title::before { content: "M) "; font-size: 75%; } .konzentr-14 { margin-left: 260px; - background-color: #3bb3c3; + background-color: #A8E4FF; + /*#3bb3c3;*/ } -.konzentr-14 .card-title::before { content: "14) "; font-size: 75%; } +.konzentr-14 .card-title::before { content: "N) "; font-size: 75%; } .konzentr-15 { margin-left: 280px; - background-color: #3bb3c3; + background-color: #63E9FC; + /*#3bb3c3;*/ } .konzentr-15 .card-title::before { content: "15) "; font-size: 75%; } .konzentr-16 { margin-left: 300px; - background-color: #3bb3c3; + background-color: #5FFEF7; + /*#3bb3c3;*/ } .konzentr-16 .card-title::before { content: "16) "; font-size: 75%; } .konzentr-17 { margin-left: 320px; - background-color: #3bb3c3; + background-color: #03F3AB; + /*#3bb3c3;*/ } .konzentr-17 .card-title::before { content: "17) "; font-size: 75%; } .konzentr-18 { margin-left: 340px; - background-color: #3bb3c3; + background-color: #01F33E; + /*#3bb3c3;*/ } .konzentr-18 .card-title::before { content: "18) "; font-size: 75%; } diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index a17979c..1cf6360 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -18,6 +18,11 @@ font-size: 1.0rem; } +.card-body.gliederung > h5.card-title.card-title-small { + font-size: 0.8rem; + font-weight: 400; +} + .card-body.gliederung > h6.card-title { font-size: 0.75rem; color: #343a40; @@ -38,6 +43,7 @@ ul.card-text li { .card.slide > .card-body > h5, .card.slide > h5.card-header { font-size: 1.35rem; } + .card.slide > .card-body > h6.card-title { font-size: 1.2rem; } @@ -46,6 +52,10 @@ ul.card-text li { font-size: 1.1rem; } + .card-body.gliederung > h5.card-title.card-title-small { + font-size: 0.9rem; + } + .card-body.gliederung > h6.card-title { font-size: 0.85rem; } @@ -70,6 +80,7 @@ ul.card-text li { .card.slide > .card-body > h5, .card.slide > h5.card-header { font-size: 1.45rem; } + .card.slide > .card-body > h6.card-title { font-size: 1.3rem; } @@ -78,6 +89,10 @@ ul.card-text li { font-size: 1.2rem; } + .card-body.gliederung > h5.card-title.card-title-small { + font-size: 1.0rem; + } + .card-body.gliederung > h6.card-title { font-size: 0.95rem; } @@ -102,6 +117,7 @@ ul.card-text li { .card.slide > .card-body > h5, .card.slide > h5.card-header { font-size: 1.55rem; } + .card.slide > .card-body > h6.card-title { font-size: 1.4rem; } @@ -110,6 +126,10 @@ ul.card-text li { font-size: 1.3rem; } + .card-body.gliederung > h5.card-title.card-title-small { + font-size: 1.1rem; + } + .card-body.gliederung > h6.card-title { font-size: 1.05rem; } @@ -146,6 +166,7 @@ ul.card-text li { .card.slide > .card-body > h5, .card.slide > h5.card-header { font-size: 1.65rem; } + .card.slide > .card-body > h6.card-title { font-size: 1.5rem; } @@ -154,6 +175,10 @@ ul.card-text li { font-size: 1.4rem; } + .card-body.gliederung > h5.card-title.card-title-small { + font-size: 1.2rem; + } + .card-body.gliederung > h6.card-title { font-size: 1.15rem; } @@ -414,3 +439,21 @@ table.vertical-border > thead > tr > th { .show_on_print { display: block; } } + + +/* ARROW-LIST */ +/* Removes default style of bullet point */ +ul.liarrow li::marker { + content: "〉"; + font-weight: bold; +} + +li.liarrow{ + list-style: none; +} + +/* ::before creates a pseudo-element that is the first child of the selected element */ +li.liarrow::before{ + /* Unicode for >> character */ + content: "\00BB"; +}