-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.css
95 lines (88 loc) · 1.75 KB
/
index.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
@import url(https://fonts.googleapis.com/css?family=Arimo:400,500,700);
/* CSS variables */
:root {
--nmdc-white: #ffffff;
--nmdc-black: #000000;
--nmdc-blue: #02aae7;
--nmdc-orange: #ee5338;
--nmdc-purple: #4f3b80;
--nmdc-light-gray: #f5f5f5;
--nmdc-light-blue: #edf9fd;
}
/* Font and page background */
.nmdc-body {
font-family: "Arimo", sans-serif;
background-color: var(--nmdc-blue);
background-image: url("./img/hero.webp");
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/* Custom colors */
.nmdc-white {
color: var(--nmdc-white);
}
.nmdc-black {
color: var(--nmdc-black);
}
.nmdc-blue {
color: var(--nmdc-blue);
}
.nmdc-orange {
color: var(--nmdc-orange);
}
.nmdc-purple {
color: var(--nmdc-purple);
}
.nmdc-light-gray {
color: var(--nmdc-light-gray);
}
.nmdc-light-blue {
color: var(--nmdc-light-blue);
}
/* Custom background colors */
.nmdc-white-bg {
background-color: var(--nmdc-white);
}
.nmdc-light-gray-bg {
background-color: var(--nmdc-light-gray);
}
.nmdc-light-blue-bg {
background-color: var(--nmdc-light-blue);
}
/* Logo */
.nmdc-logo {
height: 55px;
width: 163.656;
}
.nmdc-logo-mark {
height: 55px;
margin-right: 10px;
}
.nmdc-logo-text {
height: 50px;
}
/* Navbar */
.nmdc-navbar {
background-color: var(--nmdc-white);
}
/* Message */
#nmdc-message p {
color: var(--nmdc-black);
}
#nmdc-message a {
color: var(--nmdc-blue);
text-decoration: none;
}
#nmdc-message a:hover {
text-decoration: underline;
}
#nmdc-message *:last-child {
margin-bottom: 0px;
}
#nmdc-message blockquote {
padding: 16px;
border-radius: var(--bs-border-radius); /* uses a CSS variable defined by Bootstrap */
background: var(--nmdc-light-blue);
}