Skip to content

Commit 2fd6915

Browse files
committed
Dark/light themes for navmenu (#68)
Signed-off-by: Daniell Mesquita <[email protected]>
1 parent e254e1e commit 2fd6915

File tree

2 files changed

+19
-4
lines changed

2 files changed

+19
-4
lines changed

css/dark-common.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,4 +75,11 @@ header nav ul li p {
7575
}
7676
.footer, footer {
7777
background: #00A18550!important;
78+
}
79+
.navmenu {
80+
background: rgba(0, 0, 0, 0.9)!important;
81+
border-color: #fff!important;
82+
}
83+
.navmenu ul > li {
84+
border-bottom: 1px solid rgba(255, 255, 255, 0.5)!important;
7885
}

css/page-common.css

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -248,24 +248,32 @@ header nav ul li div i {
248248

249249
.navmenu {
250250
border-bottom: 1px solid;
251-
background: rgba(0, 0, 0, 0.9);
252-
border-color: #fff;
251+
background: rgba(255, 255, 255, 0.9);
252+
border-color: #000;
253253
color: #00A185;
254254
z-index: 2;
255255
display: none
256256
}
257257
.navmenu.fixed {
258258
position: fixed !important;
259-
top: calc(0px - -61px)
259+
top: calc(0px - -60px);
260+
box-shadow: 0 0 15px 1px black;
260261
}
262+
.navmenu.fixed:hover {
263+
box-shadow:0px 0px 25px 5px #000
264+
}
265+
.navmenu.fixed:active {
266+
box-shadow:0px 0px 25px 9px #000
267+
}
268+
261269
.navmenu ul {
262270
width: 100%;
263271
height: 100%;
264272
overflow: auto;
265273
padding: 0
266274
}
267275
.navmenu ul > li {
268-
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
276+
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
269277
position: relative;
270278
width: 100%;
271279
display: flex

0 commit comments

Comments
 (0)