[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:
parent
0ba45f038e
commit
2413c42bcc
|
@ -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>
|
[user]="user" [userMenuItems]=userMenuItems [menuItems]=menuItems [properties]=properties></navbar>
|
||||||
<div class="custom-main-content">
|
<div class="custom-main-content">
|
||||||
<main [class.full-height]="isHome">
|
<main>
|
||||||
<router-outlet></router-outlet>
|
<router-outlet></router-outlet>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|
122
src/styles.css
122
src/styles.css
|
@ -12,124 +12,30 @@
|
||||||
--portal-dark-color: #E63946;
|
--portal-dark-color: #E63946;
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-bar-background {
|
|
||||||
background-color: #F9FBFC;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
main {
|
||||||
background-color: #F9FBFC;
|
background-color: #FAFAFA;
|
||||||
color: #333333;
|
color: #1A1A1A;
|
||||||
min-height: calc(100vh - 100px);
|
min-height: calc(100vh - 100px);
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-family: Roboto, sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
line-height: 21px;
|
line-height: 30px;
|
||||||
letter-spacing: 0.48px;
|
letter-spacing: 0.16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
navbar > * {
|
navbar > * {
|
||||||
background-color: #F9FBFC;
|
background-color: #FAFAFA;
|
||||||
}
|
}
|
||||||
|
|
||||||
main.full-height {
|
.uk-text-large {
|
||||||
min-height: 100vh;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Order list */
|
.uk-text-small {
|
||||||
ol.light-blue {
|
font-size: 14px;
|
||||||
counter-reset: counter;
|
line-height: 20px;
|
||||||
list-style: none;
|
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*/
|
/* 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 {
|
ul.portal-circle {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding-left: 40px;
|
padding-left: 40px;
|
||||||
|
@ -144,10 +50,10 @@ ul.portal-circle li:before {
|
||||||
content: "";
|
content: "";
|
||||||
border: 5px var(--portal-main-color) solid !important;
|
border: 5px var(--portal-main-color) solid !important;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
line-height: 21px;
|
line-height: 30px;
|
||||||
margin-left: -20px;
|
margin-left: -20px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 4px;
|
top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
contact .uk-text-danger {
|
contact .uk-text-danger {
|
||||||
|
|
Loading…
Reference in New Issue