Skip to content

Commit 4f6193a

Browse files
Deployed a265893 with MkDocs version: 1.6.1
1 parent 4729ed3 commit 4f6193a

File tree

2 files changed

+100
-29
lines changed

2 files changed

+100
-29
lines changed

css/custom.css

Lines changed: 99 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
/* Global Styles */
22
body {
3-
font-family: 'Gotham', sans-serif; /* Custom Gotham font */
4-
color: #091f40; /* Navy Blue for text */
5-
background-color: #ffffff; /* White background */
3+
font-family: 'Roboto', sans-serif;
4+
color: #091f40;
5+
background-color: #ffffff;
66
margin: 0;
77
padding: 0;
88
line-height: 1.6;
99
}
1010

1111
/* Header */
1212
header {
13-
background-color: #091f40; /* Navy Blue background */
14-
color: #ffffff; /* White text */
13+
background-color: #091f40;
14+
color: #ffffff;
1515
padding: 20px;
1616
text-align: center;
1717
}
@@ -21,8 +21,8 @@ header {
2121
display: inline-block;
2222
width: 150px;
2323
height: 150px;
24-
background-color: #ffffff; /* White background for logo */
25-
border-radius: 50%; /* Circle logo container */
24+
background-color: #ffffff;
25+
border-radius: 50%;
2626
padding: 10px;
2727
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
2828
}
@@ -46,7 +46,7 @@ nav ul li {
4646
}
4747

4848
nav ul li a {
49-
color: #ffffff; /* White text for navigation links */
49+
color: #ffffff;
5050
font-weight: bold;
5151
text-decoration: none;
5252
}
@@ -64,31 +64,31 @@ main {
6464

6565
/* Headlines */
6666
h1, h2, h3 {
67-
font-family: 'Gotham Bold', sans-serif; /* Bold headlines */
68-
color: #c5203e; /* Red for headlines */
67+
font-family: 'Gotham Bold', sans-serif;
68+
color: #c5203e;
6969
margin-bottom: 20px;
7070
}
7171

7272
/* Body Text */
7373
p {
7474
font-family: 'Gotham Book', sans-serif;
75-
font-weight: 400; /* Regular weight for body text */
76-
color: #091f40; /* Navy Blue for body text */
75+
font-weight: 400;
76+
color: #091f40;
7777
margin-bottom: 20px;
7878
}
7979

8080
/* Captions */
8181
.caption {
82-
font-family: 'Gotham Book Italic', sans-serif; /* Italic for captions */
82+
font-family: 'Gotham Book Italic', sans-serif;
8383
font-style: italic;
84-
color: #091f40; /* Navy Blue for captions */
84+
color: #091f40;
8585
margin-bottom: 10px;
8686
}
8787

8888
/* Buttons */
8989
.button {
90-
background-color: #c5203e; /* Red background for buttons */
91-
color: #ffffff; /* White text */
90+
background-color: #c5203e;
91+
color: #ffffff;
9292
padding: 12px 24px;
9393
border-radius: 8px;
9494
text-decoration: none;
@@ -98,11 +98,11 @@ p {
9898
}
9999

100100
.button:hover {
101-
background-color: #091f40; /* Navy Blue on hover */
102-
color: #ffffff; /* Keep white text */
101+
background-color: #091f40;
102+
color: #ffffff;
103103
}
104104

105-
/* Customize the sidebar */
105+
/* Sidebar Navigation Styles */
106106
.wy-nav-side {
107107
position: fixed;
108108
top: 0;
@@ -113,24 +113,95 @@ p {
113113
overflow-x: hidden;
114114
overflow-y: hidden;
115115
min-height: 100%;
116-
color: #ffffff; /* Change text color to white */
117-
background: #091f40; /* Navy blue background */
116+
color: #ffffff;
117+
background: #091f40;
118118
z-index: 200;
119119
}
120120

121-
/* Customize the sidebar links */
122-
.wy-nav-side ul li a {
123-
color: #ffffff; /* Change link text color to white */
121+
/* Sidebar Menu Structure */
122+
.wy-menu-vertical li {
123+
margin: 0;
124+
padding: 0;
125+
}
126+
127+
.wy-menu-vertical li a {
128+
padding: 8px 25px;
129+
color: #ffffff;
130+
line-height: 18px;
131+
}
132+
133+
/* Level 2+ items */
134+
.wy-menu-vertical li li a {
135+
padding: 8px 35px;
136+
}
137+
138+
/* Active/hover states */
139+
.wy-menu-vertical a:active,
140+
.wy-menu-vertical li a:hover {
141+
background-color: #c5203e;
142+
color: #ffffff;
143+
}
144+
145+
.wy-menu-vertical li.current {
146+
background: #0a2550;
147+
}
148+
149+
.wy-menu-vertical li.current > a {
150+
border: none;
151+
background: #0a2550;
152+
color: #ffffff;
124153
}
125154

126-
.wy-nav-side ul li a:hover {
127-
color: #c5203e; /* Change link color to red on hover */
155+
/* Remove extra spacing */
156+
.wy-menu-vertical li.toctree-l1 {
157+
margin-bottom: 0;
158+
}
159+
160+
/* Improve nested menu visibility */
161+
.wy-menu-vertical li.toctree-l2,
162+
.wy-menu-vertical li.toctree-l3,
163+
.wy-menu-vertical li.toctree-l4 {
164+
background: #0a2550;
165+
}
166+
167+
/* Add subtle border for separation */
168+
.wy-menu-vertical li.current ul {
169+
border-left: 2px solid #c5203e;
170+
}
171+
172+
/* Main content area adjustments */
173+
.wy-nav-content-wrap {
174+
margin-left: 300px;
175+
background: #ffffff;
176+
}
177+
178+
.wy-nav-content {
179+
padding: 1.618em 3.236em;
180+
height: 100%;
181+
max-width: 1200px;
182+
margin: auto;
128183
}
129184

130185
/* Footer */
131186
footer {
132-
background-color: #091f40; /* Navy Blue background */
133-
color: #ffffff; /* White text */
187+
background-color: #091f40;
188+
color: #ffffff;
134189
padding: 20px;
135190
text-align: center;
191+
}
192+
193+
/* Mobile Responsiveness */
194+
@media screen and (max-width: 768px) {
195+
.wy-nav-side {
196+
width: 250px;
197+
transform: translateX(-250px);
198+
}
199+
200+
.wy-nav-content-wrap {
201+
margin-left: 0;
202+
}
203+
204+
.wy-nav-side.shift {
205+
transform: translateX(0);
206+
}
136207
}

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -274,5 +274,5 @@ <h2 id="general-guidance-professional-development-guidelines">General Guidance:
274274

275275
<!--
276276
MkDocs version : 1.6.1
277-
Build Date UTC : 2024-11-10 21:48:19.393574+00:00
277+
Build Date UTC : 2024-11-10 21:52:13.116408+00:00
278278
-->

0 commit comments

Comments
 (0)