Files
stf-DeviceFarmer/res/app/menu/menu.css
Denis Barbaron 489ba0427e Add maintenance banner on UI (#797)
* fix bug on email separator

Signed-off-by: Denis barbaron <denis.barbaron@orange.com>

* allow group name change

Signed-off-by: Denis barbaron <denis.barbaron@orange.com>

* add maintenance banner on UI

Signed-off-by: Denis barbaron <denis.barbaron@orange.com>

* removes unnecessary comments

Signed-off-by: Denis barbaron <denis.barbaron@orange.com>

---------

Signed-off-by: Denis barbaron <denis.barbaron@orange.com>
2024-07-19 10:33:52 +02:00

113 lines
1.9 KiB
CSS

/*
Copyright © 2019-2024 contains code contributed by Orange SA, authors: Denis Barbaron - Licensed under the Apache license 2.0
*/
.stf-menu .stf-logo {
background: url(../../common/logo/exports/STF-512.png) no-repeat 0 0;
width: 32px;
height: 32px;
float: left;
text-indent: -9999em;
margin: 6px 10px 0 0;
background-size: 100% auto;
-webkit-background-size: 100% auto;
}
.stf-menu .stf-top-bar {
height: 44px;
padding: 0 10px 0 20px;
width: 100%;
float: left;
}
.stf-menu .stf-nav {
padding-left: 15px;
text-align: left;
margin: 0;
float: left;
}
.stf-menu .stf-nav > li {
padding-right: 15px;
float: left;
display: inline-block;
text-align: left;
position: relative;
margin: 0;
}
.stf-menu .stf-nav > li > a {
display: inline-block;
text-align: left;
padding: 0 !important;
padding-right: 18px !important;
padding-left: 14px !important;
font-size: 15px;
line-height: 44px;
color: #777777;
font-weight: 400;
height: 44px;
position: relative;
}
.stf-menu .stf-nav > li > a > span.fa {
display: inline-block;
float: left;
margin: 8px 8px 0 0;
font-size: 28px;
}
.stf-menu .stf-nav > li > a > span.fa-mobile {
font-size: 30px;
}
.stf-menu .stf-nav > li > a.current {
color: #007aff;
}
.stf-menu.navbar {
height: 44px !important;
min-height: 44px !important;
}
.stf-menu .information-level {
background-color: #5bc0df;
}
.stf-menu .warning-level {
background-color: #f0ad4f;
}
.stf-menu .critical-level {
background-color: #ff4b2b;
}
.stf-menu .maintenance-banner {
color: #ffffff;
padding: 10px;
position: relative;
text-align: center;
overflow: hidden;
height: 44px;
}
.stf-menu .maintenance-banner p {
font-size: 18px;
animation: slideBanner 15s linear infinite;
white-space: nowrap;
position: relative;
top: 50%;
transform: translate(0%,-50%);
line-height: 44px;
}
@keyframes slideBanner {
0% {
left: 100%;
}
100% {
left: -100%;
}
}