171 lines
5.0 KiB
CSS
171 lines
5.0 KiB
CSS
/* farbcodes eintragen*/
|
|
|
|
:host > * {
|
|
--white: #FFFFFF;
|
|
--black: #1B1B1B;
|
|
--red-900: #B71C1C;
|
|
--orange-900: #FF7134;
|
|
--green-800: #558B2F;
|
|
--amber-400: #FFCA28;
|
|
--hint-box-bg: #ecfcef;
|
|
--hint-box-border: #caedd0;
|
|
--hint-box-warning-bg: #FFCA28;
|
|
--hint-box-warning-border: #ffffff;
|
|
--hint-box-error-bg: rgb(255, 181, 181);
|
|
--hint-box-error-border: #B71C1C;
|
|
--pc-light-blue: #dcf1ff;
|
|
--pc-blue: #3BA4F0;
|
|
--pc-darker-blue: #2c92db;
|
|
--pc-gray: #F2F2F2;
|
|
--pc-mid-gray: #dfdfdf;
|
|
--pc-mid-gray-2: #c4bebe;
|
|
--pc-mid-gray-3: #a09e9e;
|
|
--pc-dark-gray: #5B5B5B;
|
|
--tc-primary: var(--black);
|
|
--tc-secondary: var(--white);
|
|
--table-bg-1: var(--pc-gray);
|
|
--table-row-hl: var(--pc-light-blue);
|
|
--dataview-padding: 30px;
|
|
--era-icon-active_-_color: var(--pc-blue);
|
|
--era-checkbox-checked_-_border-color: var(--pc-blue);
|
|
--era-checkbox-checked_-_background: var(--pc-blue);
|
|
--era-button_-_background: var(--pc-mid-gray);
|
|
--era-button_-_color: var(--pc-blue);
|
|
--era-button_-_padding: 6px 10px;
|
|
--era-button_-_border-radius: 3px;
|
|
--era-button_-_transition: background 0.2s;
|
|
--era-button_-_min-width: 40px;
|
|
--era-button-hover_-_background: var(--pc-blue);
|
|
--era-button-hover_-_color: var(--white);
|
|
--era-button-active_-_background: var(--pc-blue);
|
|
--era-button-active_-_color: var(--white);
|
|
--era-button-disabled_-_background: var(--bg-gray);
|
|
--era-button-disabled_-_color: rgba(255,255,255, 0.5);
|
|
--era-button-success_-_background: var(--green-800);
|
|
--era-button-success_-_color: var(--white);
|
|
--era-button-error_-_background: var(--red-900);
|
|
--era-button-error_-_color: var(--white);
|
|
--era-toggle-bg-color-on: var(--pc-darker-blue);
|
|
--era-toggle-button-color-on: var(--pc-blue);
|
|
--era-toggle-bg-color-off: var(--pc-mid-gray-2);
|
|
--era-toggle-button-color-off: var(--pc-mid-gray);
|
|
--era-toggle-bg-color-disabled: var(--pc-dark-gray);
|
|
--era-popover-background: #F5F5F5;
|
|
--era-popover-shadow: --filter-or-group-bg: #DFDFDF;
|
|
--era-icon_-_color: var(--pc-dark-gray);
|
|
--era-icon-hover_-_color: var(--pc-blue);
|
|
--era-icon-active_-_color: var(--pc-blue);
|
|
--era-input_-_padding: 5px 0 15px 0;
|
|
--era-input-line-color: var(--pc-dark-gray);
|
|
--era-input-line-color-focused: var(--pc-blue);
|
|
--era-textarea-error-message_-_background: transparent;
|
|
--era-dropdown-selector_-_background: var(--white);
|
|
--era-dropdown-selector-focus_-_border: solid 1px var(--pc-blue);
|
|
--era-dropdown-item-hover_-_background: var(--pc-blue);
|
|
--era-dropdown-item-hover_-_color: var(--white);
|
|
--era-dropdown-item-selected_-_background: var(--pc-blue);
|
|
--era-dropdown-item-focus_-_background: var(--pc-mid-gray);
|
|
--era-dropdown-item-focus_-_color: var(--black) !important;
|
|
--era-radio-button-dot-checked_-_background: var(--pc-dark-gray);
|
|
--era-radio-button-border-focus_-_border-color: var(--pc-blue);
|
|
--era-radio-button-label-focus_-_color: var(--pc-blue);
|
|
--era-radio-button-dot-focus_-_background: var(--pc-blue);
|
|
--era-spinner-color1: var(--pc-blue);
|
|
--era-spinner-color2: var(--pc-gray);
|
|
--era-scroll-top_-_background: var(--pc-900);
|
|
--era-scroll-top-hover_-_background: var(--pc-900);
|
|
--era-tabs_-_border-bottom: solid 1px var(--pc-mid-gray);
|
|
--era-tabs-item_-_background: var(--pc-mid-gray);
|
|
--era-tabs-item-selected_-_background: var(--pc-blue);
|
|
--era-tabs-item-selected_-_color: var(--white);
|
|
--era-query-selector-item_-_background: var(--pc-blue);
|
|
--era-query-selector-item_-_color: var(--white);
|
|
--era-query-selector-remove-item-icon_-_color: var(--white);
|
|
--era-listbox-container_-_border: solid 1px var(--pc-mid-gray);
|
|
--era-listbox-container_-_transition: border-color 300ms linear;
|
|
--era-listbox-container-invalid_-_border-color: var(--red-900);
|
|
--era-listbox-item_-_cursor: pointer;
|
|
--era-listbox-item-selected_-_background: var(--pc-light-blue);
|
|
--era-listbox-item-readonly_-_background: var(--pc-gray);
|
|
--era-listbox-item-readonly-chkbox_-_color: var(--pc-dark-gray);
|
|
--era-filter-builder-field-selector-selected-category_-_background: var(--pc-blue);
|
|
--era-filter-builder-field-selector-item-hover_-_background: var(--pc-mid-gray);
|
|
}
|
|
|
|
/* general styling */
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana,
|
|
sans-serif;
|
|
font-size: 1.2rem;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
font-weight: 900;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 4rem;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 2.5rem;
|
|
}
|
|
|
|
a {
|
|
}
|
|
|
|
a:hover,
|
|
a:focus {
|
|
}
|
|
|
|
/* header */
|
|
|
|
#intro {
|
|
width: 100%;
|
|
}
|
|
|
|
#intro img {
|
|
width: 100%;
|
|
}
|
|
|
|
header {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 80px;
|
|
/* top: 0px; */
|
|
background-color: #2c92db;
|
|
align-items: center;
|
|
}
|
|
|
|
header ul {
|
|
height: 100%;
|
|
padding: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
header li {
|
|
list-style-type: none;
|
|
flex: 1;
|
|
}
|
|
|
|
#logo-content {
|
|
}
|
|
|
|
#tagline {
|
|
}
|
|
|
|
/* main content */
|
|
.content img {
|
|
width: 100%;
|
|
}
|