monitor/src/assets/customization.css

156 lines
4.5 KiB
CSS

/*Panel background*/
.communityPanelBackground, .communityPanelBackground .uk-section-primary {
background-image: linear-gradient(to right, var(--portal-main-color), var(--portal-dark-color));
border-style: solid;
border-color: var(--portal-main-color);
border-width: 1px;
}
/*Panel fonts*/
.communityPanelBackground {
color: white !important;
font-family: Roboto, sans-serif !important;
font-size: 14px !important;
}
.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground) {
color: white !important;
font-family: Roboto, sans-serif !important;
font-size: 22px !important;
}
.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground), .communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground), .portal-card a {
color: rgba(255, 255, 255, 0.98) !important;
font-family: Roboto, sans-serif !important;
font-size: 14px !important;
text-decoration: underline;
}
.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground):hover, .communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground):hover, .portal-card a:hover {
color: rgba(255, 255, 255, 0.8) !important;
}
/*Other fonts*/
/*
TO check again
div, p, .descriptionText{
color:blue ;
font-family: Roboto, sans-serif;
font-size: 11px ;
}
*/
/*.uk-h5{
color:blue;
font-family: Roboto, sans-serif;
font-size: 22px;
}*/
.uk-link, a:not(.uk-button), .uk-navbar-dropdown-nav > li > a, .uk-navbar-nav > li > a, .loginLink,
.uk-tab > .uk-active > a, .uk-tab > * > a:focus, .uk-tab > * > a:hover {
color: var(--portal-main-color);
font-family: Roboto, sans-serif !important;
}
.uk-link:hover, a:not(.uk-button):hover,
.uk-navbar-dropdown-nav > li > a:focus, .uk-navbar-dropdown-nav > li > a:hover, .uk-navbar-nav > li > a:hover, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a:active, .uk-navbar-nav > li:hover > a,
.uk-navbar-dropdown-nav > li.uk-active > a, .uk-tab > .uk-active > a, .uk-navbar-nav > li.uk-active > a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li.uk-active > a {
color: var(--portal-dark-color);
}
.communityBorder {
border-color: var(--portal-main-color);
border-style: solid;
border-width: 2px;
border-radius: 6px;
}
.customTabs .uk-tab > .uk-active > a {
border-color: var(--portal-main-color);
}
.customTabs .uk-tab > .uk-active > a {
border-color: var(--portal-main-color);
}
.uk-tab > * > a:focus, .uk-tab > * > a:hover {
border-color: var(--portal-dark-color);
}
/*Panel Elements & cards*/
.communityPanelBackground .uk-card:not(.ignoreCommunityPanelBackground), .communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground) {
background-color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5);
}
.communityPanelBackground .uk-card:not(.ignoreCommunityPanelBackground), .communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground) {
color: white;
}
.uk-button:not(.uk-button-text) {
background-color: var(--portal-main-color);;
color: white;
border-color: transparent;
border-style: solid;
border-width: 1px;
border-radius: 4px;
}
.uk-button:not(.uk-button-text):hover {
background-color: var(--portal-dark-color);
color: white;
border-color: transparent;
}
/*Buttons*/
.communityPanelBackground .uk-button:not(.ignoreCommunityPanelBackground) {
background-color: white !important;
color: var(--portal-main-color) !important;
border-color: transparent !important;
border-style: solid !important;
border-width: 1px !important;
border-radius: 4px !important;
}
.communityPanelBackground .uk-button:not(.ignoreCommunityPanelBackground):hover {
background-color: #eeeeee !important;
color: var(--portal-main-color) !important;
border-color: transparent !important;
}
/*
.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground):not(.license):not(.newsletter),
.communityPanelBackground a:not(.uk-button):not(.ignoreCommunityPanelBackground):not(.uk-icon):not(.license):not(.newsletter):not(.breadcrumb)
{
!*text-decoration: underline;*!
border-bottom: 1px solid white;
}
.communityPanelBackground .lowOpacityColor:not(.ignoreCommunityPanelBackground){
color:rgba(255,255,255,0.7);
}
*/
.uk-navbar-dropdown {
background-color: white;
color: #666;
box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
/*border:var(--portal-main-color) 1px solid;*/
}