Revision 59539
Added by Konstantina Galouni over 3 years ago
| about.component.css | ||
|---|---|---|
| 1 |
.firstBackground {
|
|
| 2 |
background-image: url("/assets/graph-assets/backgrounds/blue_circle.svg"), url("/assets/graph-assets/backgrounds/pink_dots.svg");
|
|
| 3 |
background-size: auto; |
|
| 4 |
background-repeat: no-repeat; |
|
| 5 |
background-position: 104% 23%, 108% 41%; |
|
| 1 |
@media only screen and (min-width: 960px) {
|
|
| 2 |
.firstBackground {
|
|
| 3 |
background-image: url("/assets/graph-assets/backgrounds/blue_circle.svg"), url("/assets/graph-assets/backgrounds/pink_dots.svg");
|
|
| 4 |
background-size: auto; |
|
| 5 |
background-repeat: no-repeat; |
|
| 6 |
background-position: 104% 23%, 108% 41%; |
|
| 7 |
} |
|
| 6 | 8 |
} |
| 7 | 9 |
|
| 8 | 10 |
.marker-gif {
|
| ... | ... | |
| 35 | 37 |
text-align: left; |
| 36 | 38 |
font: normal normal bold 16px/21px Roboto !important; |
| 37 | 39 |
letter-spacing: 0; |
| 40 |
padding: 10px 0 0 0; |
|
| 41 |
text-transform: capitalize; |
|
| 42 |
|
|
| 43 |
color: #1A1A1A !important; |
|
| 44 |
opacity: 0.5; |
|
| 45 |
font-weight: 300 !important; |
|
| 46 |
} |
|
| 47 |
|
|
| 48 |
.uk-tab > li > a {
|
|
| 49 |
border: none; |
|
| 50 |
} |
|
| 51 |
|
|
| 52 |
.uk-tab > li:hover:not(.uk-active) > a {
|
|
| 38 | 53 |
color: #4687e6 !important; |
| 39 |
text-transform: capitalize; |
|
| 40 | 54 |
opacity: 1; |
| 41 |
padding: 10px 0 0 0; |
|
| 42 | 55 |
} |
| 43 | 56 |
|
| 44 |
.uk-tab > .uk-active > a {
|
|
| 45 |
border-color: #4687e6 !important; |
|
| 57 |
.uk-tab > li.uk-active > a {
|
|
| 58 |
color: #4687e6 !important; |
|
| 59 |
opacity: 1; |
|
| 60 |
font-weight: bold !important; |
|
| 46 | 61 |
} |
| 47 | 62 |
|
| 63 |
.uk-tab > li.uk-active > a {
|
|
| 64 |
border-bottom: 3px solid #4687e6 !important; |
|
| 65 |
} |
|
| 66 |
|
|
| 48 | 67 |
.button-tab > li > a {
|
| 49 | 68 |
padding: 2px 15px; |
| 50 | 69 |
line-height: 25px; |
| 51 | 70 |
border-radius: 500px; |
| 52 | 71 |
font-family: Roboto; |
| 53 |
font-size: 16px;
|
|
| 72 |
font-size: 13px;
|
|
| 54 | 73 |
text-transform: capitalize; |
| 55 | 74 |
|
| 56 | 75 |
color: #1a1a1a; |
| ... | ... | |
| 70 | 89 |
opacity: 1; |
| 71 | 90 |
} |
| 72 | 91 |
|
| 92 |
.tab-image {
|
|
| 93 |
max-height: 400px; |
|
| 94 |
/*width: auto;*/ |
|
| 95 |
} |
|
| 96 |
|
|
| 73 | 97 |
.architecture-image {
|
| 74 | 98 |
align-self: start; |
| 75 | 99 |
} |
| 76 | 100 |
|
| 77 |
/*.block-ellipsis {*/
|
|
| 78 |
/* display: -webkit-box;*/ |
|
| 79 |
/* !* autoprefixer: ignore next *!*/ |
|
| 80 |
/* -webkit-box-orient: vertical;*/ |
|
| 81 |
/* overflow: hidden;*/ |
|
| 82 |
/* text-overflow: ellipsis;*/ |
|
| 83 |
/* -webkit-line-clamp: 3;*/ |
|
| 84 |
/*}*/ |
|
| 101 |
.uk-align-right\@m .uk-list>li::before, .uk-align-right\@m .uk-list>li::after {
|
|
| 102 |
display: inline; |
|
| 103 |
} |
|
Also available in: Unified diff
[Trunk | Graph]:
1. app.component.ts: Remove submenu (fragment items) for Support.
2. about.component.css & about.component.html: Fixes in UI | Not selected tabs are gray | [Bug fix] Architecture image is always uk-width-4-5 (gifs were loosing their proper position).