MaDgIK
/
explore-services
13
0
Fork 0
Code Issues Pull Requests Projects Releases 23 Wiki Activity

template changes in home | update css 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@50295 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki 2018-01-12 15:11:53 +00:00
parent 8d8b85ad6b
commit 82965faa51
12 changed files with 255 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
portal-4cli/src/app/home/home.component.html
View File

@ -1,9 +1,9 @@
<div class="image-front-topbar uk-section-default uk-position-relative" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light">
<div class="image-front-topbar uk-section-default uk-light" tm-header-transparent="light" tm-header-transparent-placeholder="">
<div <div
class="mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-top-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: 20"> class="mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-bottom-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: 20">
<div class="uk-position-cover" style="background-color: rgba(255, 255, 255, 0.37);"></div>
<div class="uk-width-1-1"> <div class="uk-width-1-1">
<div class="uk-position-relative"> <div class="uk-position-relative">
<div class="uk-container uk-margin-medium"> <div class="uk-container uk-margin-medium">
@ -11,7 +11,7 @@
<div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid=""> <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column"> <div class="uk-width-1-1@m uk-first-column">
<div data-id="page#4"> <div data-id="page#4">
<search-form placeholderText="Search in OpenAIRE information space" link=true></search-form> <search-form placeholderText="Search in OA scholarly works..." link=true></search-form>
</div> </div>
</div> </div>
</div> </div>
@ -19,39 +19,19 @@
<div class="uk-container uk-container-large uk-margin-medium explore-numbers"> <div class="uk-container uk-container-large uk-margin-medium explore-numbers">
<div class="search_box_bg uk-grid uk-grid-stack" uk-grid=""> <div class="search_box_bg uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column"> <div class="uk-width-1-1@m uk-first-column">
<div class="search_box_bg uk-margin-large uk-margin-remove-bottom uk-text-center uk-grid-match uk-child-width-1-2 uk-child-width-1-2@s uk-child-width-1-4@m uk-child-width-1-4@l uk-child-width-1-4@xl uk-grid-collapse uk-grid-divider uk-grid uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" uk-grid="" data-id="page#7" style=""> <h1 id="page#7" class="uk-margin uk-margin-remove-bottom uk-width-xxlarge uk-margin-auto uk-text-center uk-h2 uk-text-primary uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="font-weight: 600 !important;">
<div *ngIf="showPublications && publicationsSize" class="uk-first-column"> <span *ngIf="showPublications && publicationsSize" >{{publicationsSize.number}} {{publicationsSize.size}} publications - </span>
<div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style=""> <span *ngIf="showDatasets && datasetsSize">{{datasetsSize.number}} {{datasetsSize.size}} research data - </span>
<h2 class="el-title uk-margin uk-h2"> <span *ngIf="showDataProviders && datasourcesSize" >{{datasourcesSize.number}} {{datasourcesSize.size}} data sources - </span>
<span>{{publicationsSize.number}} {{publicationsSize.size}} publications</span> <span *ngIf="showProjects && fundersSize">{{fundersSize.number}} {{fundersSize.size}} funders</span>
6900 data sources - 15 funders
</h1>
<h2 *ngIf = "showPublications || showDatasets || showProjects || showDataProviders" id="page#8" class="uk-margin-medium uk-width-xlarge uk-margin-auto uk-text-center uk-h2 uk-text-primary uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="font-weight: normal !important;
color: #4E81A2 !important;">
... linked together
</h2> </h2>
</div>
</div>
<div *ngIf="showDatasets && datasetsSize">
<div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
<h2 class="el-title uk-margin uk-h2">
<span>{{datasetsSize.number}} {{datasetsSize.size}} research data</span>
</h2>
</div>
</div>
<div *ngIf="showDataProviders && datasourcesSize" >
<div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
<h2 class="el-title uk-margin uk-h2">
<span>{{datasourcesSize.number}} {{datasourcesSize.size}} data sources</span>
</h2>
</div>
</div>
<div *ngIf="showProjects && fundersSize">
<div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
<h2 class="el-title uk-margin uk-h2">
<span>{{fundersSize.number}} {{fundersSize.size}} funders</span>
</h2>
</div>
</div>
</div>
<div *ngIf = "showPublications || showDatasets || showProjects || showDataProviders" class="uk-text-large custom-uk-text-light uk-margin-large uk-margin-remove-bottom uk-text-center uk-text-lead uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
all linked together
</div> </div>
</div> </div>
</div> </div>
@ -59,14 +39,13 @@
</div> </div>
</div> </div>
</div> </div>
</div> <div class="uk-section-muted uk-section uk-section-small uk-flex uk-flex-middle" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-slide-top-medium&quot;,&quot;delay&quot;:false}" uk-height-viewport="offset-top: true" style="box-sizing: border-box; min-height: 100vh; height: 100vh;" style="background-color: #1F5A88 !important;">
<div class="uk-section-muted uk-section uk-section-small uk-flex uk-flex-middle" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-slide-top-medium&quot;,&quot;delay&quot;:false}" uk-height-viewport="offset-top: true" style="box-sizing: border-box; min-height: 100vh; height: 100vh;">
<div class="uk-width-1-1"> <div class="uk-width-1-1">
<div class="uk-container"> <div class="uk-container">
<div class="uk-margin-small uk-grid uk-grid-stack" uk-grid=""> <div class="uk-margin-small uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column"> <div class="uk-width-1-1@m uk-first-column">
<h6 id="page#12" class="uk-margin-large uk-margin-remove-bottom uk-text-center uk-h6 uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" style=""> <h6 id="page#12" class="uk-margin uk-text-center uk-h4 uk-text-muted uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" style="">
Learn more on OpenAIRE's discovery and sharing services Learn more on OpenAIRE discovery and sharing services
</h6> </h6>
<hr class="uk-width-small uk-margin-auto uk-divider-small uk-text-center uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" style=""> <hr class="uk-width-small uk-margin-auto uk-divider-small uk-text-center uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" style="">
</div> </div>
@ -137,6 +116,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="uk-section-default uk-section"> <div class="uk-section-default uk-section">
<div class="uk-container"> <div class="uk-container">
<div class="uk-grid-small uk-margin-medium uk-grid" uk-grid=""> <div class="uk-grid-small uk-margin-medium uk-grid" uk-grid="">
@ -204,7 +184,9 @@
</div> </div>
</div> </div>
<div class="uk-width-expand@m uk-grid-item-match"> <div class="uk-width-expand@m uk-grid-item-match">
<div class="uk-tile-secondary uk-tile uk-tile-xsmall">
<div class="uk-tile-secondary uk-tile uk-tile-xsmall" style="background-color: #4E81A2 !important;">
<h4 class="uk-margin-remove-top uk-h4"> <h4 class="uk-margin-remove-top uk-h4">
Our data policies Our data policies
</h4> </h4>
@ -212,25 +194,24 @@
<li class="el-item"> <li class="el-item">
<h3 class="el-title uk-h3 uk-margin-remove">Data acquisition</h3> <h3 class="el-title uk-h3 uk-margin-remove">Data acquisition</h3>
<div class="el-content"> <div class="el-content">
<a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">How we <a href="/www.cnn.com">How we retrieve data, how often, what processes it goes through (aggregating cleaning, trasnforming, inferring, de-duplicating), what are the quality checks&nbsp;along all&nbsp; data processing stages.</a>
retrieve data, how often, what processes it goes through (aggregating
cleaning, trasnforming, inferring, de-duplicating), what are the quality
checks&nbsp;along all&nbsp; data processing stages.</a>
</div> </div>
</li> </li>
<li class="el-item"> <li class="el-item">
<h3 class="el-title uk-h3 uk-margin-remove">Data usage</h3> <h3 class="el-title uk-h3 uk-margin-remove">Data usage</h3>
<div class="el-content"> <div class="el-content">
<a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Who is able to retrieve our data, what are the licences, what about specific SLAs.</a> <a href="/www.cnn.com">Who is able to retrieve our data, what are the licences, what about specific SLAs.</a>
</div> </div>
</li> </li>
</ul> </ul>
<div class="uk-margin uk-margin-remove-bottom uk-text-left"> <div class="uk-margin uk-margin-remove-bottom uk-text-left">
<a class="el-content uk-link-text" href="http://dl119.madgik.di.uoa.gr/www.cnn.com" target="_blank"> <a class="el-content uk-link-text" href="/www.cnn.com" target="_blank">
Learn more Learn more
</a> </a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -247,7 +228,7 @@
Join OpenAIRE, use our tools and make your content more visible around the world. Join OpenAIRE, use our tools and make your content more visible around the world.
</div> </div>
<div id="page#37" class=" uk-margin-medium uk-text-center uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style=""> <div id="page#37" class=" uk-margin-medium uk-text-center uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
<a class="providelink el-content uk-button uk-button-default uk-button-small" href="https://provide.openaire.eu" target="_blank"> <a class="providelink el-content uk-button uk-button-default uk-button-small" href="https://provide.openaire.eu" target="_blank" style="">
OpenAIRE.PROVIDE OpenAIRE.PROVIDE
</a> </a>
</div> </div>

2
portal-4cli/src/app/login/utils/helper.class.ts
View File

@ -70,7 +70,7 @@ export class Session{
if( typeof localStorage !== 'undefined') { if( typeof localStorage !== 'undefined') {
localStorage.setItem("user", JSON.stringify(user)); localStorage.setItem("user", JSON.stringify(user));
if(user && user.email){ if(user && user.email){
COOKIE.deleteCookie(COOKIE.cookieName_u); // delete cookie to avoid transfer through requests // COOKIE.deleteCookie(COOKIE.cookieName_u); // delete cookie to avoid transfer through requests
return user; return user;
}else{ }else{
return null; return null;

2
portal-4cli/src/app/searchPages/searchUtils/searchForm.component.ts
View File

@ -14,7 +14,7 @@ import {Router} from '@angular/router';
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg>
</span>Search </span>Search
</button> </button>
<button *ngIf="link" class=" uk-button uk-button-default" (click)="goTo()" type="submit" > <button *ngIf="link" class=" uk-button uk-button-primary" (click)="goTo()" type="submit" >
<span class="uk-icon"> <span class="uk-icon">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg>
</span>Search </span>Search

20
portal-4cli/src/app/services/searchDataproviders.service.ts
View File

@ -430,4 +430,24 @@ export class SearchDataprovidersService {
return '"'+word+'"'; return '"'+word+'"';
} }
*/ */
getDataprovidersTableResults (queryType:string):any {
let size: number = 0;
let url: string= OpenaireProperties.getSearchResourcesAPIURL();
if(queryType == "compatible"){
url += '?query=((oaftype exact datasource) not (datasourcecompatibilityid = UNKNOWN) not(datasourcecompatibilityid = notCompatible) not(datasourcetypeuiid = other) not(datasourcetypeuiid exact "pubsrepository::journal") not(datasourcetypeuiid exact "aggregator::pubsrepository::journals"))';
}else if(queryType=="registries"){
url += "?query=((oaftype exact datasource) and(datasourcetypeuiid = other))";
}else if(queryType=="journals"){
url += '?query=((oaftype exact datasource) not(datasourcecompatibilityid = UNKNOWN) not(datasourcecompatibilityid = notCompatible) and (datasourcetypeuiid exact "pubsrepository::journal" or datasourcetypeuiid exact "aggregator::pubsrepository::journals" ))';
}
url += "&page=0&size=0&format=json";
return this.http.get((OpenaireProperties.isCacheEnabled())? (OpenaireProperties.getCacheUrl()+encodeURIComponent(url)): url).map(res => <any> res.json())
.map(res => res['meta'].total);
}
} }

12
portal-4cli/src/app/utils/properties/openaireProperties.ts
View File

@ -1,5 +1,9 @@
export class OpenaireProperties { export class OpenaireProperties {
private static productionMode:boolean = false; private static productionMode:boolean = false;
private static enablePiwikTrack:boolean = false;
private static enableHelper:boolean = false;
private static useCache:boolean = true;
private static csvLimit: number = 2000; private static csvLimit: number = 2000;
private static pagingLimit: number = 20; private static pagingLimit: number = 20;
private static resultsPerPage: number = 10; private static resultsPerPage: number = 10;
@ -98,9 +102,10 @@ export class OpenaireProperties {
private static vocabulariesAPI ="https://beta.services.openaire.eu/provision/mvc/vocabularies/"; private static vocabulariesAPI ="https://beta.services.openaire.eu/provision/mvc/vocabularies/";
private static piwikBaseUrl =" https://analytics.openaire.eu/piwik.php?idsite=6"; private static piwikBaseUrl =" https://analytics.openaire.eu/piwik.php?idsite=6";
private static enablePiwikTrack:boolean = false;
private static loginUrl ="http://mpagasas.di.uoa.gr:8080/dnet-openaire-users-1.0.0-SNAPSHOT/openid_connect_login";
private static loginUrl ="http://rudie.di.uoa.gr:8080/dnet-openaire-users-1.0.0-SNAPSHOT/openid_connect_login";
//"http://mpagasas.di.uoa.gr:8080/dnet-openaire-users-1.0.0-SNAPSHOT/openid_connect_login";
private static loginUrl_pm ="https://beta.services.openaire.eu/uoa-user-management/openid_connect_login"; private static loginUrl_pm ="https://beta.services.openaire.eu/uoa-user-management/openid_connect_login";
private static logoutUrl ="https://aai.openminted.eu/proxy/saml2/idp/SingleLogoutService.php?ReturnTo="; private static logoutUrl ="https://aai.openminted.eu/proxy/saml2/idp/SingleLogoutService.php?ReturnTo=";
@ -117,12 +122,11 @@ export class OpenaireProperties {
private static feedbackmail ="openaire.test@gmail.com"; private static feedbackmail ="openaire.test@gmail.com";
private static helperPageUrl ="http://scoobydoo.di.uoa.gr:16000/api/page/route"; private static helperPageUrl ="http://scoobydoo.di.uoa.gr:16000/api/page/route";
private static enableHelper:boolean = false;
private static cache ="http://scoobydoo.di.uoa.gr:3000/get?url="; private static cache ="http://scoobydoo.di.uoa.gr:3000/get?url=";
private static cache_pm ="https://demo.openaire.eu/cache/get?url="; private static cache_pm ="https://demo.openaire.eu/cache/get?url=";
private static useCache:boolean = true;
public static getCsvLimit():number { public static getCsvLimit():number {
return this.csvLimit; return this.csvLimit;

144
portal-4cli/src/assets/common/custom.css
View File

@ -43,8 +43,8 @@ h3, .uk-h3, .wk-h3 {
/* support plain widgetkits */ /* support plain widgetkits */
.wk-h1{font-size:54px;line-height:1.2} .wk-h1{font-size:54px;line-height:1.2}
.wk-h3{font-size:22px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase} .wk-h3{font-size:22px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase}
.wk-h4{font-size:18px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase} .wk-h4{font-size:16px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase!important}
.wk-h5{font-size:13px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase} .wk-h5{font-size:14px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase}
.wk-h6{font-size:13px;line-height:1.4;font-family:'Open Sans';font-weight:300;text-transform:uppercase} .wk-h6{font-size:13px;line-height:1.4;font-family:'Open Sans';font-weight:300;text-transform:uppercase}
.img-fulltext-none { .img-fulltext-none {
text-align: center; text-align: center;
@ -107,14 +107,32 @@ h3, .uk-h3, .wk-h3 {
color: #767779; color: #767779;
color: rgb(108, 109, 116); color: rgb(108, 109, 116);
box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 15px; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 15px;
background: rgb(255, 255, 255); background: rgb(255, 255, 255)!important;
} }
.uk-button-default:focus, .uk-button-default:hover {color:#fff;} .uk-button-default:focus, .uk-button-default:hover {color:#fff;}
.btn-info, .btn-primary, .uk-button-primary { background: #3870DF; color:#fff;} .btn-info, .btn-primary, .uk-button-primary {
/*explore */
background-color:#EC4725!important;
/*provide*/
background: #17A6F6!important;
/*www*/
background: #3870DF!important;
color:#fff!important;
}
.btn-info:focus, .btn-info:hover, .btn-primary:focus, .btn-primary:hover, .btn-info:focus, .btn-info:hover, .btn-primary:focus, .btn-primary:hover,
.uk-button-primary:focus, .uk-button-primary:hover { .uk-button-primary:focus, .uk-button-primary:hover {
background: #223CAA; color:#fff;
/*explore */
background-color:#f25f30!important;
/*provide*/
background-color: #28beFF!important;
/*www*/
background: #223CAA!important;
color:#fff!important;
} }
a, .uk-link { a, .uk-link {
@ -124,17 +142,51 @@ a:hover, .uk-link:hover{
color: #D53B23; color: #D53B23;
} }
.uk-badge, .badge, a.badge { border-radius: 2px;} /*.uk-badge, .badge, a.badge { border-radius: 2px;}*/
.uk-button-secondary { .uk-button-secondary {
background-color: transparent; background-color: transparent;
color: #192699;
border: 1px solid #192699;
border-radius:0px; border-radius:0px;
/*explore */
border:1px solid #f25f30!important;
/*provide*/
border:1px solid #17A6F6!important;
/*www*/
color: #192699;
border: 1px solid #192699!important;
} }
.uk-button-secondary:hover { .uk-button-secondary:hover {
background-color: #192699;
color: #fff; /*explore */
border: 1px solid #192699; border:1px solid #f25f30!important;
background-color:#f25f30!important;
/*provide*/
border:1px solid #17A6F6!important;
background-color:#17A6F6!important;
/*www*/
color: #fff!important;
border: 1px solid #192699!important;
}
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover {
/*explore */
border:1px solid #f25f30!important;
background-color:#f9f9f9!important;
color:#f25f30!important;
/*provide*/
border:1px solid #17A6F6!important;
background-color:#f9f9f9!important;
color:#1B92F4!important;
/*www*/
border:1px solid #192699!important;
background-color:#f9f9f9!important;
color:#192699!important;
} }
ol.big-numbers-list{ ol.big-numbers-list{
margin-left: 0; margin-left: 0;
@ -188,7 +240,6 @@ ol.big-numbers-list li::before {
} }
.tm-toolbar { .tm-toolbar {
border-top: 5px solid #05007A;
position:relative; position:relative;
color: #fff; color: #fff;
padding-top: 0px; padding-top: 0px;
@ -197,7 +248,17 @@ background:rgba(255,255,255, 0.0);
z-index:10000; z-index:10000;
/*background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)), url(/images/toolbar_bg.png);*/ /*background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)), url(/images/toolbar_bg.png);*/
/*explore */
border-top: 5px solid #EC4725;
/*provide*/
border-top: 5px solid #28beFF;
/*www*/
border-top: 5px solid #05007A;
} }
.tm-toolbar .forimage { .tm-toolbar .forimage {
background:rgba(255,255,255, 0.4); background:rgba(255,255,255, 0.4);
} }
@ -216,8 +277,15 @@ background:rgba(255,255,255, 0.4);
} }
.inner { .inner {
left:0px; left:0px;
background-color: #05007A;
margin-top:-5px; margin-top:-5px;
/*explore*/
background-color: #EC4725;
/*provide*/
background-color: #28beFF;
/*www*/
background-color: #05007A;
} }
.tm-toolbar .uk-container { .tm-toolbar .uk-container {
padding-right:0px; padding-right:0px;
@ -226,12 +294,19 @@ padding-right:0px;
.tm-toolbar ul.uk-subnav.uk-subnav-line, .tm-toolbar ul.uk-subnav.uk-subnav-line,
.tm-toolbar ul.uk-subnav{ .tm-toolbar ul.uk-subnav{
margin-top:-10px; margin-top:-10px;
background-color: #05007A;
padding:10px 10px 0px 0px; padding:10px 10px 0px 0px;
-ms-transform: skew(25deg); -ms-transform: skew(25deg);
-webkit-transform: skew(25deg); -webkit-transform: skew(25deg);
transform: skew(25deg); transform: skew(25deg);
margin-right:10px; margin-right:10px;
/*explore*/
background-color: #EC4725;
/*provide*/
background-color: #28beFF;
/*www*/
background-color: #05007A;
} }
.tm-toolbar .uk-subnav-line li, .tm-toolbar .uk-subnav-line li,
@ -241,7 +316,7 @@ padding-right:0px;
/*transition: background 0.2s;*/ /*transition: background 0.2s;*/
/* display:inline-block;*/ /* display:inline-block;*/
font-family:Roboto!important; font-family:Roboto!important;
font-weight:900!important; font-weight:bold!important;
text-transform:uppercase!important; text-transform:uppercase!important;
font-size:12px!important; font-size:12px!important;
opacity:1!important; opacity:1!important;
@ -274,6 +349,8 @@ padding-right:0px;
font-size:13px!important; font-size:13px!important;
opacity:1!important; opacity:1!important;
color:#fff!important; color:#fff!important;
font-weight: 400;
} }
@ -281,9 +358,19 @@ padding-right:0px;
.tm-toolbar .uk-subnav li:hover { .tm-toolbar .uk-subnav li:hover {
color:#05007A!important; color:#05007A!important;
background:#fff; background:#fff;
background:#3870DF!important;
color: #efefef!important; color: #efefef!important;
display: block; display: block;
/*explore*/
background:#f25f30!important;
/*provide*/
background:#15A3FF!important;
background:#008ec5!important;
background:#17A6F6!important;
/*www*/
background:#3870DF!important;
background:#2C57D7!important;
} }
@ -291,8 +378,15 @@ padding-right:0px;
.tm-toolbar .uk-subnav .uk-active .home-hover li:hover, .tm-toolbar .uk-subnav .uk-active .home-hover li:hover,
li.uk-active.home-hover li.uk-active.home-hover
{ {
/*explore*/
background:#f25f30!important;
/*provide*/
background:#15A3FF!important;
background:#17A6F6!important;
/*www*/
background:#05007A!important; background:#05007A!important;
//rgb(5,0,122) background:#2C57D7!important;
} }
.tm-toolbar .uk-dotnav, .tm-toolbar .uk-subnav { .tm-toolbar .uk-dotnav, .tm-toolbar .uk-subnav {
@ -305,8 +399,18 @@ li.uk-active.home-hover
.tm-toolbar .uk-subnav li:hover a { .tm-toolbar .uk-subnav li:hover a {
display: block; display: block;
color:#05007A!important; color:#05007A!important;
background:#3870DF!important;
color: #efefef!important; color: #efefef!important;
/*explore*/
background:#f25f30!important;
/*provide*/
background:#15A3FF!important;
background:#17A6F6!important;
/*www*/
background:#3870DF!important;
background:#2C57D7!important;
} }
.tm-toolbar .uk-subnav a[title]:hover:after { .tm-toolbar .uk-subnav a[title]:hover:after {
@ -417,7 +521,7 @@ line-height:16px!important;
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a, .uk-overlay-primary .uk-navbar-nav>li>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a, .uk-offcanvas-bar .uk-navbar-nav>li>a, .tm-toolbar .uk-navbar-nav>li>a { .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a, .uk-overlay-primary .uk-navbar-nav>li>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a, .uk-offcanvas-bar .uk-navbar-nav>li>a, .tm-toolbar .uk-navbar-nav>li>a {
color:#292C3D;} color:#292C3D;}
.uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a .uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a {
color:#292C3D;} color:#292C3D;}
.uk-light .uk-navbar-nav>li>a::before, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a::before, .uk-light .uk-navbar-nav>li>a::before, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a::before,
@ -490,7 +594,7 @@ color: #128DD5;
.uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a { .uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a {
color: #128DD5!important; color: #128DD5!important;
} }
.uk-light a:hover, .uk-light .uk-link:hover, /*.uk-light a:hover, .uk-light .uk-link:hover, */
.uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover,

57
portal-4cli/src/assets/discover-custom.css
View File

@ -350,7 +350,9 @@ color: #414141}
border-bottom: none !important; border-bottom: none !important;
} }
.mainPageSearchForm{ .mainPageSearchForm{
background-image: url("./explore_1.jpg"); background-color: rgb(255, 255, 255); box-sizing: border-box; min-height: calc(100vh - 412.767px); background-image: url("./home.jpg"); background-color: rgb(255, 255, 255); box-sizing: border-box; min-height: calc(-122.283px + 100vh);
min-height: calc(-122.683px + 100vh);
height: calc(-122.683px + 100vh);
} }
.searchForm, .generalSearchForm{ .searchForm, .generalSearchForm{
@ -397,7 +399,7 @@ color: #414141}
} }
#feedback a { #feedback a {
background: #666; background: #666 !important;
border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;
box-shadow:none; box-shadow:none;
border: none!important; border: none!important;
@ -509,6 +511,29 @@ h2, .uk-h2{
svg #home{ svg #home{
fill: white !important; fill: white !important;
}
.tm-toolbar .uk-subnav-line li:hover,
.tm-toolbar .uk-subnav li:hover {
/*explore*/
background:#f25f30!important;
}
.tm-toolbar .uk-subnav-line .uk-active .home-hover li:hover,
.tm-toolbar .uk-subnav .uk-active .home-hover li:hover,
li.uk-active.home-hover
{
/*explore*/
background:#f25f30!important;
}
.tm-toolbar .uk-subnav-line li a:hover,
.tm-toolbar .uk-subnav li a:hover,
.tm-toolbar .uk-subnav-line li:hover a,
.tm-toolbar .uk-subnav li:hover a {
/*explore*/
background:#f25f30!important;
} }
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a{ .tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a{
display: block; display: block;
@ -556,24 +581,32 @@ h2, .uk-h2{
} }
.developlink{ .developlink{
text-transform: none !important; text-transform: none !important; font-weight: 400; color: #d13f96;
}
.developlink:hover {
background: #d13f96!important;
color:#fff!important; color:#fff!important;
background: #d13f96;
font-weight: 600;
} }
.providelink{ .providelink{
text-transform: none !important; text-transform: none !important; font-weight: 400; color: #28beff;
color: #fff !important; }
.providelink:hover {
background: #28beff!important; background: #28beff!important;
font-weight: 600; color:#fff!important;
} }
.connectlink{ .connectlink{
background-color: #ffc800 !important; font-weight: 400;
font-weight: 600; color: #ffc800 !important;
}
.connectlink:hover{
background: #ffc800!important;
color:#fff!important; color:#fff!important;
} }
.monitorlink{ .monitorlink{
background-color: #8bcc00 !important; font-weight: 400;
font-weight: 600; color: #68A704 !important;
}
.monitorlink:hover{
background: #68A704!important;
color:#fff!important; color:#fff!important;
} }

BIN
portal-4cli/src/assets/formImage.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 109 KiB

BIN
portal-4cli/src/assets/globe_tech.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 264 KiB

BIN
portal-4cli/src/assets/home.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 365 KiB

BIN
portal-4cli/src/assets/home.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 275 KiB

BIN
portal-4cli/src/assets/home2.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 261 KiB