Mercurial > web
comparison css/style.css @ 92:a143c3991472
navigation: fix navbar implementation
author | Paper <paper@paper.us.eu.org> |
---|---|
date | Wed, 19 Jun 2024 04:54:19 -0400 |
parents | 60f77a3de847 |
children | caa6f0e136c8 |
comparison
equal
deleted
inserted
replaced
91:caf449c570be | 92:a143c3991472 |
---|---|
24 | 24 |
25 a.prettylink:active { | 25 a.prettylink:active { |
26 color: hotpink; | 26 color: hotpink; |
27 } | 27 } |
28 | 28 |
29 /* navbar */ | |
30 .navbar { | 29 .navbar { |
31 display: flex; | 30 display: flex; |
32 | 31 |
33 background-color: rgba(0, 0, 0, 0.6); | 32 background-color: rgba(0, 0, 0, 0.6); |
34 color: white; | 33 color: white; |
35 | 34 |
36 padding: 5px; | 35 padding: 5px; |
37 } | 36 |
38 | 37 justify-content: space-between; |
39 .project-quip, | 38 } |
40 .navbar-right { | 39 |
41 align-items: flex-end; | 40 .navbar-group { |
41 display: flex; | |
42 } | |
43 | |
44 .project-quip { | |
42 margin-left: auto; | 45 margin-left: auto; |
43 } | 46 } |
44 | 47 |
45 .navbar-item { | 48 .navbar-item { |
46 color: gray; | 49 color: gray; |
62 text-decoration: underline; | 65 text-decoration: underline; |
63 color: white; | 66 color: white; |
64 } | 67 } |
65 | 68 |
66 /* generic drop shadows that I heavily use in... everything, | 69 /* generic drop shadows that I heavily use in... everything, |
67 * so having them as their own classes is pretty nice :) | 70 * so having them as their own classes is pretty nice :) */ |
68 */ | |
69 .drop-shadow-text { | 71 .drop-shadow-text { |
70 text-shadow: 0.125em 0.125em 0.125em rgba(0, 0, 0, 0.5); | 72 text-shadow: 0.125em 0.125em 0.125em rgba(0, 0, 0, 0.5); |
71 } | 73 } |
72 | 74 |
73 .drop-shadow-box { | 75 .drop-shadow-box { |