285 lines
7.4 KiB
CSS
285 lines
7.4 KiB
CSS
/*:root {*/
|
|
/* --portal-main-color: #8DCA26;*/
|
|
/* --portal-main-contrast: white;*/
|
|
/* --portal-dark-color: #7c9144;*/
|
|
.stakeholderPage {
|
|
/* Structure */
|
|
--structure-background-color: #F1F1F1;
|
|
|
|
/* Navbar */
|
|
--navbar-background-image: url("~src/assets/banner.jpg");
|
|
--navbar-color: var(--muted-color);
|
|
--navbar-color-hover: var(--light-color);
|
|
--navbar-color-active: var(--light-color);
|
|
--navbar-decoration-active: underline;
|
|
|
|
/* Login */
|
|
--login-background-color: var(--light-color);
|
|
--login-background-color-hover: var(--light-color);
|
|
--login-color: var(--primary-color);
|
|
--login-color-hover: var(--secondary-color);
|
|
|
|
/* Dashboard */
|
|
--dashboard-primary-color: var(--monitor-color);
|
|
--dashboard-primary-color-rgb: var(--monitor-color-rgb);
|
|
--dashboard-primary-image: linear-gradient(133deg, var(--monitor-light-color) 0%, var(--monitor-dark-color) 100%);
|
|
--dashboard-primary-inverse-color: var(--light-color);
|
|
|
|
/* Buttons */
|
|
--button-primary-background: var(--monitor-color);
|
|
--button-primary-background-image: linear-gradient(110deg, var(--monitor-light-color) 50%, var(--monitor-dark-color) 100%);
|
|
--button-secondary-background: var(--light-color);
|
|
--button-secondary-color: var(--monitor-color);
|
|
--button-secondary-border-color: var(--monitor-color);
|
|
--button-secondary-background-hover: var(--secondary-color);
|
|
--button-secondary-color-hover: var(--light-color);
|
|
--button-secondary-border-color-hover: transparent;
|
|
|
|
/* Backgrounds */
|
|
--primary-background: #2C2C2C;
|
|
--primary-background-image: none;
|
|
--secondary-background: var(--monitor-color);
|
|
--secondary-background-image:none;
|
|
|
|
/* Fonts */
|
|
--font-primary-color: var(--monitor-color);
|
|
--font-gradient-color: linear-gradient(110deg, var(--monitor-light-color) 0%, var(--monitor-dark-color) 100%);
|
|
|
|
/* List */
|
|
--list-disc-color: var(--monitor-color);
|
|
}
|
|
|
|
/*}*/
|
|
/*!*Stakeholder Specific*!*/
|
|
/*.publicationsSearchForm {*/
|
|
/* background-image: none;*/
|
|
/*}*/
|
|
|
|
/*.stakeholderPage #page_content {*/
|
|
/* background-image: url("~src/assets/monitor-shapes-bg.svg");*/
|
|
/* background-size: contain;*/
|
|
/* background-repeat: no-repeat;*/
|
|
/* background-position: bottom;*/
|
|
/* background-attachment: fixed;*/
|
|
/* min-height: calc(70vh - var(--header-height));*/
|
|
/*}*/
|
|
|
|
/*!*General*!*/
|
|
/*.stakeholderPage {*/
|
|
/* background: #F9FBFC !important;*/
|
|
/*}*/
|
|
|
|
/*#style_switcher .uk-offcanvas-bar {*/
|
|
/* box-sizing: border-box;*/
|
|
/* padding: 16px;*/
|
|
/*}*/
|
|
|
|
/*#style_switcher_toggle {*/
|
|
/* top: 320px !important;*/
|
|
/* position: fixed;*/
|
|
/* height: 36px;*/
|
|
/* !*background: #fff;*!*/
|
|
/* background-color: rgb(255, 255, 255);*/
|
|
/* border-radius: 4px 0 0 4px;*/
|
|
/* cursor: pointer;*/
|
|
/* padding: 0 8px;*/
|
|
/* box-shadow: -2px 2px 5px rgba(0, 0, 0, .26);*/
|
|
/* box-sizing: border-box;*/
|
|
/* !*z-index: 981;*!*/
|
|
/*}*/
|
|
|
|
#filters_switcher_toggle {
|
|
top: 320px !important;
|
|
position: fixed;
|
|
height: 36px;
|
|
background-color: var(--secondary-color);
|
|
border-radius: 4px 0 0 4px;
|
|
cursor: pointer;
|
|
padding: 0 2px;
|
|
box-shadow: -2px 2px 5px rgba(0, 0, 0, .26);
|
|
box-sizing: border-box;
|
|
/*z-index: 981;*/
|
|
right: 0;
|
|
}
|
|
|
|
/*!*Sidebar*!*/
|
|
/*!*Style*!*/
|
|
/*!*#sidebar_main .menu_section > ul li.uk-active > a {*!*/
|
|
/*!* font-size: var(--sidebar-font-size);*!*/
|
|
/*!* color: rgba(0,0,0,.7);*!*/
|
|
/*!*}*!*/
|
|
/*!*Sidebar Header logo *!*/
|
|
/*#sidebar_main .sidebar_main_header .portal-logo {*/
|
|
/* background: url("~src/assets/common-assets/logo-large-monitor.png") no-repeat;*/
|
|
/* background-size: contain;*/
|
|
/*}*/
|
|
|
|
/*.sidebar_mini #sidebar_main .sidebar_main_header .portal-logo {*/
|
|
/* background: url("~src/assets/common-assets/logo-small-monitor.png") no-repeat;*/
|
|
/* background-size: contain;*/
|
|
/*}*/
|
|
|
|
/*!*Sidebar Rotation*!*/
|
|
|
|
/*.stakeholderPage #sidebar_main .menu_section > ul > li.uk-active {*/
|
|
/* width: 150px;*/
|
|
/* height: 100%;*/
|
|
/* transition: 0.70s;*/
|
|
/* -webkit-transition: 0.70s;*/
|
|
/* -moz-transition: 0.70s;*/
|
|
/* -ms-transition: 0.70s;*/
|
|
/* -o-transition: 0.70s;*/
|
|
/* -webkit-transform: rotate(-90deg);*/
|
|
/* -moz-transform: rotate(-90deg);*/
|
|
/* -o-transform: rotate(-90deg);*/
|
|
/* -ms-transform: rotate(-90deg);*/
|
|
/* transform: rotate(-90deg);*/
|
|
/* margin: 63px auto 63px auto;*/
|
|
/*}*/
|
|
|
|
/*.stakeholderPage #sidebar_main .menu_section > ul > li {*/
|
|
/* transition: 0.70s;*/
|
|
/* -webkit-transition: 0.70s;*/
|
|
/* -moz-transition: 0.70s;*/
|
|
/* -ms-transition: 0.70s;*/
|
|
/* -o-transition: 0.70s;*/
|
|
/* !*display: block;*!*/
|
|
/* !*text-align: center;*!*/
|
|
/* !*margin-right: auto;*!*/
|
|
/* !*margin-left: auto;*!*/
|
|
/*}*/
|
|
|
|
/*.stakeholderPage.sidebar_mini #sidebar_main .menu_section > ul > li.uk-active {*/
|
|
/* -webkit-transform: rotate(0deg);*/
|
|
/* -moz-transform: rotate(0deg);*/
|
|
/* -o-transform: rotate(0deg);*/
|
|
/* -ms-transform: rotate(0deg);*/
|
|
/* transform: rotate(0deg);*/
|
|
/* width: inherit;*/
|
|
/* height: inherit;*/
|
|
/* margin: 4px 0 0;*/
|
|
/*}*/
|
|
|
|
|
|
/*.stakeholderPage #sidebar_main #sidebar_content, .stakeholderPage #sidebar_switcher_toggle {*/
|
|
/* border-color: var(--monitor-portal-color);*/
|
|
/*}*/
|
|
|
|
/*!* Section Tools*!*/
|
|
|
|
/*.dashboard .section {*/
|
|
/* padding-top: 10px;*/
|
|
/* padding-bottom: 10px;*/
|
|
/* padding-right: 10px;*/
|
|
/* border: rgba(0, 0, 0, 0) solid 1px;*/
|
|
/* position: relative;*/
|
|
/*}*/
|
|
|
|
/*.dashboard .section .tools {*/
|
|
/* position: absolute;*/
|
|
/* top: 0;*/
|
|
/* left: 50%;*/
|
|
/* transform: translate(-50%, -100%);*/
|
|
/* width: 50px;*/
|
|
/* max-width: 50px;*/
|
|
/* background: var(--secondary-color);*/
|
|
/* color: var(--contrast-color);*/
|
|
/* -webkit-clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%);*/
|
|
/* clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%);*/
|
|
/* display: none;*/
|
|
/* padding-left: 10px;*/
|
|
/*}*/
|
|
|
|
/*.dashboard .section {*/
|
|
/* border: transparent solid 1px;*/
|
|
/*}*/
|
|
|
|
/*.dashboard .section:hover {*/
|
|
/* border: var(--secondary-color) solid 1px;*/
|
|
/*}*/
|
|
|
|
/*.dashboard .section:hover .tools {*/
|
|
/* display: block;*/
|
|
/*}*/
|
|
|
|
/*.dashboard .section:hover .tools a {*/
|
|
/* color: currentColor;*/
|
|
/*}*/
|
|
|
|
|
|
/*!* New section*!*/
|
|
/*.dashboard .new-section {*/
|
|
/* border: #707070 dashed 1px;*/
|
|
/* border-radius: 2px;*/
|
|
/* background-color: white;*/
|
|
/* min-height: 200px;*/
|
|
/* position: relative;*/
|
|
/* box-shadow: 0 2px 6px #00000038;*/
|
|
/*}*/
|
|
|
|
/*.dashboard .new-section .tools {*/
|
|
/* position: absolute;*/
|
|
/* top: 50%;*/
|
|
/* left: 50%;*/
|
|
/* transform: translate(-50%, -50%);*/
|
|
/*}*/
|
|
|
|
/*.dashboard .new-section .tools .md-btn .material-icons {*/
|
|
/* position: absolute;*/
|
|
/* top: 50%;*/
|
|
/* left: 50%;*/
|
|
/* transform: translate(-50%, -50%);*/
|
|
/* margin: 0;*/
|
|
/*}*/
|
|
|
|
/*!*Search *!*/
|
|
/*#searchFormPanel {*/
|
|
/* margin-top: 30px;*/
|
|
/* height: 250px;*/
|
|
/*}*/
|
|
|
|
/*.visibility {*/
|
|
/* border-right: 1px solid rgba(var(--secondary-color-rgb), 0.5);*/
|
|
/* border-bottom: 1px solid rgba(var(--secondary-color-rgb), 0.5);*/
|
|
/* padding: 10px 8px;*/
|
|
/* margin-right: 4px;*/
|
|
/* color: rgba(var(--text-color-rgb), 0.5);*/
|
|
/*}*/
|
|
|
|
/*.visibility.small {*/
|
|
/* padding: 3px 2px;*/
|
|
/*}*/
|
|
|
|
/*.more {*/
|
|
/* position: absolute;*/
|
|
/* transform: translate(-50%, -50%);*/
|
|
/* right: -30px;*/
|
|
/* top: 50%;*/
|
|
/*}*/
|
|
|
|
/*.descriptionIcon {*/
|
|
/* position: absolute;*/
|
|
/* bottom: 3px;*/
|
|
/* left: 3px;*/
|
|
/*}*/
|
|
|
|
/*.refresh-indicator {*/
|
|
/* background-color: rgba(0, 0, 0, 0.50);*/
|
|
/* border-radius: 4px;*/
|
|
/* position: absolute;*/
|
|
/* color: white;*/
|
|
/*}*/
|
|
|
|
/*.uk-modal-container .uk-modal-dialog {*/
|
|
/* width: 900px;*/
|
|
/*}*/
|
|
|
|
/*.stakeholderPage .selectedFilterLabel {*/
|
|
/* background-color: #E6EEF2;*/
|
|
/* border-color: #E6EEF2;*/
|
|
/*}*/
|
|
|
|
/*.landing .uk-dropdown, new-search-page .uk-dropdown, search-all .uk-dropdown {*/
|
|
/* padding: 25px;*/
|
|
/*}*/
|