Revision 58535
Added by Konstantinos Triantafyllou about 4 years ago
| connect-custom.css | ||
|---|---|---|
| 1 | 1 |
:root {
|
| 2 |
--portal-main-color: #EBB13E; |
|
| 3 |
/* --portal-main-contrast: #2E2E2E; */ |
|
| 4 |
--portal-main-contrast: white; |
|
| 5 |
--portal-dark-color: #b48536; |
|
| 2 |
--portal-main-color: #FECA1D; |
|
| 3 |
/* --portal-main-contrast: #2E2E2E; */ |
|
| 4 |
--portal-main-contrast: white; |
|
| 5 |
/*--portal-dark-color: #b48536;*/ |
|
| 6 |
--portal-dark-color: #FFC400; |
|
| 7 |
--openaire-main-color: #313179; |
|
| 6 | 8 |
|
| 7 |
--openaire-main-color: #313179; |
|
| 9 |
--explore-portal-color: #D95F2D; |
|
| 10 |
--provide-portal-color: #37C7E9; |
|
| 11 |
--monitor-portal-color: #9ABB55; |
|
| 12 |
--connect-portal-color: #FECA1D; |
|
| 13 |
/*--connect-portal-color: #EBB13E;*/ |
|
| 14 |
--develop-portal-color: #DA65AB; |
|
| 8 | 15 |
|
| 9 |
--explore-portal-color: #D95F2D;
|
|
| 10 |
--provide-portal-color: #37C7E9;
|
|
| 11 |
--monitor-portal-color: #9ABB55;
|
|
| 12 |
--connect-portal-color: #EBB13E;
|
|
| 13 |
--develop-portal-color: #DA65AB;
|
|
| 16 |
--explore-portal-lower-tone: #a0462c;
|
|
| 17 |
--provide-portal-lower-tone: #3A8FA3;
|
|
| 18 |
--monitor-portal-lower-tone: #7c9144;
|
|
| 19 |
--connect-portal-lower-tone: #b48536;
|
|
| 20 |
--develop-portal-lower-tone: #9f4e7e;
|
|
| 14 | 21 |
|
| 15 |
--explore-portal-lower-tone: #a0462c; |
|
| 16 |
--provide-portal-lower-tone: #3A8FA3; |
|
| 17 |
--monitor-portal-lower-tone: #7c9144; |
|
| 18 |
--connect-portal-lower-tone: #b48536; |
|
| 19 |
--develop-portal-lower-tone: #9f4e7e; |
|
| 22 |
--community_main_color: #4C9CD5; |
|
| 23 |
--community_main_color_rgb: 76, 156, 213; |
|
| 24 |
--community_secondary_color: #24857F; |
|
| 25 |
--community_main_dark_color: #2276B9; |
|
| 20 | 26 |
|
| 21 |
--community_main_color: #4C9CD5; |
|
| 22 |
--community_main_color_rgb: 76,156,213; |
|
| 23 |
--community_secondary_color:#24857F; |
|
| 24 |
--community_main_dark_color:#2276B9; |
|
| 25 |
|
|
| 26 | 27 |
} |
| 27 | 28 |
|
| 28 | 29 |
|
| 29 |
|
|
| 30 | 30 |
.tm-toolbar .uk-subnav-line .custom-connect-li {
|
| 31 |
background:var(--portal-main-color) !important; |
|
| 31 |
background: var(--portal-main-color) !important;
|
|
| 32 | 32 |
} |
| 33 | 33 |
|
| 34 | 34 |
/* .uk-button-default:hover,.uk-button-default:focus,.btn:hover,.btn:focus {
|
| ... | ... | |
| 39 | 39 |
|
| 40 | 40 |
|
| 41 | 41 |
.mainPageSearchForm {
|
| 42 |
background-image: url("connect-assets/home/banner.jpg") !important;
|
|
| 43 |
background-color: rgb(255, 255, 255);
|
|
| 44 |
box-sizing: border-box;
|
|
| 45 |
min-height: calc(100vh - 412.767px);
|
|
| 42 |
background-image: url("connect-assets/home/banner.jpg") !important;
|
|
| 43 |
background-color: rgb(255, 255, 255); |
|
| 44 |
box-sizing: border-box; |
|
| 45 |
min-height: calc(100vh - 412.767px); |
|
| 46 | 46 |
} |
| 47 | 47 |
|
| 48 | 48 |
.home-banner {
|
| ... | ... | |
| 60 | 60 |
} |
| 61 | 61 |
|
| 62 | 62 |
.cloud-background {
|
| 63 |
background-image: url("connect-assets/cloud/background.png") !important;
|
|
| 64 |
background-color: rgb(255, 255, 255);
|
|
| 63 |
background-image: url("connect-assets/cloud/background.png") !important;
|
|
| 64 |
background-color: rgb(255, 255, 255); |
|
| 65 | 65 |
} |
| 66 | 66 |
|
| 67 | 67 |
.cloud-abstract {
|
| ... | ... | |
| 70 | 70 |
} |
| 71 | 71 |
|
| 72 | 72 |
.banner-background {
|
| 73 |
background: linear-gradient(145deg, rgba(255,255,255,1) 0%, rgba(160,193,242,1) 100%);
|
|
| 73 |
background: linear-gradient(145deg, rgba(255, 255, 255, 1) 0%, rgba(160, 193, 242, 1) 100%);
|
|
| 74 | 74 |
} |
| 75 | 75 |
|
| 76 | 76 |
.home-background {
|
| ... | ... | |
| 91 | 91 |
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); |
| 92 | 92 |
} |
| 93 | 93 |
|
| 94 |
.rc-label{
|
|
| 95 |
color:black !important; |
|
| 94 |
.rc-label {
|
|
| 95 |
color: black !important;
|
|
| 96 | 96 |
background-color: #FFC700 !important; |
| 97 | 97 |
} |
| 98 | 98 |
|
| 99 |
.private-view-label{
|
|
| 100 |
color:black !important; |
|
| 99 |
.private-view-label {
|
|
| 100 |
color: black !important;
|
|
| 101 | 101 |
} |
| 102 | 102 |
|
| 103 | 103 |
|
| 104 |
.searchForm, .communitiesSearchForm{
|
|
| 105 |
background: linear-gradient(145deg, rgba(255,255,255,1) 0%, rgba(160,193,242,1) 100%);
|
|
| 104 |
.searchForm, .communitiesSearchForm {
|
|
| 105 |
background: linear-gradient(145deg, rgba(255, 255, 255, 1) 0%, rgba(160, 193, 242, 1) 100%);
|
|
| 106 | 106 |
} |
| 107 |
|
|
| 107 | 108 |
.generalSearchForm, |
| 108 | 109 |
.publicationsSearchForm, |
| 109 | 110 |
.projectsSearchForm, .projectsTableSearchForm, |
| ... | ... | |
| 111 | 112 |
.datasetsSearchForm, |
| 112 | 113 |
.softwareSearchForm, |
| 113 | 114 |
.orpsSearchForm, |
| 114 |
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
|
|
| 115 |
.journalsSearchForm, .journalsTableSearchForm,
|
|
| 115 |
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm, |
|
| 116 |
.journalsSearchForm, .journalsTableSearchForm, |
|
| 116 | 117 |
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
|
| 117 | 118 |
|
| 118 |
background: url('') !important;
|
|
| 119 |
background: url('') !important;
|
|
| 119 | 120 |
|
| 120 | 121 |
} |
| 121 | 122 |
|
| 122 |
.communityToolBar{
|
|
| 123 |
background-color:#dedede; |
|
| 123 |
.communityToolBar {
|
|
| 124 |
background-color: #dedede;
|
|
| 124 | 125 |
z-index: 10; |
| 125 | 126 |
} |
| 126 | 127 |
|
| ... | ... | |
| 128 | 129 |
opacity: 0; |
| 129 | 130 |
}*/ |
| 130 | 131 |
|
| 131 |
.communityToolBarSection{
|
|
| 132 |
.communityToolBarSection {
|
|
| 132 | 133 |
z-index: 10; |
| 133 | 134 |
} |
| 134 | 135 |
|
| 135 |
.iframeContainer{
|
|
| 136 |
.iframeContainer {
|
|
| 136 | 137 |
/*position:relative;*/ |
| 137 |
overflow:hidden; |
|
| 138 |
overflow: hidden;
|
|
| 138 | 139 |
/*padding-top:56.25%;*/ |
| 139 | 140 |
/*padding-bottom:35%;*/ |
| 140 | 141 |
|
| 141 | 142 |
} |
| 142 | 143 |
|
| 143 |
.iframeContainer iframe{
|
|
| 144 |
.iframeContainer iframe {
|
|
| 144 | 145 |
/*position: absolute;*/ |
| 145 | 146 |
/*top:0;*/ |
| 146 | 147 |
/*left:0;*/ |
| 147 |
width:100%; |
|
| 148 |
height:100%; |
|
| 149 |
border:0; |
|
| 148 |
width: 100%;
|
|
| 149 |
height: 100%;
|
|
| 150 |
border: 0;
|
|
| 150 | 151 |
} |
| 151 | 152 |
|
| 152 |
div:not(.connect_App) bottom .uk-totop{
|
|
| 153 |
background-color: transparent !important;
|
|
| 153 |
div:not(.connect_App) bottom .uk-totop {
|
|
| 154 |
background-color: transparent !important; |
|
| 154 | 155 |
} |
| 155 | 156 |
|
| 156 |
.communityPanelBackground .curator-photo{
|
|
| 157 |
border:rgba(255, 255, 255, 0.5) 8px solid;
|
|
| 157 |
.communityPanelBackground .curator-photo {
|
|
| 158 |
border: rgba(255, 255, 255, 0.5) 8px solid;
|
|
| 158 | 159 |
} |
| 159 | 160 |
|
| 160 |
.communityRecentResults .search-results > li:nth-child(2){
|
|
| 161 |
border-top: none !important;
|
|
| 161 |
.communityRecentResults .search-results > li:nth-child(2) {
|
|
| 162 |
border-top: none !important;
|
|
| 162 | 163 |
} |
| 164 |
|
|
| 163 | 165 |
.communityRecentResults .search-results > li:last-child {
|
| 164 |
border-bottom: none !important;
|
|
| 166 |
border-bottom: none !important; |
|
| 165 | 167 |
|
| 166 | 168 |
} |
| 167 | 169 |
|
| 168 |
.communityPanelBackground .uk-breadcrumb .active{
|
|
| 169 |
color:white;
|
|
| 170 |
.communityPanelBackground .uk-breadcrumb .active {
|
|
| 171 |
color: white;
|
|
| 170 | 172 |
} |
| 171 | 173 |
|
| 172 |
.uk-breadcrumb .active{
|
|
| 173 |
font-weight: bold;
|
|
| 174 |
.uk-breadcrumb .active {
|
|
| 175 |
font-weight: bold; |
|
| 174 | 176 |
} |
| 175 | 177 |
|
| 176 |
.communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground){
|
|
| 177 |
border-radius: 20px;
|
|
| 178 |
padding: 10px 20px;
|
|
| 178 |
.communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground) {
|
|
| 179 |
border-radius: 20px; |
|
| 180 |
padding: 10px 20px; |
|
| 179 | 181 |
} |
| 180 | 182 |
|
| 181 | 183 |
|
| 182 | 184 |
.communityPanelBackground .uk-grid-divider > :not(.uk-first-column)::before {
|
| 183 |
border-left: 1px solid rgba(255, 255, 255, .2);
|
|
| 185 |
border-left: 1px solid rgba(255, 255, 255, .2); |
|
| 184 | 186 |
} |
| 185 | 187 |
|
| 186 | 188 |
|
| 187 | 189 |
/* |
| 188 | 190 |
Impact Factor - ATHENA CODE */ |
| 189 |
#popularity-A{
|
|
| 190 |
color:red;
|
|
| 191 |
content: 'Test';
|
|
| 191 |
#popularity-A {
|
|
| 192 |
color: red;
|
|
| 193 |
content: 'Test'; |
|
| 192 | 194 |
} |
| 193 |
#popularity-B{
|
|
| 194 |
color:#eabd35; |
|
| 195 |
content: 'Test'; |
|
| 195 |
|
|
| 196 |
#popularity-B {
|
|
| 197 |
color: #eabd35; |
|
| 198 |
content: 'Test'; |
|
| 196 | 199 |
} |
| 197 | 200 |
|
| 198 |
#popularity-C{
|
|
| 199 |
color:grey;
|
|
| 200 |
content: 'Test';
|
|
| 201 |
#popularity-C {
|
|
| 202 |
color: grey;
|
|
| 203 |
content: 'Test'; |
|
| 201 | 204 |
} |
| 202 | 205 |
|
| 203 |
#influence-A{
|
|
| 204 |
color:red;
|
|
| 205 |
content: 'Test';
|
|
| 206 |
#influence-A {
|
|
| 207 |
color: red;
|
|
| 208 |
content: 'Test'; |
|
| 206 | 209 |
} |
| 207 |
#influence-B{
|
|
| 208 |
color:#eabd35; |
|
| 209 |
content: 'Test'; |
|
| 210 |
|
|
| 211 |
#influence-B {
|
|
| 212 |
color: #eabd35; |
|
| 213 |
content: 'Test'; |
|
| 210 | 214 |
} |
| 211 | 215 |
|
| 212 |
#influence-C{
|
|
| 213 |
color:grey;
|
|
| 214 |
content: 'Test';
|
|
| 216 |
#influence-C {
|
|
| 217 |
color: grey;
|
|
| 218 |
content: 'Test'; |
|
| 215 | 219 |
} |
| 220 |
|
|
| 216 | 221 |
.fa-university::before {
|
| 217 | 222 |
|
| 218 |
content: "\f19c";
|
|
| 223 |
content: "\f19c"; |
|
| 219 | 224 |
|
| 220 | 225 |
} |
| 226 |
|
|
| 221 | 227 |
.fa-fire::before {
|
| 222 | 228 |
|
| 223 |
content: "\f06d";
|
|
| 229 |
content: "\f06d"; |
|
| 224 | 230 |
|
| 225 | 231 |
} |
| 226 | 232 |
/* ATHENA CODE */ |
| ... | ... | |
| 229 | 235 |
padding-left: 20px; |
| 230 | 236 |
|
| 231 | 237 |
} |
| 238 |
|
|
| 239 |
.connectApp {
|
|
| 240 |
background-color: #FAFAFA !important; |
|
| 241 |
} |
|
| 242 |
|
|
| 243 |
.connectApp .color {
|
|
| 244 |
color: #292747 !important; |
|
| 245 |
} |
|
| 246 |
|
|
| 247 |
.connectApp .dashboard {
|
|
| 248 |
background: url("connect-assets/home/dashboard.png") no-repeat bottom;
|
|
| 249 |
min-height: 320px; |
|
| 250 |
} |
|
| 251 |
|
|
| 252 |
.connectApp .portal-button {
|
|
| 253 |
color: black !important; |
|
| 254 |
font-weight: 700; |
|
| 255 |
} |
|
| 256 |
|
|
| 257 |
.connectApp .uk-grid-divider>:not(.uk-first-column)::before {
|
|
| 258 |
border-left: 1px solid #DEDEDE; |
|
| 259 |
} |
|
Also available in: Unified diff
[Connect | Trunk]: Change paqes base on new mocks.