06f69a8813
ui-widget-header has no border-bottom-radius ui-widget-content has no border-top-radius cause both widgets are next to each other ui-icon use the blue hightlight colors and the blue icons for more consistancy Signed-off-by: andreas kainz <kainz.a@gmail.com> Change-Id: Id891548c56b540f8d0b27f65b805c1823fe28906
29 lines
693 B
CSS
29 lines
693 B
CSS
.div-infobar-wrap {
|
|
left: 50%;
|
|
bottom: 0;
|
|
position: absolute;
|
|
transform: translate(-50%);
|
|
margin-bottom: 40px;
|
|
box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.div-infobar-modal {
|
|
display: block;
|
|
height: 42px;
|
|
border: none;
|
|
}
|
|
|
|
.ui-widget-header {
|
|
background: var(--color-background-darker);
|
|
border: var(--color-border-darker);
|
|
color: var(--color-text-darker);
|
|
border-top-left-radius: var(--border-radius);
|
|
border-top-right-radius: var(--border-radius);
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
font-size: var(--header-font-size);
|
|
font-family: var(--cool-font);
|
|
}
|
|
.ui-widget-content {
|
|
color: var(--color-main-text);
|
|
}
|