GRID3_dataUserGuide/custom.css at master · ciesin/GRID3_dataUserGuide · 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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119


/*-- scss:rules --*/


/*   Right-side TOC list hidden by Bootstrap collapse
   ========================================================= */

/* On desktop, always show the TOC list */
@media (min-width: 767px) {
  nav#TOC > ul.collapse {
    display: block !important;
  }

  nav#TOC .toc-actions > ul.collapse {
    display: block !important;
  }
}


/* Navigation bar */
.navbar {
  background-color: #b4a18b;
}


/* Page titles */
h1, h2{
  color: #5D6D7E;
}

h1 {
  font-weight: 700;
  border-bottom: 3px solid #a98b45;
  padding-bottom: 0.3em;
}

/* Subtitles */
.quarto-title p.subtitle {
  color: #5D6D7E;
  font-style: italic;
}

/* Section headers */
h2 {
  border-left: 4px solid #775931;
  padding-left: 0.5em;
  margin-top: 1.5rem;
}

/* Code blocks */
pre {
  border-left: 4px solid #2C3E50;
  background-color: #f9fafb;
}


/* footer */

/* ---------- Force footer visible and on top ---------- */
/* Broad selectors to catch Quarto/footer variants */
.q-footer,
.quarto-footer,
.site-footer,
footer,
.page-footer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  /* place normally in flow, but ensure no overlap */
  position: relative !important;
  z-index: 9999 !important;

  width: 100% !important;
  box-sizing: border-box !important;
  padding: 1.25rem 1rem !important;
  margin-top: 2rem !important;
  background: transparent !important;
  color: inherit !important;
}

/* Make links legible */
.q-footer a,
.site-footer a,
footer a,
.quarto-footer a {
  color: inherit !important;
  text-decoration: underline !important;
}

/* ---------- Ensure page content doesn't get covered by fixed sidebars/navbars ---------- */
/* If your site has a fixed/docked sidebar or a fixed navbar, give the page bottom padding */
body > .page, /* common Quarto page wrapper */
body > .site,
.main,
#main,
.content {
  /* increase bottom padding so footer can appear below fixed elements */
  padding-bottom: 6rem !important;
}

/* If your theme uses a fixed sidebar with class .sidebar (or nav#sidebar), ensure it doesn't overlap */
.sidebar,
nav.sidebar,
#sidebar,
.sidebar-wrapper {
  z-index: 10; /* keep sidebar below the footer z-index */
}

/* Optional: styling for the footer */
.site-footer {
  border-top: 1px solid rgba(0,0,0,0.08) !important;
  text-align: center !important;
  font-size: 0.95rem !important;
}