Mercurial > web

comparison css/style.css @ 81:eb3bbc61bc17

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Use flexbox for lots more things this should make stuff actually work on safari. HOPEFULLY.
author Paper <paper@paper.us.eu.org>
date Mon, 20 May 2024 04:00:58 -0400
parents 815c0da68384
children b98a84a0afb2
comparison
equal deleted inserted replaced
80:ec24b7d30ce9 81:eb3bbc61bc17
26 color: hotpink; 26 color: hotpink;
27 } 27 }
28 28
29 /* navbar */ 29 /* navbar */
30 .navbar { 30 .navbar {
31 /* display: flex; */ 31 display: flex;
32 32
33 background-color: rgba(0, 0, 0, 0.6); 33 background-color: rgba(0, 0, 0, 0.6);
34 color: white; 34 color: white;
35 35
36 padding: 5px; 36 padding: 5px;
37 }
38
39 .project-quip,
40 .navbar-right {
41 margin-left: auto;
37 } 42 }
38 43
39 .navbar-item { 44 .navbar-item {
40 color: gray; 45 color: gray;
41 } 46 }
95 text-align: center; 100 text-align: center;
96 justify-content: center; 101 justify-content: center;
97 } 102 }
98 103
99 /* projects/index.html */ 104 /* projects/index.html */
105 .project-title-container {
106 display: flex;
107 }
108
100 .project-title { 109 .project-title {
101 font-weight: bold; 110 font-weight: bold;
102 } 111 }
103 112
104 .project-separator { 113 .project-separator {
126 border: 4px solid black; 135 border: 4px solid black;
127 width: 200px; 136 width: 200px;
128 height: auto; 137 height: auto;
129 } 138 }
130 139
140 .project-quip,
131 .blog-footer, 141 .blog-footer,
132 .blog-date-right { 142 .blog-date-right {
133 font-size: smaller; 143 font-size: smaller;
134 } 144 }
135 145
136 .align-right, 146 .align-right,
137 .blog-date-right { 147 .blog-date-right {
138 float: inline-end; 148 float: inline-end;
139 } 149 }
140
141 .project-title-container {
142 display: flex;
143 }