MaDgIK
/
graph
13
0
Fork 0
Code Issues Pull Requests Projects Releases 2 Wiki Activity

[Graph | Trunk]: Change global backgorund and fonts, add logo on home 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-graph-portal/trunk@59510 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
Konstantinos Triantafyllou 2020-10-06 10:25:22 +00:00
parent 0ba45f038e
commit 2413c42bcc
2 changed files with 16 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/app.component.html
View File

@ -1,7 +1,7 @@
<navbar *ngIf= "showMenu" portal="usage-counts" [onlyTop]="false" [userMenu]="false" [showLogo]="!isHome"
<navbar *ngIf= "showMenu" portal="usage-counts" [onlyTop]="false" [userMenu]="false"
[user]="user" [userMenuItems]=userMenuItems [menuItems]=menuItems [properties]=properties></navbar>
<div class="custom-main-content">
<main [class.full-height]="isHome">
<main>
<router-outlet></router-outlet>
</main>
</div>

122
src/styles.css
View File

@ -12,124 +12,30 @@
--portal-dark-color: #E63946;
}
.top-bar-background {
background-color: #F9FBFC;
}
main {
background-color: #F9FBFC;
color: #333333;
background-color: #FAFAFA;
color: #1A1A1A;
min-height: calc(100vh - 100px);
font-size: 16px;
font-family: Roboto, sans-serif;
line-height: 21px;
letter-spacing: 0.48px;
font-family: "Open Sans", sans-serif;
line-height: 30px;
letter-spacing: 0.16px;
}
navbar > * {
background-color: #F9FBFC;
background-color: #FAFAFA;
}
main.full-height {
min-height: 100vh;
.uk-text-large {
font-size: 18px;
}
/* Order list */
ol.light-blue {
counter-reset: counter;
list-style: none;
.uk-text-small {
font-size: 14px;
line-height: 20px;
letter-spacing: 0;
}
ol.light-blue li {
margin: 0 0 20px 0;
counter-increment: counter;
position: relative;
}
ol.light-blue li::before {
content: counter(counter);
color: #4687E6;
font-size: 27px;
position: absolute;
--size: 22px;
left: calc(-1 * var(--size) - 10px);
line-height: var(--size);
width: var(--size);
height: var(--size);
top: 0;
text-align: center;
}
ol.openaire-list {
list-style: none;
counter-reset: counter;
padding-left: 0;
}
ol.openaire-list li {
counter-increment: counter;
}
ol.openaire-list li::before {
content: counter(counter) ". ";
color: #222080;
font-weight: bold;
}
/* Unordered list*/
ul.light-blue-circle {
list-style: none;
}
ul.light-blue-circle li {
margin: 0 0 20px 0;
position: relative;
}
ul.light-blue-circle.large li {
margin: 0 0 40px 0;
}
ul.light-blue-circle li:last-child {
margin: 0;
}
ul.light-blue-circle li:before {
content: "";
border: 10px #4687E6 solid !important;
border-radius: 50px;
line-height: 21px;
margin-left: -40px;
position: absolute;
}
ul.light-blue-triangle {
list-style: none;
}
ul.light-blue-triangle li {
margin: 0 0 20px 0;
position: relative;
}
ul.light-blue-triangle.large li {
margin: 0 0 50px 0;
}
ul.light-blue-triangle li:last-child {
margin: 0;
}
ul.light-blue-triangle li:before {
content: "";
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 15px solid #4687E6;
line-height: 21px;
margin-left: -40px;
position: absolute;
}
ul.portal-circle {
list-style: none;
padding-left: 40px;
@ -144,10 +50,10 @@ ul.portal-circle li:before {
content: "";
border: 5px var(--portal-main-color) solid !important;
border-radius: 50px;
line-height: 21px;
line-height: 30px;
margin-left: -20px;
position: absolute;
top: 4px;
top: 10px;
}
contact .uk-text-danger {