add properly footer icons | update css

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@53454 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki 2018-10-15 10:45:29 +00:00
parent 78341d4b16
commit d205a15c32
4 changed files with 126 additions and 245 deletions

View File

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -60,6 +60,7 @@ h6, .uk-h6, .wk-h6 {
} }
.infocus a {color:#4687E6;} .infocus a {color:#4687E6;}
.shownofilter .wk-subnav {display:none!important;}
.news h3, .news .wk-h3 { .news h3, .news .wk-h3 {
color: #223CAA!important; color: #223CAA!important;
@ -87,6 +88,32 @@ margin-bottom:40px;
.wk-twitter-single { .wk-twitter-single {
font-size:16px; font-size:16px;
} }
.wk-twitter-firstpage .wk-article-meta{
font-size:12px!important;
line-height:16px;
margin:0px;
}
.wk-twitter-firstpage .wk-margin {
font-size:13px;
margin-top:10px;
line-height:20px;
padding-bottom:10px;
border-bottom:1px #c5c5c5 solid;
margin-bottom:10px;
}
.wk-twitter-firstpage .wk-h6 {
font-family: 'Heebo', sans-serif!important;
font-size:15px!important;
line-height: 20px!important;
font-weight:800!important;
color: #222080!important;
text-transform:uppercase!important;
padding-bottom:0;
padding-top:10px;
margin-bottom:3px;
}
.wk-nav-side > li > a { .wk-nav-side > li > a {
font-family: Roboto; font-family: Roboto;
@ -281,10 +308,10 @@ ol.big-numbers-list li::before {
.image-front-topbar {margin-top:-0px;} .image-front-topbar {margin-top:-0px;}
} }
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
.image-front-topbar {margin-top:-40px;} .image-front-topbar {margin-top:-80px;}
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
.image-front-topbar {margin-top:-40px;} .image-front-topbar {margin-top:-80px;}
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
@ -308,12 +335,12 @@ background:rgba(255,255,255, 0.4);
} }
.tm-header .uk-navbar-left {position:relative;z-index:9999!important;} .tm-header .uk-navbar-left {position:relative;z-index:9999!important;}
.tm-header .uk-logo { position:relative;z-index:1000!important;} .tm-header .uk-logo { position:relative;z-index:1000!important; padding-left:100px;}
.tm-header .uk-navbar-transparent{ .tm-header .uk-navbar-transparent{
padding-top:4px; padding-top:4px;
} }
.uk-logo > img {max-height:60px;} .uk-logo > img {max-height:80px;}
.inner { .inner {
left:0px; left:0px;
margin-top:-5px; margin-top:-5px;
@ -341,10 +368,10 @@ padding-right:0px;
padding:5px 25px 5px 25px; padding:5px 25px 5px 25px;
/*transition: background 0.2s;*/ /*transition: background 0.2s;*/
/* display:inline-block;*/ /* display:inline-block;*/
font-family:Roboto!important; font-family:Heebo!important;
font-weight:bold!important; font-weight:normal!important;
text-transform:uppercase!important; text-transform:uppercase!important;
font-size:12px!important; font-size:13px!important;
opacity:1!important; opacity:1!important;
display:inline-block; display:inline-block;
} }
@ -387,11 +414,16 @@ padding-right:0px;
background:#4687E6!important; background:#4687E6!important;
} }
.tm-toolbar .uk-subnav-line .uk-active .home-hover li:hover,
.tm-toolbar .uk-subnav-line .uk-active .home-hover,
.tm-toolbar .uk-active
{
.tm-toolbar .uk-subnav-line .uk-active .home-hover,
.tm-toolbar .uk-subnav .uk-active li,
.tm-toolbar .uk-subnav > .uk-active,
li.home-hover
{
background:#4687E6!important;
}
.item-1860, .item-1860 > * {
background:#4687E6!important; background:#4687E6!important;
} }
@ -839,11 +871,7 @@ letter-spacing: 0;
font-style: italic; font-style: italic;
} }
*/ */
/*
.uk-card-default .uk-card-title {
color: #292C3D !important;
}
*/
.uk-light .uk-text-meta, .uk-section-primary:not(.uk-preserve-color) .uk-text-meta, .uk-light .uk-text-meta, .uk-section-primary:not(.uk-preserve-color) .uk-text-meta,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,
.uk-card-primary.uk-card-body .uk-text-meta, .uk-card-primary>:not([class*='uk-card-media']) .uk-text-meta, .uk-card-primary.uk-card-body .uk-text-meta, .uk-card-primary>:not([class*='uk-card-media']) .uk-text-meta,
@ -945,51 +973,6 @@ outline: 0
font-size:120%; font-size:120%;
} }
.nspArt h4.nspHeader {
font-family: 'Open Sans', sans-serif !important;
font-weight: 400;
font-size: 16px;
margin: 0;
padding: 5px 0 5px 0;
}
.nspArt p, .nspArt ul, .nspArt ol, .nspArt dl, .nspArt pre, .nspArt address, .nspArt fieldset, .nspArt figure {
margin-top: 0px;
margin-bottom: 8px;
}
.nspArt p.nspText {margin-bottom:15px;}
.readon , .readon:link{
margin: 0;
border: 1px solid #eaeaea;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
display: inline-block;
box-sizing: border-box;
padding: 0 25px;
vertical-align: middle;
font-size: 13px;
line-height: 40px;
text-align: center;
text-decoration: none;
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
-webkit-transition-property: color, background-color, border-color, box-shadow;
transition-property: color, background-color, border-color, box-shadow;
font-family: Roboto;
font-weight: normal;
text-transform: uppercase;
border-radius: 2px;
background-color: #fff;
color: #5b5b5b;
box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.07);
}
.readon:hover{
background-color: #fff;
color: #00a0de;
box-shadow: 0 6px 50px rgba(0, 0, 0, 0.05);
}
.banner_text_white {font-weight: 300; font-size: 28px; color:white;} .banner_text_white {font-weight: 300; font-size: 28px; color:white;}
@ -1007,13 +990,15 @@ border-top: 1px solid #6c6c6c;
.mod_events_latest_table td { .mod_events_latest_table td {
padding-top:5px; padding-top:5px;
padding-bottom:5px; padding-bottom:5px;
border-bottom: 1px solid #c5c5c5;
} }
.mod_events_latest_table td p{ .mod_events_latest_table td p{
margin-bottom:10px; margin-bottom:0px;
margin-top:0px; margin-top:0px;
} }
.mod_events_latest_date { .mod_events_latest_date {
/*
width: 18%; width: 18%;
float: left; float: left;
position: relative; position: relative;
@ -1021,28 +1006,21 @@ border-top: 1px solid #6c6c6c;
font-size:12px!important; font-size:12px!important;
background: #C9C9C9; background: #C9C9C9;
font-weight:400; font-weight:400;
/*
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border: 1px solid #757575;
-moz-box-shadow: 0px 0px 3px #757575;
-webkit-box-shadow: 0px 0px 3px #757575;
box-shadow: 0px 0px 3px #757575;
*/
margin-right:8px; margin-right:8px;
margin-top:5px; margin-top:5px;
text-align:center; text-align:center;
padding:10px 0px; padding:10px 0px;
line-height:20px; line-height:20px;
*/
color: #4687E6;
font-weight: bold;
font-size: 13px!important;
line-height: 18px;
} }
.mod_events_latest_date .larger_font {
font-size:28px!important;
font-weight:700!important;}
.mod_events_latest_time { .mod_events_latest_time {
//float: left; //float: left;
/*
position: relative; position: relative;
width: 75%; width: 75%;
overflow:visible; overflow:visible;
@ -1052,117 +1030,80 @@ border-top: 1px solid #6c6c6c;
padding: 5px 0px; padding: 5px 0px;
margin-bottom: 8px; margin-bottom: 8px;
text-transform:none; text-transform:none;
*/
} }
.mod_events_latest_time { .mod_events_latest_time {
font-size:12px; font-size:13px;
line-height: 22px;
} }
.mod_events_latest_table td .content{ .mod_events_latest_table td .content{
font-size:12px!important; font-size:12px!important;
font-weight:300; font-weight:300;
text-transform:none; text-transform:none;
} }
.mod_events_latest_table td .hdr{ .mod_events_latest_table td .hdr,
font-size:16px!important; .mod_events_latest_table td .hdr a{
font-family: 'Heebo', sans-serif;
font-size:15px!important;
line-height: 20px; line-height: 20px;
font-weight:800!important;
color: #222080!important;
text-transform:uppercase;
padding-bottom:0;
}
.mod_events_latest_table td .location{
padding-top:0;
font-family: 'Open Sans', sans-serif;
font-size:13px!important;
line-height: 16px;
font-weight:normal!important; font-weight:normal!important;
color: #222080!important;
text-transform:none; text-transform:none;
} }
.mod_events_latest_rsslink a { .mod_events_latest_table td .hdr a:hover {color: #D53B23!important;}
color: #767779; .mod_events_latest_rsslink,
.mod_events_latest_rsslink a,
.mod_events_latest_callink,
.mod_events_latest_callink a {
background:0!important;
padding-top:20px;
font-size: 13px;
font-weight: bold;
line-height: 18px;
text-decoration: underline;
} }
.mod_events_latest_rsslink{
padding: 30;
line-height: 1.625;
background: 0;
color: #767779;
position: relative;
padding-right: 27px;
margin: 0;
border: 0;
overflow: visible;
font: inherit;
display: block;
box-sizing: border-box;
vertical-align: middle;
font-size: 13px;
display:inline-block;
text-decoration: none;
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
-webkit-transition-property: color, background-color, border-color, box-shadow;
transition-property: color, background-color, border-color, box-shadow;
font-family: Roboto;
font-weight: normal;
text-transform: uppercase;
border-radius: 2px;
background-origin: border-box;
}
.mod_events_latest_rsslink a:hover {
color: #00a0de;
}
.mod_events_latest_rsslink:hover::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2223%22%20height%3D%2211%22%20viewBox%3D%220%200%2023%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%2300a0de%22%20points%3D%2217%201%2022%205.5%2017%2010%20%22%3E%3C%2Fpolyline%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%2300a0de%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2222.4%22%20y2%3D%225.5%22%3E%3C%2Fline%3E%0A%3C%2Fsvg%3E");
background-position: 100% 50%;
}
.mod_events_latest_rsslink::before{
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 22px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2223%22%20height%3D%2211%22%20viewBox%3D%220%200%2023%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23767779%22%20points%3D%2217%201%2022%205.5%2017%2010%20%22%3E%3C%2Fpolyline%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23767779%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2222.4%22%20y2%3D%225.5%22%3E%3C%2Fline%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: calc(100% - 5px) 50%;
-webkit-transition: background-position .2s ease-out;
transition: background-position .2s ease-out;
}
.mod_events_latest_callink {
padding:0px;
margin:10px 0px;
/*background-color: #00a0de;*/
border: 1px solid #3773DB;
color: #3773DB;
display: inline-block;
box-sizing: border-box;
padding: 0 25px;
vertical-align: middle;
font-size: 13px;
line-height: 30px;
text-align: center;
text-decoration: none;
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
-webkit-transition-property: color, background-color, border-color, box-shadow;
transition-property: color, background-color, border-color, box-shadow;
font-family: Roboto;
font-weight: normal;
text-transform: uppercase;
/*border-radius: 2px;*/
background-origin: border-box;
}
.mod_events_latest_callink:hover {
/*background-color: #008ec5;*/
background-color: #3773DB;
color: #fff!important;
}
.mod_events_latest_callink a{
color: #3773DB;
}
.mod_events_latest_callink a:hover { color: #fff!important;}
ul.event_legend_list {font-size:90%; opacity:0.8} ul.event_legend_list {font-size:90%; opacity:0.8}
/* news pro */ /* news pro */
.nspArt h4.nspHeader, .nspArt h4.nspHeader a {
font-family: 'Heebo', sans-serif;
font-size:15px!important;
line-height: 20px;
font-weight:800!important;
color: #222080!important;
text-transform:uppercase;
padding-bottom:0;
}
.nspArt h4.nspHeader a:hover {color: #D53B23!important;}
.nspArt p, .nspArt ul, .nspArt ol, .nspArt dl, .nspArt pre, .nspArt address, .nspArt fieldset, .nspArt figure {
font-family: 'Open Sans', sans-serif;
font-size:13px!important;
line-height: 18px;
font-weight:normal!important;
margin-top: 0px;
margin-bottom: 8px;
}
.nspArt { border-bottom: 1px solid #c5c5c5;}
.nspArt p.nspText {margin-bottom:5px;}
.nspLinks ul li h4 { .nspLinks ul li h4 {
font-weight: 400; font-family: 'Heebo', sans-serif;
font-size: 20px; font-size:15px!important;
line-height: 24px; line-height: 20px;
font-weight:800!important;
color: #222080!important;
text-transform:uppercase;
padding-bottom:0;
} }
.nspLinks ul li p { .nspLinks ul li p {
text-transform:none; text-transform:none;
@ -1170,13 +1111,15 @@ line-height: 24px;
margin:0px; margin:0px;
} }
.readon-button{ .readon-button{
text-transform: none; background:0!important;
font-size: 14px; margin-top:20px;
line-height: 20px; font-size: 13px;
font-weight: 400; font-weight: bold;
font-family: 'Open Sans', sans-serif !important; line-height: 18px;
text-decoration: underline;
} }
.readon-button:hover { .readon-button:hover {
text-decoration: underline;
} }
.newsletter .uk-h2 {font-size:28px!important;} .newsletter .uk-h2 {font-size:28px!important;}
.newsletter .uk-icon { .newsletter .uk-icon {
@ -1421,24 +1364,7 @@ background-size: cover;
-webkit-transform: scale(1.1); -webkit-transform: scale(1.1);
transform: scale(1.1); transform: scale(1.1);
} }
.researcher-group {
background-image: url('/images/Are_you_a_New_Images/Researcher3.jpg');
}
.content-provider-group {
background-image: url('/images/Are_you_a_New_Images/Content-Provider3.jpg');
}
.funder-group {
background-image: url('/images/Are_you_a_New_Images/Funder3.jpg');
}
.research-community-group {
background-image: url('/images/Are_you_a_New_Images/Research-Community3.jpg');
}
.research-admin-group {
background-image: url('/images/Are_you_a_New_Images/Research-Manager3.jpg');
}
.innovator-group {
background-image: url('/images/Are_you_a_New_Images/Innovator3.jpg');
}
/*FAQs*/ /*FAQs*/
@ -1561,40 +1487,8 @@ background-position: 98% 50%;
.frontendblog .uk-card-title {font-size:18px;} .frontendblog .uk-card-title {font-size:18px;}
.frontendblog .uk-card-media-top {background:white;} .frontendblog .uk-card-media-top {background:white;}
/*
.frontendblog .uk-card {
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 2px;
color: #444;
}
.frontendblog .uk-card a {color:#2D72D6!important;}
.frontendblog .uk-card a:hover {
color: #D53B23!important;
}
*/
/* for DISCOVERY PORTAL */
.discoverHrd {background-color: #f25f30!important;}
.search_box_bg .uk-input, .search_box_bg .uk-input:focus {
background-color: rgba(255, 255, 255, 1.0)!important;
color: rgba(0, 0, 0, 1.0)!important;
}
.search_box_bg .uk-input::placeholder{
color: rgba(0, 0, 0, 0.6)!important;
}
.search_box_bg.uk-text-background{
background-color: rgba(255, 255, 255, 0.7)!important;
font-size:28px!important;
font-weight: 500;
}
.search_box_bg .uk-grid-divider>:not(.uk-first-column)::before {
border-left-color: rgba(255, 255, 255, 0.6)!important;
}
/*tags */ /*tags */
.uk-label-arrow{ .uk-label-arrow{
@ -1663,25 +1557,7 @@ background:#fff!important;
.menuhdr { .menuhdr {
padding-left:16px!important; padding-left:16px!important;
} }
.provide.uk-heading-bullet::before {
border-left-color:#28beff!important;
}
.uk-heading-bullet::before {
border-left: 3px solid #3773DB;
}
.monitor.uk-heading-bullet::before {
border-left-color:#8bcc00!important;
}
.connect.uk-heading-bullet::before {
border-left-color:#ffc800!important;
}
.develop.uk-heading-bullet::before {
border-left-color:#d13f96!important;
}
.explore.uk-heading-bullet::before {
border-left-color:#f25f30!important;
}

File diff suppressed because one or more lines are too long

View File

@ -896,6 +896,7 @@ showTitle h2{
background-color: var(--explore-portal-color); background-color: var(--explore-portal-color);
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
border-color: var(--explore-portal-color);
} }
.explore a:hover { .explore a:hover {
@ -915,6 +916,7 @@ showTitle h2{
background-color: var(--provide-portal-color); background-color: var(--provide-portal-color);
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
border-color: var(--provide-portal-color);
} }
.provide a:hover { .provide a:hover {
@ -935,6 +937,7 @@ showTitle h2{
background-color: var(--monitor-portal-color); background-color: var(--monitor-portal-color);
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
border-color: var(--monitor-portal-color) ;
} }
.monitor a:hover { .monitor a:hover {
@ -955,6 +958,7 @@ showTitle h2{
background-color: var(--connect-portal-color); background-color: var(--connect-portal-color);
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
border-color: var(--connect-portal-color) ;
} }
.connect a:hover { .connect a:hover {
@ -976,6 +980,7 @@ showTitle h2{
background-color: var(--develop-portal-color); background-color: var(--develop-portal-color);
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
border-color: var(--develop-portal-color) ;
} }
.develop a:hover { .develop a:hover {