1
1
/* Global Styles */
2
2
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 ;
6
6
margin : 0 ;
7
7
padding : 0 ;
8
8
line-height : 1.6 ;
9
9
}
10
10
11
11
/* Header */
12
12
header {
13
- background-color : # 091f40 ; /* Navy Blue background */
14
- color : # ffffff ; /* White text */
13
+ background-color : # 091f40 ;
14
+ color : # ffffff ;
15
15
padding : 20px ;
16
16
text-align : center;
17
17
}
@@ -21,8 +21,8 @@ header {
21
21
display : inline-block;
22
22
width : 150px ;
23
23
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% ;
26
26
padding : 10px ;
27
27
box-shadow : 0px 4px 6px rgba (0 , 0 , 0 , 0.1 );
28
28
}
@@ -46,7 +46,7 @@ nav ul li {
46
46
}
47
47
48
48
nav ul li a {
49
- color : # ffffff ; /* White text for navigation links */
49
+ color : # ffffff ;
50
50
font-weight : bold;
51
51
text-decoration : none;
52
52
}
@@ -64,31 +64,31 @@ main {
64
64
65
65
/* Headlines */
66
66
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 ;
69
69
margin-bottom : 20px ;
70
70
}
71
71
72
72
/* Body Text */
73
73
p {
74
74
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 ;
77
77
margin-bottom : 20px ;
78
78
}
79
79
80
80
/* Captions */
81
81
.caption {
82
- font-family : 'Gotham Book Italic' , sans-serif; /* Italic for captions */
82
+ font-family : 'Gotham Book Italic' , sans-serif;
83
83
font-style : italic;
84
- color : # 091f40 ; /* Navy Blue for captions */
84
+ color : # 091f40 ;
85
85
margin-bottom : 10px ;
86
86
}
87
87
88
88
/* Buttons */
89
89
.button {
90
- background-color : # c5203e ; /* Red background for buttons */
91
- color : # ffffff ; /* White text */
90
+ background-color : # c5203e ;
91
+ color : # ffffff ;
92
92
padding : 12px 24px ;
93
93
border-radius : 8px ;
94
94
text-decoration : none;
98
98
}
99
99
100
100
.button : hover {
101
- background-color : # 091f40 ; /* Navy Blue on hover */
102
- color : # ffffff ; /* Keep white text */
101
+ background-color : # 091f40 ;
102
+ color : # ffffff ;
103
103
}
104
104
105
- /* Customize the sidebar */
105
+ /* Sidebar Navigation Styles */
106
106
.wy-nav-side {
107
107
position : fixed;
108
108
top : 0 ;
@@ -113,24 +113,95 @@ p {
113
113
overflow-x : hidden;
114
114
overflow-y : hidden;
115
115
min-height : 100% ;
116
- color : # ffffff ; /* Change text color to white */
117
- background : # 091f40 ; /* Navy blue background */
116
+ color : # ffffff ;
117
+ background : # 091f40 ;
118
118
z-index : 200 ;
119
119
}
120
120
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 ;
124
153
}
125
154
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;
128
183
}
129
184
130
185
/* Footer */
131
186
footer {
132
- background-color : # 091f40 ; /* Navy Blue background */
133
- color : # ffffff ; /* White text */
187
+ background-color : # 091f40 ;
188
+ color : # ffffff ;
134
189
padding : 20px ;
135
190
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
+ }
136
207
}
0 commit comments