www.aboutcode.org/website/src/css/custom.css at f9ede0a466f2c810d958d994e6c917a783fe25e6 · aboutcode-org/www.aboutcode.org · GitHub

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
96
97
98
99
100
101
102
103
.navbar__brand {
    margin-right: 0px;
}

.navbar__logo {
    margin-right: 0;
}

.navbar__logo img {
    height: 32px;
    width: auto;
}

/* Consolidate navbar and sidebar CSS. */
.navbar--dark {
    --ifm-navbar-background-color: #2b3a5e;
}
/* navbar (full width) */
.navbar {
    background-color: #2b3a5e;
}
.navbar .navbar__link {
    color: #ffffff;
    font-weight: 400;
}
.navbar .navbar__link:hover,
.navbar .navbar__link--active {
    color: #ffffff !important;
    text-decoration: underline;
}

/* sidebar */
.theme-doc-sidebar-menu .menu__link {
    color: #000000;
}
[data-theme='dark'] .theme-doc-sidebar-menu .menu__link {
    color: #dadde1;
}

.theme-doc-sidebar-menu .menu__link:hover,
.theme-doc-sidebar-menu .menu__link--active {
    color: #3366cc;
}
[data-theme='dark'] .theme-doc-sidebar-menu .menu__link:hover,
[data-theme='dark'] .theme-doc-sidebar-menu .menu__link--active {
    color: #3366cc;
}

/* mobile nav menu */
@media (max-width: 996px) {
    .menu__link {
        color: #ffffff;
        background-color: #2b3a5e;
        font-weight: 400;
    }
    .menu__link:hover,
    .menu__link--active {
        color: #ffffff;
        text-decoration: underline;
        background-color: #2b3a5e;
    }

    /* sidebar */
    .theme-doc-sidebar-menu .menu__link {
        color: #ffffff;
    }
    .theme-doc-sidebar-menu .menu__link:hover,
    .theme-doc-sidebar-menu .menu__link--active {
        color: #ffffff;
    }
}

/* Remove opacity/transition -- makes the colors too dim. */
.footerLogoLink_BH7S {
    opacity: 1;
}

/* Remove the dots between items in the footer links list -- links: []. */
/* Nothing I tried has worked yet, except my cheat -- make the dots the same color as the footer background.  ;-). */
.footer__link-separator {
    color: #323846;
}

.footer__links {
    margin-bottom: 1rem;
    font-size: 14px;
}

.footer {
    background-color: #2b3a5e;
}

.footer__build {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    opacity: 0.55;
}

.footer__build a {
    color: inherit;
    border-bottom: 1px dotted currentColor;
    text-decoration: none;
}