Revision 58610
Added by Stefania Martziou almost 4 years ago
| os-observatory-custom.css | ||
|---|---|---|
| 1 | 1 |
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');
|
| 2 | 2 |
|
| 3 |
html {
|
|
| 4 |
color: #292929; |
|
| 5 |
} |
|
| 6 |
|
|
| 3 | 7 |
body {
|
| 4 | 8 |
font: 400 14px/19px 'Open Sans'; |
| 5 | 9 |
} |
| ... | ... | |
| 21 | 25 |
margin-right: auto; |
| 22 | 26 |
} |
| 23 | 27 |
|
| 28 |
.uk-navbar-nav > li > a, .uk-navbar-nav > li.uk-active > a {
|
|
| 29 |
font-size: 14px; |
|
| 30 |
font-weight: bold; |
|
| 31 |
letter-spacing: 0px; |
|
| 32 |
color: #000; |
|
| 33 |
} |
|
| 34 |
|
|
| 24 | 35 |
#sect-overview, #sect-tabs {
|
| 25 | 36 |
padding: 20px 0; |
| 26 | 37 |
} |
| 27 | 38 |
|
| 28 | 39 |
.greySection {
|
| 29 | 40 |
/*background-color: #F0F0F0;*/ |
| 30 |
background-color: #EBEBEC;
|
|
| 41 |
background-color: #F9FBFC;
|
|
| 31 | 42 |
} |
| 32 | 43 |
|
| 33 | 44 |
a {
|
| 34 |
color: #006e5f;
|
|
| 45 |
color: #EC4386;
|
|
| 35 | 46 |
} |
| 36 | 47 |
|
| 37 | 48 |
a:hover, a:focus, a:active {
|
| 38 |
color: #005549;
|
|
| 49 |
color: #CA4D9A;
|
|
| 39 | 50 |
} |
| 40 | 51 |
|
| 41 | 52 |
.mapContainer {
|
| ... | ... | |
| 53 | 64 |
|
| 54 | 65 |
.map {
|
| 55 | 66 |
/*height: 398px;*/ |
| 56 |
border: 1px solid #707070;
|
|
| 67 |
/*border: 1px solid #707070;*/
|
|
| 57 | 68 |
/*margin: 15px;*/ |
| 58 | 69 |
position: absolute; |
| 59 | 70 |
height: 88%; |
| ... | ... | |
| 71 | 82 |
display: inline-block; |
| 72 | 83 |
vertical-align: -1px; |
| 73 | 84 |
margin-right: 8px; |
| 85 |
border-radius: 50%; |
|
| 74 | 86 |
} |
| 75 | 87 |
|
| 76 | 88 |
.uk-nav-horizontal li {
|
| ... | ... | |
| 129 | 141 |
|
| 130 | 142 |
|
| 131 | 143 |
.infoBox {
|
| 132 |
font-weight: 300; |
|
| 133 |
font-size: 15px; |
|
| 144 |
/*font-weight: 300;*/ |
|
| 145 |
/*font-size: 15px;*/ |
|
| 146 |
|
|
| 147 |
background: #FFFFFF 0% 0% no-repeat padding-box; |
|
| 148 |
box-shadow: 0px 2px 6px #00000038; |
|
| 149 |
border-radius: 3px; |
|
| 150 |
opacity: 1; |
|
| 134 | 151 |
} |
| 135 | 152 |
|
| 136 | 153 |
.infoBox h3 {
|
| ... | ... | |
| 160 | 177 |
} |
| 161 | 178 |
|
| 162 | 179 |
.numbers .number {
|
| 163 |
font-size: 28px;
|
|
| 180 |
font-size: 16px;
|
|
| 164 | 181 |
} |
| 165 | 182 |
|
| 183 |
div.indicator {
|
|
| 184 |
display: flex; |
|
| 185 |
} |
|
| 186 |
|
|
| 187 |
div.indicator span {
|
|
| 188 |
padding-right: 10px; |
|
| 189 |
} |
|
| 190 |
|
|
| 191 |
.primary {
|
|
| 192 |
color: #EC4386; |
|
| 193 |
} |
|
| 194 |
|
|
| 195 |
.publications {
|
|
| 196 |
color: #F17AA9; |
|
| 197 |
} |
|
| 198 |
|
|
| 199 |
.datasets {
|
|
| 200 |
color: #A98BD4; |
|
| 201 |
} |
|
| 202 |
|
|
| 203 |
.repositories {
|
|
| 204 |
color: #708AA5; |
|
| 205 |
} |
|
| 206 |
|
|
| 207 |
.journals {
|
|
| 208 |
color: #FFCE4E; |
|
| 209 |
} |
|
| 210 |
|
|
| 211 |
.policies {
|
|
| 212 |
color: #639C66; |
|
| 213 |
} |
|
| 214 |
|
|
| 215 |
.indicatorCards {
|
|
| 216 |
font-size: 13px; |
|
| 217 |
} |
|
| 218 |
|
|
| 166 | 219 |
.indicatorCards .md-card {
|
| 167 | 220 |
box-shadow: 0px 2px 6px #00000038; |
| 221 |
border: 1px solid #E0E0E0; |
|
| 222 |
border-radius: 3px; |
|
| 168 | 223 |
} |
| 169 | 224 |
|
| 170 | 225 |
/********* Mock chart for country **********/ |
| ... | ... | |
| 199 | 254 |
/*!*padding: 10px 30px;*!*/ |
| 200 | 255 |
/*}*/ |
| 201 | 256 |
|
| 257 |
.md-btn {
|
|
| 258 |
border-radius: 23px; |
|
| 259 |
padding: 7px 25px; |
|
| 260 |
font: 500 14px / 31px 'Open Sans', sans-serif !important; |
|
| 261 |
} |
|
| 262 |
|
|
| 202 | 263 |
.md-btn-primary {
|
| 203 |
background: #019A85 0% 0% no-repeat padding-box;
|
|
| 264 |
background: #EC4386 0% 0% no-repeat padding-box;
|
|
| 204 | 265 |
box-shadow: 0px 3px 6px #00000029; |
| 205 |
border-radius: 26px;
|
|
| 266 |
border-radius: 23px;
|
|
| 206 | 267 |
opacity: 1; |
| 207 | 268 |
text-align: left; |
| 208 | 269 |
font: 14px/19px Open Sans; |
| ... | ... | |
| 214 | 275 |
} |
| 215 | 276 |
|
| 216 | 277 |
.md-btn-primary:hover, .md-btn-primary:focus, .md-btn-primary:active {
|
| 217 |
background: #006e5f 0% 0% no-repeat padding-box;
|
|
| 278 |
background: #CA4D9A 0% 0% no-repeat padding-box;
|
|
| 218 | 279 |
} |
| 219 | 280 |
|
| 220 | 281 |
.md-btn-secondary {
|
| 221 |
background: #034DA1 0% 0% no-repeat padding-box;
|
|
| 282 |
background: #CA4D9A 0% 0% no-repeat padding-box;
|
|
| 222 | 283 |
box-shadow: 0px 2px 6px #00000038; |
| 223 | 284 |
border-radius: 23px; |
| 224 | 285 |
opacity: 1; |
| ... | ... | |
| 241 | 302 |
} |
| 242 | 303 |
|
| 243 | 304 |
.uk-tab > li.uk-active > a {
|
| 244 |
border-bottom-color: #019A85;
|
|
| 305 |
border-bottom-color: #EC4386;
|
|
| 245 | 306 |
} |
| 246 | 307 |
|
| 308 |
.uk-tab > li > a:hover, .uk-tab > li > a:focus {
|
|
| 309 |
background: none; |
|
| 310 |
color: #212121; |
|
| 311 |
border-bottom-color: #CA4D9A; |
|
| 312 |
} |
|
| 313 |
|
|
| 247 | 314 |
#team_tabbed {
|
| 248 | 315 |
background: #FBFBFB 0% 0% no-repeat padding-box; |
| 249 | 316 |
border: 1px solid #E0E0E0; |
| ... | ... | |
| 271 | 338 |
|
| 272 | 339 |
.uk-subnav-pill > .uk-active > a {
|
| 273 | 340 |
/*background: #1F73F7;*/ |
| 274 |
background: #2A2D34;
|
|
| 341 |
background: #EC4386;
|
|
| 275 | 342 |
} |
| 276 | 343 |
|
| 277 | 344 |
.dataView.uk-subnav-pill > * > * {
|
| ... | ... | |
| 294 | 361 |
margin-top: -50px; |
| 295 | 362 |
} |
| 296 | 363 |
|
| 364 |
.actionButtons a, .actionButtonsCountryPage a {
|
|
| 365 |
color: #000000; |
|
| 366 |
} |
|
| 297 | 367 |
|
| 368 |
.actionButtons a i, .actionButtonsCountryPage a i {
|
|
| 369 |
color: #EC4386; |
|
| 370 |
} |
|
| 298 | 371 |
|
| 299 | 372 |
.md-card .md-card-toolbar {
|
| 300 |
height: 48px;
|
|
| 373 |
/*height: 48px;*/
|
|
| 301 | 374 |
} |
| 302 | 375 |
|
| 376 |
.infoBox.md-card .md-card-toolbar {
|
|
| 377 |
/*height: 48px;*/ |
|
| 378 |
background: transparent linear-gradient(115deg, #EC4386 0%, #C94D9B 100%) 0% 0% no-repeat padding-box; |
|
| 379 |
border-radius: 3px 3px 0px 0px; |
|
| 380 |
opacity: 1; |
|
| 381 |
padding: 16px 25px 0; |
|
| 382 |
color: #292929; |
|
| 383 |
} |
|
| 384 |
|
|
| 385 |
.infoBox.md-card .md-card-toolbar h3 {
|
|
| 386 |
color: #fff; |
|
| 387 |
font-size: 16px; |
|
| 388 |
} |
|
| 389 |
|
|
| 303 | 390 |
.md-card .md-card-toolbar .md-card-toolbar-actions {
|
| 304 | 391 |
padding-top: 15px; |
| 305 | 392 |
} |
| 306 | 393 |
|
| 394 |
.md-card .md-card-content {
|
|
| 395 |
padding: 20px; |
|
| 396 |
} |
|
| 397 |
|
|
| 307 | 398 |
/*.uk-table td {*/
|
| 308 | 399 |
/*border-bottom: 1px solid #e0e0e0;*/ |
| 309 | 400 |
/*}*/ |
| ... | ... | |
| 335 | 426 |
.tm-header .uk-logo {
|
| 336 | 427 |
position: relative; |
| 337 | 428 |
z-index: 1000 !important; |
| 338 |
padding-left: 100px;
|
|
| 429 |
/*padding-left: 100px;*/
|
|
| 339 | 430 |
} |
| 340 | 431 |
|
| 341 | 432 |
.uk-logo > img {
|
| ... | ... | |
| 493 | 584 |
} |
| 494 | 585 |
|
| 495 | 586 |
.progress {
|
| 496 |
margin-top: 3px; |
|
| 497 |
width: 85px; |
|
| 498 |
display: inline-block; |
|
| 587 |
/*margin-top: 3px;*/ |
|
| 588 |
/*width: 85px;*/ |
|
| 589 |
/*display: inline-block;*/ |
|
| 590 |
width: 50%; |
|
| 499 | 591 |
} |
| 500 | 592 |
|
| 501 | 593 |
.progress-bar {
|
| ... | ... | |
| 536 | 628 |
} |
| 537 | 629 |
|
| 538 | 630 |
.progress-bar-publications {
|
| 539 |
background-color: #19647E;
|
|
| 631 |
background-color: #F6C4D8;
|
|
| 540 | 632 |
background-image: none; |
| 541 | 633 |
} |
| 542 | 634 |
|
| 543 | 635 |
.progress-bar-datasets {
|
| 544 |
background-color: #019A85;
|
|
| 636 |
background-color: #D6CBEB;
|
|
| 545 | 637 |
background-image: none; |
| 546 | 638 |
} |
| 547 | 639 |
|
| 640 |
.progress-bar-repositories {
|
|
| 641 |
background-color: #ADD3E0; |
|
| 642 |
background-image: none; |
|
| 643 |
} |
|
| 644 |
|
|
| 645 |
.progress-bar-journals {
|
|
| 646 |
background-color: #FBE8B1; |
|
| 647 |
background-image: none; |
|
| 648 |
} |
|
| 649 |
|
|
| 650 |
|
|
| 548 | 651 |
.progress-bar-software {
|
| 549 | 652 |
background-color: #F88306; |
| 550 | 653 |
background-image: none; |
| ... | ... | |
| 554 | 657 |
background-color: #987CD6; |
| 555 | 658 |
background-image: none; |
| 556 | 659 |
} |
| 660 |
|
|
| 661 |
|
|
| 662 |
.uk-breadcrumb > :last-child > * {
|
|
| 663 |
color: #EC4386; |
|
| 664 |
} |
|
Also available in: Unified diff
New design for the current version of the open science observatory