diff --git a/frontend/src/assets/scss/gradido-template.scss b/frontend/src/assets/scss/gradido-template.scss index 87efcedfa..ce4d5d972 100644 --- a/frontend/src/assets/scss/gradido-template.scss +++ b/frontend/src/assets/scss/gradido-template.scss @@ -20,7 +20,7 @@ body { .c-blau { color: #0e79bc !important; } - + /* Navbar */ a, @@ -155,13 +155,13 @@ a:hover, .b-toast-warning .toast .toast-header { color: #fcfcfb; background-color: #c58d38 !important; - border-bottom-color: rgba(207, 130, 14, 0.85); + border-bottom-color: rgb(207 130 14 / 85%); } .b-toast-warning .toast .toast-body { color: #010602; - background-color: rgba(247, 248, 247, 0.85); - border-bottom-color: rgba(207, 130, 14, 0.85); + background-color: rgb(247 248 247 / 85%); + border-bottom-color: rgb(207 130 14 / 85%); } // .btn-primary pim { @@ -178,9 +178,11 @@ a:hover, .font2em { font-size: 1.5em; } + .zindex-1 { z-index: -1; } + .zindex1 { z-index: 1; } @@ -237,12 +239,13 @@ a:hover, background-color: #ebebeba3 !important; border-radius: 25pt; } + .gradido-bg-f5 { background-color: #f5f5f5 !important; } .gradido-bg-orange { - background-color: rgb( 197 141 56) !important; + background-color: rgb(197 141 56) !important; } .gradido-width-300 { @@ -274,7 +277,6 @@ a:hover, background-color: rgb(255 255 255 / 0%); } - .pulse { // margin:100px; // display: block; @@ -287,28 +289,33 @@ a:hover, animation: pulse 2s infinite; } -@-webkit-keyframes pulse { - 0% { - -webkit-box-shadow: 0 0 0 0 #c58d387e; - } - 70% { - -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0); - } - 100% { - -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0); - } -} @keyframes pulse { 0% { - -moz-box-shadow: 0 0 0 0 #c58d387e; box-shadow: 0 0 0 0 #c58d387e; } + 70% { - -moz-box-shadow: 0 0 0 20px rgba(204,169,44, 0); - box-shadow: 0 0 0 20px rgba(204,169,44, 0); + box-shadow: 0 0 0 10px rgb(204 169 44 / 0%); } + 100% { - -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); - box-shadow: 0 0 0 0 rgba(204,169,44, 0); + box-shadow: 0 0 0 0 rgb(204 169 44 / 0%); } -} \ No newline at end of file +} + +@keyframes pulse { + 0% { + box-shadow: 0 0 0 0 #c58d387e; + box-shadow: 0 0 0 0 #c58d387e; + } + + 70% { + box-shadow: 0 0 0 20px rgb(204 169 44 / 0%); + box-shadow: 0 0 0 20px rgb(204 169 44 / 0%); + } + + 100% { + box-shadow: 0 0 0 0 rgb(204 169 44 / 0%); + box-shadow: 0 0 0 0 rgb(204 169 44 / 0%); + } +}