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 {