Skip to content

Commit 0efeb7c

Browse files
committed
STYLE: active tab black bold, drawer from right
1 parent 99bcfe5 commit 0efeb7c

File tree

6 files changed

+30
-30
lines changed

6 files changed

+30
-30
lines changed

contact.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -63,8 +63,8 @@
6363

6464
nav a:hover { color: #1B3A8A; }
6565

66-
nav a.active { color: #1B3A8A; font-weight: 500; }
67-
.nav-drawer a.active { color: #1B3A8A; font-weight: 500; }
66+
nav a.active { color: #111; font-weight: 600; }
67+
.nav-drawer a.active { color: #111; font-weight: 600; }
6868

6969

7070
a { color: #1B3A8A; text-decoration: none; }
@@ -204,11 +204,11 @@
204204
.nav-drawer {
205205
position: fixed;
206206
top: 0;
207-
left: -280px;
207+
right: -280px;
208208
width: 240px;
209209
height: 100vh;
210210
background: #FAF8F5;
211-
box-shadow: 4px 0 24px rgba(0,0,0,0.12);
211+
box-shadow: -4px 0 24px rgba(0,0,0,0.12);
212212
z-index: 1000;
213213
transition: right 0.3s ease;
214214
padding: 64px 32px 40px;
@@ -218,7 +218,7 @@
218218
}
219219

220220
.nav-drawer.open {
221-
left: 0;
221+
right: 0;
222222
}
223223

224224
.nav-overlay.open {

group.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -63,8 +63,8 @@
6363

6464
nav a:hover { color: #1B3A8A; }
6565

66-
nav a.active { color: #1B3A8A; font-weight: 500; }
67-
.nav-drawer a.active { color: #1B3A8A; font-weight: 500; }
66+
nav a.active { color: #111; font-weight: 600; }
67+
.nav-drawer a.active { color: #111; font-weight: 600; }
6868

6969

7070
a { color: #1B3A8A; text-decoration: none; }
@@ -301,11 +301,11 @@
301301
.nav-drawer {
302302
position: fixed;
303303
top: 0;
304-
left: -280px;
304+
right: -280px;
305305
width: 240px;
306306
height: 100vh;
307307
background: #FAF8F5;
308-
box-shadow: 4px 0 24px rgba(0,0,0,0.12);
308+
box-shadow: -4px 0 24px rgba(0,0,0,0.12);
309309
z-index: 1000;
310310
transition: right 0.3s ease;
311311
padding: 64px 32px 40px;
@@ -315,7 +315,7 @@
315315
}
316316

317317
.nav-drawer.open {
318-
left: 0;
318+
right: 0;
319319
}
320320

321321
.nav-overlay.open {

hiring.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -63,8 +63,8 @@
6363

6464
nav a:hover { color: #1B3A8A; }
6565

66-
nav a.active { color: #1B3A8A; font-weight: 500; }
67-
.nav-drawer a.active { color: #1B3A8A; font-weight: 500; }
66+
nav a.active { color: #111; font-weight: 600; }
67+
.nav-drawer a.active { color: #111; font-weight: 600; }
6868

6969

7070
a { color: #1B3A8A; text-decoration: none; }
@@ -242,11 +242,11 @@
242242
.nav-drawer {
243243
position: fixed;
244244
top: 0;
245-
left: -280px;
245+
right: -280px;
246246
width: 240px;
247247
height: 100vh;
248248
background: #FAF8F5;
249-
box-shadow: 4px 0 24px rgba(0,0,0,0.12);
249+
box-shadow: -4px 0 24px rgba(0,0,0,0.12);
250250
z-index: 1000;
251251
transition: right 0.3s ease;
252252
padding: 64px 32px 40px;
@@ -256,7 +256,7 @@
256256
}
257257

258258
.nav-drawer.open {
259-
left: 0;
259+
right: 0;
260260
}
261261

262262
.nav-overlay.open {

index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -62,8 +62,8 @@
6262

6363
nav a:hover { color: #1B3A8A; }
6464

65-
nav a.active { color: #1B3A8A; font-weight: 500; }
66-
.nav-drawer a.active { color: #1B3A8A; font-weight: 500; }
65+
nav a.active { color: #111; font-weight: 600; }
66+
.nav-drawer a.active { color: #111; font-weight: 600; }
6767

6868

6969
main img.lab-photo {
@@ -289,11 +289,11 @@
289289
.nav-drawer {
290290
position: fixed;
291291
top: 0;
292-
left: -280px;
292+
right: -280px;
293293
width: 240px;
294294
height: 100vh;
295295
background: #FAF8F5;
296-
box-shadow: 4px 0 24px rgba(0,0,0,0.12);
296+
box-shadow: -4px 0 24px rgba(0,0,0,0.12);
297297
z-index: 1000;
298298
transition: right 0.3s ease;
299299
padding: 64px 32px 40px;
@@ -303,7 +303,7 @@
303303
}
304304

305305
.nav-drawer.open {
306-
left: 0;
306+
right: 0;
307307
}
308308

309309
.nav-overlay.open {

publications.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -63,8 +63,8 @@
6363

6464
nav a:hover { color: #1B3A8A; }
6565

66-
nav a.active { color: #1B3A8A; font-weight: 500; }
67-
.nav-drawer a.active { color: #1B3A8A; font-weight: 500; }
66+
nav a.active { color: #111; font-weight: 600; }
67+
.nav-drawer a.active { color: #111; font-weight: 600; }
6868

6969

7070
a { color: #1B3A8A; text-decoration: none; }
@@ -246,11 +246,11 @@
246246
.nav-drawer {
247247
position: fixed;
248248
top: 0;
249-
left: -280px;
249+
right: -280px;
250250
width: 240px;
251251
height: 100vh;
252252
background: #FAF8F5;
253-
box-shadow: 4px 0 24px rgba(0,0,0,0.12);
253+
box-shadow: -4px 0 24px rgba(0,0,0,0.12);
254254
z-index: 1000;
255255
transition: right 0.3s ease;
256256
padding: 64px 32px 40px;
@@ -260,7 +260,7 @@
260260
}
261261

262262
.nav-drawer.open {
263-
left: 0;
263+
right: 0;
264264
}
265265

266266
.nav-overlay.open {

research.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -63,8 +63,8 @@
6363

6464
nav a:hover { color: #1B3A8A; }
6565

66-
nav a.active { color: #1B3A8A; font-weight: 500; }
67-
.nav-drawer a.active { color: #1B3A8A; font-weight: 500; }
66+
nav a.active { color: #111; font-weight: 600; }
67+
.nav-drawer a.active { color: #111; font-weight: 600; }
6868

6969

7070
a { color: #1B3A8A; text-decoration: none; }
@@ -248,11 +248,11 @@
248248
.nav-drawer {
249249
position: fixed;
250250
top: 0;
251-
left: -280px;
251+
right: -280px;
252252
width: 240px;
253253
height: 100vh;
254254
background: #FAF8F5;
255-
box-shadow: 4px 0 24px rgba(0,0,0,0.12);
255+
box-shadow: -4px 0 24px rgba(0,0,0,0.12);
256256
z-index: 1000;
257257
transition: right 0.3s ease;
258258
padding: 64px 32px 40px;
@@ -262,7 +262,7 @@
262262
}
263263

264264
.nav-drawer.open {
265-
left: 0;
265+
right: 0;
266266
}
267267

268268
.nav-overlay.open {

0 commit comments

Comments
 (0)