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 { |
