Change from css to less
parent
b89565139f
commit
51b46a684c
@ -1 +1 @@
|
||||
Subproject commit ed7e66852a64babc4e48573ed52b6ba114a2ea84
|
||||
Subproject commit 4ed89bac13a6f5fc0b8f2deecf486d6926d87a81
|
||||
@ -1 +1 @@
|
||||
Subproject commit 2b7e2d4cc0de56fc6a5868e15c5209b4e27c058d
|
||||
Subproject commit f454570d5ce2f1b6fa17b84a5d2d0c65b30f96ff
|
||||
@ -1 +1 @@
|
||||
Subproject commit 5d7edb030d589492011316208ee45a1d2c54e764
|
||||
Subproject commit 8c3756677b172aea716453685e1cc88e3bb514be
|
||||
@ -1,289 +0,0 @@
|
||||
.stakeholderPage {
|
||||
/* Structure */
|
||||
--structure-page-content-background-color: #F3F3F3;
|
||||
--structure-page-content-background-color-rgb: 243, 243, 243;
|
||||
|
||||
/* 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(110deg, var(--monitor-light-color) 0%, var(--monitor-dark-color) 100%);
|
||||
--dashboard-primary-inverse-color: var(--light-color);
|
||||
|
||||
/* Backgrounds */
|
||||
--background-primary-rgb: var(--monitor-color-rgb);
|
||||
|
||||
/* Buttons */
|
||||
--button-primary-background: var(--monitor-color);
|
||||
--button-primary-background-image: linear-gradient(110deg, var(--monitor-light-color) 0%, 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-background-image-hover: none;
|
||||
--button-secondary-color-hover: var(--light-color);
|
||||
--button-secondary-border-color-hover: transparent;
|
||||
|
||||
/* Fonts */
|
||||
--text-primary-color: var(--monitor-color);
|
||||
--text-gradient-color: linear-gradient(110deg, var(--monitor-light-color) 0%, var(--monitor-dark-color) 100%);
|
||||
|
||||
/** Label */
|
||||
--label-secondary: var(--monitor-color);
|
||||
|
||||
/* List */
|
||||
--list-disc-color: var(--monitor-color);
|
||||
|
||||
/* Pills */
|
||||
--pill-alt-background-active-image: linear-gradient(110deg, var(--monitor-light-color) 0%, var(--monitor-dark-color) 100%);
|
||||
|
||||
/* Search */
|
||||
--search-form-background: var(--structure-page-content-background-color);
|
||||
}
|
||||
|
||||
.stakeholderPage #filters_icon .start {
|
||||
stop-color: var(--monitor-light-color)
|
||||
}
|
||||
|
||||
.stakeholderPage #filters_icon .end {
|
||||
stop-color: var(--monitor-dark-color)
|
||||
}
|
||||
|
||||
/*TODO check to change in theme*/
|
||||
|
||||
iframe.uk-height-medium {
|
||||
height: 320px;
|
||||
}
|
||||
|
||||
#print_toggle {
|
||||
top: 320px !important;
|
||||
}
|
||||
|
||||
/*}*/
|
||||
/*!*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: 400px !important;
|
||||
}
|
||||
|
||||
/*!*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;*/
|
||||
/*}*/
|
||||
|
||||
/*.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;*/
|
||||
/*}*/
|
||||
@ -0,0 +1,72 @@
|
||||
.stakeholderPage {
|
||||
/* Import OpenAIRE theme*/
|
||||
@import (multiple) "~src/assets/openaire-theme/less/_import";
|
||||
|
||||
/** Global */
|
||||
@global-primary-gradient: linear-gradient(110deg, @monitor-light-color 0%, @monitor-dark-color 100%);
|
||||
|
||||
/** Background*/
|
||||
@background-primary-background: @monitor-color;
|
||||
|
||||
/** Buttons */
|
||||
@button-primary-background: @monitor-color;
|
||||
@button-secondary-border: @monitor-color;
|
||||
@button-secondary-color: @monitor-color;
|
||||
@button-secondary-hover-background: @global-secondary-background;
|
||||
@button-secondary-hover-background-gradient: none;
|
||||
|
||||
/** Label */
|
||||
@label-secondary-color: @monitor-color;
|
||||
@label-secondary-border: @monitor-color;
|
||||
|
||||
/** List */
|
||||
@list-primary-color: @monitor-color;
|
||||
|
||||
/* Navbar */
|
||||
@navbar-background-image: url("banner.jpg");
|
||||
@navbar-nav-item-color: @global-muted-background;
|
||||
@navbar-nav-item-hover-color: @global-inverse-color;
|
||||
@navbar-nav-item-active-color: @global-inverse-color;
|
||||
@navbar-nav-item-active-text-decoration: underline;
|
||||
|
||||
/** Text */
|
||||
@text-primary-color: @monitor-color;
|
||||
@text-background-color: @monitor-color;
|
||||
|
||||
& #filters_icon .start {
|
||||
stop-color: @monitor-light-color;
|
||||
}
|
||||
|
||||
& #filters_icon .end {
|
||||
stop-color: @monitor-dark-color;
|
||||
}
|
||||
}
|
||||
|
||||
.stakeholderPage {
|
||||
/* Structure */
|
||||
--structure-page-content-background-color: #F3F3F3;
|
||||
--structure-page-content-background-color-rgb: 243, 243, 243;
|
||||
|
||||
/* 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(110deg, var(--monitor-light-color) 0%, var(--monitor-dark-color) 100%);
|
||||
--dashboard-primary-inverse-color: var(--light-color);
|
||||
|
||||
/* Search */
|
||||
--search-form-background: var(--structure-page-content-background-color);
|
||||
}
|
||||
|
||||
#print_toggle {
|
||||
top: 320px !important;
|
||||
}
|
||||
|
||||
#filters_switcher_toggle {
|
||||
top: 400px !important;
|
||||
}
|
||||
@ -1 +1 @@
|
||||
Subproject commit bd15bab85dde4018155a631d9cf6ecdfe98ebe9a
|
||||
Subproject commit 5b29aadb4a96cabece70fd76c03a4e7ca0351602
|
||||
@ -1,7 +0,0 @@
|
||||
/* You can add global styles to this file, and also import other style files */
|
||||
@import "assets/openaire-theme/css/import.css";
|
||||
@import "assets/common-assets/library.css";
|
||||
/*@import "assets/common-assets/common/custom.css";*/
|
||||
@import "assets/dashboard-theme/main.css";
|
||||
@import "assets/monitor-dashboard-custom.css";
|
||||
@import "assets/print.css";
|
||||
@ -0,0 +1,15 @@
|
||||
/* You can add global styles to this file, and also import other style files */
|
||||
|
||||
/* Import OpenAIRE theme*/
|
||||
@import "~src/assets/openaire-theme/less/_import";
|
||||
|
||||
//@import "assets/openaire-theme/css/import.css";
|
||||
@import "assets/common-assets/library.css";
|
||||
@import "assets/dashboard-theme/main.css";
|
||||
@import "assets/monitor-dashboard-custom";
|
||||
@import "assets/print.css";
|
||||
|
||||
/* Deprecated */
|
||||
@import "assets/openaire-theme/css/structure/variables.css";
|
||||
@import "assets/openaire-theme/css/structure/offcanvas.css";
|
||||
@import "assets/openaire-theme/css/openaire.css";
|
||||
Loading…
Reference in New Issue