You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
1.7 KiB
94 lines
1.7 KiB
/*/////////*/
|
|
/* GENERAL */
|
|
/*/////////*/
|
|
|
|
.content {
|
|
background-color: var(--lumo-contrast-10pct);
|
|
min-height: 100%;
|
|
}
|
|
|
|
.grid-card {
|
|
background-color: var(--lumo-base-color);
|
|
border-radius: var(--lumo-border-radius);
|
|
box-shadow: var(--lumo-box-shadow-xs);
|
|
padding: 0 var(--lumo-space-m) var(--lumo-space-m);
|
|
}
|
|
|
|
.card {
|
|
background-color: var(--lumo-base-color);
|
|
border-radius: var(--lumo-border-radius);
|
|
box-shadow: var(--lumo-box-shadow-xs);
|
|
padding: var(--lumo-space-m);
|
|
}
|
|
|
|
.bold-label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.parentheses-label {
|
|
margin-left: var(--lumo-space-xs);
|
|
}
|
|
|
|
.no-margin-left {
|
|
margin-left: 0;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
}
|
|
|
|
/*//////////////////*/
|
|
/* APP-LAYOUT-STUFF */
|
|
/*//////////////////*/
|
|
|
|
#header {
|
|
height: var(--lumo-size-xl);
|
|
box-shadow: var(--lumo-box-shadow-s);
|
|
}
|
|
|
|
#header vaadin-avatar {
|
|
margin-left: auto;
|
|
margin-right: var(--lumo-space-m);
|
|
}
|
|
|
|
vaadin-app-layout[dir='rtl'] #header vaadin-avatar {
|
|
margin-left: var(--lumo-space-m);
|
|
margin-right: auto;
|
|
}
|
|
|
|
#header h1 {
|
|
font-size: var(--lumo-font-size-l);
|
|
margin: 0;
|
|
}
|
|
|
|
#logo {
|
|
box-sizing: border-box;
|
|
box-shadow: inset 0 -1px var(--lumo-contrast-10pct);
|
|
padding: var(--lumo-space-s) var(--lumo-space-m);
|
|
}
|
|
|
|
#logo img {
|
|
height: calc(var(--lumo-size-l) * 1.5);
|
|
}
|
|
|
|
#logo h1 {
|
|
font-size: var(--lumo-font-size-xl);
|
|
font-weight: 600;
|
|
margin: 0 var(--lumo-space-s);
|
|
}
|
|
|
|
vaadin-tab {
|
|
font-size: var(--lumo-font-size-s);
|
|
height: var(--lumo-size-l);
|
|
font-weight: 600;
|
|
color: var(--lumo-body-text-color);
|
|
}
|
|
|
|
vaadin-tab:hover {
|
|
background-color: var(--lumo-contrast-5pct);
|
|
}
|
|
|
|
vaadin-tab[selected] {
|
|
background-color: var(--lumo-primary-color-10pct);
|
|
color: var(--lumo-primary-text-color);
|
|
}
|