[Library|Trunk]

common - assets:
	Update with new css 


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@56675 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki 2019-07-22 14:03:13 +00:00
parent 5bc8320fc4
commit 919528ef98
3 changed files with 693 additions and 585 deletions

View File

@ -19,7 +19,13 @@
border-width:0px!important;
border:0px!important;
}
body { font-family: 'Open Sans', sans-serif !important;}
body { font-family: 'Open Sans', sans-serif !important; font-size:1.1em;}
.uk-text-meta {font-family: 'Open Sans', sans-serif !important; font-size:95%; color: #7c7c7c!important; font-style:italic;}
.uk-card-primary h3, .uk-card-primary .uk-h3, .uk-card-primary .wk-h3 {
font-size: 22px;
line-height:26px;
}
.uk-card-border {border:2px #222080 solid; padding:20px}
/*
h1, .uk-h1, .wk-h1, h2, .uk-h2, .wk-h2, h3, .uk-h3, .wk-h2 {
font-family: 'Heebo', sans-serif !important;
@ -45,27 +51,41 @@ h4, .uk-h4, .wk-h4 {
h5, .uk-h5, .wk-h5 {
font-size:16px;
}
h6, .uk-h6, .wk-h6 {
font-size:14px;
}
*/
h6, .uk-h6, .wk-h6 {
font-size:16px;
}
/* contact enhanced */
.contact-position {font-size: 18px; }
.contact-dept-position {padding: 10px 0px 20px 0px!important;}
.field-label img { padding-right:10px!important;}
.contact-image {border-radius:50%!important;}
.control-group {clear:both!important;}
.ce_tag_section {font-size: 90%;}
.ce_tag a { padding: 0 15px;
line-height: 28px;
font-size: .875rem; border:#222080 1px solid; border-radius:500px; background-color:#fff; padding:5px 15px;
margin-right:5px; text-transform:uppercase;
}
.ce_tag a:hover {background:#222080; color:#fff;}
.wk-panel h3 {font-family: 'Heebo', sans-serif; }
.infocus .wk-panel{border-left: 1px solid rgba(255,255,255,0.7); padding-left:20px;}
.infocus h3, .infocus .uk-h3, .infocus .wk-h3 {
font-family:'Heebo';
font-size:18px!important;
font-family: 'Heebo', sans-serif;
font-size:20px!important;
font-weight:normal;
color:#fff!important;
}
.infocus a {color:#4687E6;}
.infocus p, .infocus div {font-size:14px!important; font-weight:400!important;}
.shownofilter .wk-subnav {display:none!important;}
.news h3, .news .wk-h3 {
color: #223CAA!important;
font-weight: 400!important;
}
.news .wk-panel-box, .news .wk-panel-header {
padding :20px 0px 30px 0px;
@ -89,18 +109,19 @@ margin-bottom:40px;
font-size:16px;
}
.wk-twitter-firstpage .wk-article-meta{
font-size:12px!important;
line-height:16px;
margin:0px;
font-size:13px!important;
line-height:24px;
margin:10px 0 10px 0;
color:#4687E6;
font-weight:700;
}
.wk-twitter-firstpage .wk-margin {
font-size:13px;
margin-top:10px;
margin-top:15px;
line-height:20px;
padding-bottom:10px;
border-bottom:1px #c5c5c5 solid;
margin-bottom:10px;
margin-bottom:15px;
}
.wk-twitter-firstpage .wk-h6 {
@ -114,9 +135,10 @@ margin-bottom:10px;
padding-top:10px;
margin-bottom:3px;
}
/* twitter sidebar on news item */
.tweet-news-item { margin-top:-40px;}
.wk-nav-side > li > a {
font-family: Roboto;
font-family: 'Heebo', sans-serif;
font-weight:300;
}
.img-fulltext-none {
@ -275,22 +297,13 @@ ol.big-numbers-list li::before {
content: counter(step-counter);
margin-right: 5px;
text-align: center;
font-size: 100%;
vertical-align: middle;
/*background-color: #192699;
border-radius: 2px;
*/
color: #192699;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border: 1px solid #192699;
/*
border: 1px solid #192699;
color: #192699;
border-radius: 12px;
*/
font-weight: normal;
padding: 2px 8px 4px 8px;
}
@ -305,7 +318,7 @@ ol.big-numbers-list li::before {
.image-front-topbar {margin-top:-0px;}
}
@media only screen and (min-width: 768px) {
.image-front-topbar {margin-top:-0px;}
.image-front-topbar {margin-top:-40px;}
}
@media only screen and (min-width: 992px) {
.image-front-topbar {margin-top:-80px;}
@ -368,7 +381,7 @@ padding-right:0px;
padding:5px 25px 5px 25px;
/*transition: background 0.2s;*/
/* display:inline-block;*/
font-family:Heebo!important;
font-family: 'Heebo', sans-serif!important;
font-weight:normal!important;
text-transform:uppercase!important;
font-size:13px!important;
@ -397,7 +410,7 @@ padding-right:0px;
-ms-transform: skew(-25deg);
-webkit-transform: skew(-25deg);
transform: skew(-25deg);
font-family:Roboto:900!important;
font-family: 'Heebo', sans-serif;
text-transform:uppercase!important;
font-size:13px!important;
opacity:1!important;
@ -497,8 +510,16 @@ background: #333;
z-index: 99;
}
*/
/* mobile menu */
.uk-heading-bullet .explore {
}
/* remove for yard theme */
.uk-navbar-dropdown-nav > li > a {
font-size:18px!important;
}
/*
.uk-navbar-dropdown-nav .uk-nav-divider {
border-top: 1px solid #eee;
@ -524,6 +545,7 @@ margin-bottom: 10px;
*/
.navbar .nav>li>.dropdown-menu, .uk-navbar-dropdown{
/* remove for yard theme */
/*
display: none;
@ -536,7 +558,6 @@ background: #fff;
border-radius: 2px;
box-shadow: 2px 15px 50px rgba(41, 44, 61, .1)
*/
}
.uk-navbar-dropdown-nav>li>a:focus, .uk-navbar-dropdown-nav>li>a:hover {
/*
@ -552,6 +573,7 @@ box-shadow: 2px 15px 50px rgba(41, 44, 61, .1)
font-weight:300;
padding:4px 0;
*/
}
.uk-nav li.emphasized_menu a,
.uk-navbar-dropdown-nav li.emphasized_menu a,
@ -575,7 +597,7 @@ box-shadow: 2px 15px 50px rgba(41, 44, 61, .1)
/*
.uk-navbar-nav>li>a, .uk-navbar-item, .uk-navbar-toggle, .navbar .brand, .navbar-search, .navbar .nav>li>a {
font-family: 'Roboto Slab', serif;
font-family: 'Heebo', sans-serif;
font-size: 16px;
line-height: 22px;
text-transform:none;
@ -988,8 +1010,8 @@ border-top: 1px solid #6c6c6c;
/*events*/
.calendar h3{text-transform:none; font-weight:300; margin-bottom:5px; margin-top:5px;}
.mod_events_latest_table td {
padding-top:5px;
padding-bottom:5px;
padding-top:8px;
padding-bottom:15px;
border-bottom: 1px solid #c5c5c5;
}
.mod_events_latest_table td p{
@ -1045,7 +1067,7 @@ border-top: 1px solid #6c6c6c;
.mod_events_latest_table td .hdr a{
font-family: 'Heebo', sans-serif;
font-size:15px!important;
line-height: 20px;
line-height: 16px;
font-weight:800!important;
color: #222080!important;
text-transform:uppercase;
@ -1067,10 +1089,10 @@ border-top: 1px solid #6c6c6c;
.mod_events_latest_callink a {
background:0!important;
padding-top:20px;
font-size: 13px;
font-weight: bold;
line-height: 18px;
text-decoration: underline;
line-height: 24px;
font-weight:normal;
font-size:18px;
font-family: 'Heebo', sans-serif!important;}
}
ul.event_legend_list {font-size:90%; opacity:0.8}
@ -1093,7 +1115,7 @@ font-family: 'Heebo', sans-serif;
margin-top: 0px;
margin-bottom: 8px;
}
.nspArt { border-bottom: 1px solid #c5c5c5;}
.nspArt { border-bottom: 1px solid #c5c5c5; margin-bottom: 10px;}
.nspArt p.nspText {margin-bottom:5px;}
.nspLinks ul li h4 {
@ -1113,14 +1135,49 @@ font-family: 'Heebo', sans-serif;
.readon-button{
background:0!important;
margin-top:20px;
font-size: 13px;
font-weight: bold;
line-height: 18px;
text-decoration: underline;
padding-top:20px;
line-height: 24px;
font-weight:normal;
font-size:18px;
font-family: 'Heebo', sans-serif!important;}
}
.readon-button:hover {
text-decoration: underline;
}
.acymailing_module_form td {padding-top:10px; text-align:left;}
.acymailing_module_form .g-recaptcha {
transform: scale(.67);
transform-origin: 0 0 0;
}
.acysubbuttons .btn {
background-color: transparent !important;
color: #fff !important;
border: 1px solid #fff;
border-radius: 500px !important ;
margin: 0px !important;
font-size:80%!important;
line-height: 18px;
}
.btn:hover{
color: rgba(255,255,255,0.7) !important;
border: 1px solid rgba(255,255,255,0.7);
}
.btn a {
color: #fff!important;
}
.past_newsletter a{
color: #fff!important;
font-family: 'Heebo', sans-serif!important;
font-size:18px!important;
line-height:22px!important;
}
.past_newsletter a:hover{
color: rgba(255,255,255,0.7)!important;
}
/*
.newsletter .uk-h2 {font-size:28px!important;}
.newsletter .uk-icon {
padding-left: 10px;
@ -1152,7 +1209,7 @@ border-radius: 2px;
margin: 0;
border: 0;
overflow: visible;
font-family: Roboto;
font-family: 'Heebo';
font-weight: normal;
color: inherit;
@ -1166,7 +1223,7 @@ text-decoration: none;
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-family: 'Heebo', sans-serif;
font-weight: normal;
text-transform: uppercase;
background-origin: border-box;
@ -1193,8 +1250,7 @@ font-size: 14px;
font-weight: 300;
color: rgba(255, 255, 255, 0.5)!important;
}
*/
/*login button */
#btl .btl-panel > span .btl-dropdown { border:3!important;}
@ -1212,14 +1268,15 @@ color: rgba(255, 255, 255, 0.5)!important;
display: inline-table!important;
text-transform:none!important;
font-size: 14px;
font-family: 'Roboto Slab', serif;
font-family: 'Heebo', sans-serif;
font-size: 16px;
line-height: 23px;
font-weight: 500 !important;
}
.loginLink {
text-transform:none!important;
color: rgba(0, 0, 0, 0.8)!important;
text-transform:uppercase;
color: #1a1a1a;
font-weight: 700;
}
#btl-panel-login >span {
@ -1231,50 +1288,51 @@ color: rgba(0, 0, 0, 0.8)!important;
#btl .btl-panel > #btl-panel-profile {
color: #040067!important;
font-size: 13px !important;
font-family: Roboto;
font-family: 'Heebo', sans-serif;
display: flex!important;
justify-content: center;
align-items: center;
box-sizing: border-box;
min-height: 100px;
padding: 0 20px;
}
.btl-content-block .uk-nav-header {
color:#fff;
font-weight:600;
}
.btl-content-block {
-webkit-font-smoothing: antialiased;
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(255, 255, 255);
background-color: #222080;
background-image: none;
background-origin: padding-box;
background-size: auto;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
box-shadow: rgba(41, 44, 61, 0.0980392) 2px 15px 50px 0px;
box-sizing: border-box;
color: rgb(79, 82, 96);
display: none;
height: auto;
margin-top: 0px;
padding-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
position: absolute;
text-align: left;
text-rendering: optimizeLegibility;
border-color:#222080!important;
box-shadow:none!important;
border-radius:0!important;
margin-top:15px;
}
#btl-content #btl-content-profile #module-in-profile ul li img,
#btl-content #btl-content-profile #module-in-profile ul li a {padding-right: 5px!important;}
#btl-content #btl-content-profile #module-in-profile ul li a {
-webkit-font-smoothing: antialiased;
-webkit-text-decoration-skip: objects;
/*background-color: rgba(0, 0, 0, 0);*/
box-sizing: border-box;
color: rgb(41, 44, 61);
background:#222080;
color: rgba(255,255,255,.7);
cursor: pointer;
display: block;
font-family: Roboto;
font-family: 'Heebo';
font-size: 14px;
font-weight: 300;
font-weight: 400;
height: auto;
line-height: 20px;
list-style-image: none;
@ -1286,29 +1344,17 @@ padding-right: 0px;
padding-top: 6px;
text-align: left;
text-decoration: none;
text-rendering: optimizeLegibility;
width: auto;
}
#module-in-profile ul li a:hover {
color: #128DD5 !important;
color: #fff !important;
}
/* Blogs */
.blogs .wk-article-meta {font-size:90%!important;}
.blogs .wk-article-meta time{color:#222080;font-weight:bold;}
#eb .eb-mod-media-title{
font-weight: normal!important;
font-size: 14px;
line-height: 18px;
}
#eb .mod-item + .mod-item {
margin-top: 5px;
padding-top: 8px;
}
#eb .mod-small, .blogs .mod-small {
font-size: 80%;
}
.blogs .eb-mod-title {
font-weight: normal!important;
font-size: 14px;
@ -1318,7 +1364,6 @@ font-weight: normal!important;
.blogs .mod-item {
margin-top:0;
padding-bottom:5px;
/*border-bottom: 1px solid #e1e1e1;*/
}
.blogs .mod-muted {
color:#888;
@ -1326,6 +1371,20 @@ padding-bottom:5px;
.blogs .mod-cell {
text-align:left!important;
}
.mod_easybloglatestblogs .eb-avatar img{
border-radius: 50%;
width: 35px!important;
min-width:35px;
height:35px!important;
min-height:35px;
margin-right:5px;
margin-top:5px;
}
.mod_easybloglatestblogs .col-cell {
display: table-cell;
vertical-align:top;
}
/* Stakeholders */
.photo-container {
width: 120px;
@ -1349,16 +1408,8 @@ background-size: cover;
transition-duration: .3s;
transition-timing-function: ease-out;
transition-property: opacity,transform,filter;
display: block;
/*
width: 120px;
height: 98px;
text-decoration: none;
cursor: pointer;
overflow: hidden;
text-indent: 100%;
white-space:nowrap;*/
}
.photo:hover {
-webkit-transform: scale(1.1);
@ -1369,17 +1420,16 @@ background-size: cover;
/*FAQs*/
.searchifaq label {
font-family: Roboto, sans-serif;
font-family: 'Heebo', sans-serif;
font-weight:500;
font-size:16px;
color: #040067;
}
.btn,
.buttonifaq{
margin-top:10px;
background-color: #fff;
color: #5b5b5b;
box-shadow: 0 3px 12px rgba(0,0,0,0.07);
display: inline-block;
border:none;
box-sizing: border-box;
@ -1387,30 +1437,49 @@ background-color: #fff;
vertical-align: middle;
font-size: 13px;
line-height: 40px;
border-radius: 2px;
argin: 0;
border: none;
overflow: visible;
font: inherit;
font-size: inherit;
line-height: inherit;
font-family: inherit;
color: inherit;
display: inline-block;
box-sizing: border-box;
padding: 0 25px;
vertical-align: middle;
font-size: 14px;
line-height: 38px;
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;
transition-property: all;
transition-property: color,background-color,background-position,border-color,box-shadow;
font-family: 'Open Sans';
text-transform: none;
letter-spacing: 0;
border-radius: 500px;
background-origin: border-box;
background-color: #222080;
color: #fff;
border: 1px solid transparent;
}
.buttonifaq:hover{ background-color: #fff;
color: #00a0de;
color: #222080;
box-shadow: 0 6px 50px rgba(0,0,0,0.05);
}
.btn a {
.buttonifaq a {
color: #fff!important;
}
.ifaq h5.ifaq-item-header {
margin-bottom:10px;
margin-top:10px;
margin-bottom:5px;
margin-top:5px;
font-size:14px!important;
}
.ifaq-tpl-clean_blue_arrow .collapse-open .ifaq-item-header {
font-weight:normal;
}
@ -1472,6 +1541,8 @@ background-repeat: no-repeat;
background-position: 98% 50%;
}
.yoo-zoo h3, .yoo-zoo .uk-h3 {font-family: 'Heebo', sans-serif; font-weight:400;}
/*widget accordion */
.wk-accordion, .wk-text-left {display:block!important;}
@ -1481,13 +1552,22 @@ background-position: 98% 50%;
font-weight: 400;
font-size:16px;
}
/*advisory board widgetkit */
.ab-space .wk-grid.wk-margin-large {margin-top:40px!important; margin-bottom:40px!important;}
/* BLOG module */
.frontendblog .uk-card-default {background:0;}
.frontendblog .uk-card-title {font-size:18px;}
.frontendblog .uk-card-default {background:0; box-shadow:none; padding-right:0; padding-left:0}
.frontendblog .uk-card-small .uk-card-body {padding: 10px 0px 20px 0px}
.frontendblog h3 {margin-top:15px;}
.frontendblog .uk-text-meta{color: #424242; font-size:13px; font-family: 'Heebo', sans-serif;}
.frontendblog .uk-text-meta a{color: #4687E6; }
.frontendblog .uk-text-meta .category{padding-right:8px;}
.frontendblog .uk-text-meta a:hover {color: #D53B23; }
.frontendblog .uk-card-title {font-family: 'Heebo', sans-serif; font-size:18px; font-weight:400;}
.frontendblog .uk-card-title a{color:#4E4E4E;}
.frontendblog .uk-card-title a:hover{color:#707070!important;}
.frontendblog .uk-card-media-top {background:white;}
.frontendblog .author, .frontendblog .date {color: #424242;font-size:13px; font-family: 'Heebo', sans-serif;}
/*tags */
@ -1558,21 +1638,7 @@ background:#fff!important;
padding-left:16px!important;
}
.li-disabled * {
color: #A9A9A9 !important;
}
.curator-photo{
border: gray 1px solid;
object-fit: cover;
width: 80px;
height: 80px;
}
.affiliation-card {
border: gray 1px solid;
}
.biography {
white-space: pre-wrap;
}

File diff suppressed because one or more lines are too long

View File

@ -181,35 +181,35 @@ h2 .custom-external {
.filterItem span {
display: inline-flex;
}
.filterItem .filterName {
max-width: 71%;
/*.filterItem span {*/
/*display: inline-flex;*/
/*}*/
/*.filterItem .filterName {*/
/*max-width: 71%;*/
}
.browseFilters .filterItem .filterName {
max-width: 68%;
}
/*}*/
/*.browseFilters .filterItem .filterName {*/
/*max-width: 68%;*/
/*}*/
.filterItem .filterNumber {
width: 20%;
}
.filterItem span {
/*.filterItem .filterNumber {*/
/*width: 20%;*/
/*}*/
/*.filterItem span {*/
white-space: nowrap;
}
.browseFilters .filterItem span div {
/*min-width: 45px;*/
}
.filterItem span div {
overflow: hidden;
text-overflow: ellipsis;
/*min-width: 81px;*/
}
.filterItem{
margin-bottom: 5px !important;
}
/*white-space: nowrap;*/
/*}*/
/*.browseFilters .filterItem span div {*/
/* !*min-width: 45px;*!*/
/*}*/
/*.filterItem span div {*/
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
/*!*min-width: 81px;*!*/
/*}*/
/*.filterItem{*/
/* margin-bottom: 5px !important;*/
/*}*/
.browseFilters{
overflow-y: auto;
@ -493,9 +493,9 @@ color: #414141}
/* body {
font-family: Raleway, Arial, sans-serif !important;
} */
html {
color: #444 !important;
}
/*html {*/
/* color: #444 !important;*/
/*}*/
h2, h4{
text-transform: none !important;
@ -617,11 +617,11 @@ dd:last-child {
/* h2, .uk-h2 {
font-size: 28px !important;
} */
body{
/* line-height: 1.4; */
Font-size:14px;
Color: #333;
}
/*body{*/
/* !* line-height: 1.4; *!*/
/* Font-size:14px;*/
/* Color: #333;*/
/*}*/
#footer\#8 .el-link {
@ -768,29 +768,36 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
.portal-color{
color: var(--portal-main-color) !important;
}
.portal-secondary-color{
color: var(--portal-dark-color) !important;
}
.portal-background-color{
background-color: var(--portal-main-color) !important;
color:var(--portal-main-contrast) !important;
}
.portal-button {
background-color: var(--portal-main-color) !important;
color:var(--portal-main-contrast) !important;
border: 1px solid var(--portal-main-color) !important;
background-image: none !important;
background-color: var(--portal-main-color);
color:var(--portal-main-contrast) ;
border: 1px solid var(--portal-main-color) ;
background-image: none ;
}
.portal-button:hover, .portal-button:active, .portal-button:focus {
background-color: transparent !important;
color:var(--portal-main-color) !important;
border: 1px solid var(--portal-main-color) !important;
background-image: none !important;
background-color: var(--portal-dark-color) ;
color:var(--portal-main-contrast) ;
border: 1px solid var(--portal-dark-color) ;
background-image: none ;
}
.portal-link {
color:var(--portal-main-color) !important;
text-decoration: underline !important;
font-weight: bold;
/*text-decoration: underline !important;*/
/*font-weight: bold;*/
}
.portal-link:hover {
color:var(--portal-dark-color) !important;
}
.portal-box{
background-color: var(--portal-main-color) !important;
@ -1039,7 +1046,10 @@ showTitle h2{
}
.portal-card a {
color: #fff !important;
text-decoration: underline;
/*text-decoration: underline;*/
}
.portal-card a:hover {
color:rgba(255,255,255,0.8) !important;
}
.portal-card-badge {
@ -1093,3 +1103,25 @@ textarea {
.cursor-default {
cursor: default;
}
.curator-photo {
border: gray 1px solid;
object-fit: cover;
width: 80px;
height: 80px;
}
.uk-navbar{
z-index: 9999;
}
@media only screen and (min-width: 992px) {
.image-front-topbar {margin-top:-136px;}
}
@media only screen and (min-width: 1200px) {
.image-front-topbar {margin-top:-136px;}
}
/*Adding shadow to the main menu dropdowns*/
.uk-navbar-dropdown{
box-shadow: 0 5px 12px rgba(0,0,0,.15);
}