X-Git-Url: https://git.chrismorgan.info/gitweb/blobdiff_plain/071afd4cc5b307c3e00bca83fb40215a4a5560b6..716b1f745fdbbbec87d4300191bc2721291b1baf:/static/gitweb.css

diff --git a/static/gitweb.css b/static/gitweb.css
index ba8e991..78bed54 100644
--- a/static/gitweb.css
+++ b/static/gitweb.css
@@ -1,11 +1,15 @@
+html,
+body {
+	height: 100%;
+}
+
 body {
 	font-family: sans-serif;
-	font-size: small;
-	border: solid #d9d8d1;
-	border-width: 1px;
-	margin: 10px;
+	margin: 0;
 	background-color: #ffffff;
 	color: #000000;
+	display: flex;
+	flex-direction: column;
 }
 
 a {
@@ -41,24 +45,31 @@ a.list img.avatar {
 	border-style: none;
 }
 
-div.page_header {
-	height: 25px;
-	padding: 8px;
+.page_header {
+	padding: 1rem;
 	font-size: 150%;
 	font-weight: bold;
-	background-color: #d9d8d1;
+	border-top: 0.25rem solid #f71;
+	background-color: #f716;
 }
 
-div.page_header a:visited, a.header {
+.page_header a:visited, a.header {
 	color: #0000cc;
 }
 
-div.page_header a:hover {
+.page_header a:hover {
 	color: #880000;
 }
 
+/* .page_header + nav.page_subhead now wraps .page_nav and the search form, which is reduced from <form><div class=search> to <form role=search>; and both it and .page_nav are optional; and page_nav comes first rather than last. */
+.page_subhead {
+	display: flex;
+	background: #eee;
+	margin-bottom: 1em;
+}
+
 div.page_nav {
-	padding: 8px;
+	padding: 0.5rem 1em;
 }
 
 div.page_nav a:visited {
@@ -72,14 +83,16 @@ div.page_path {
 	border-width: 0px 0px 1px;
 }
 
-div.page_footer {
-	height: 22px;
+footer {
+	margin-top: auto;
+	display: flex;
 	padding: 4px 8px;
 	background-color: #d9d8d1;
+	justify-content: flex-end;
 }
 
 div.page_footer_text {
-	line-height: 22px;
+	margin-right: auto;
 	float: left;
 	color: #555555;
 	font-style: italic;
@@ -525,13 +538,8 @@ div.index_include {
 	padding: 12px 8px;
 }
 
-div.search {
-	font-size: 100%;
-	font-weight: normal;
-	margin: 4px 8px;
-	float: right;
-	top: 56px;
-	right: 12px
+.page_subhead [role=search] {
+	margin: 0.5rem 1rem 0.5rem auto;
 }
 
 div.projsearch {
@@ -554,9 +562,7 @@ a.linenr {
 }
 
 a.rss_logo {
-	float: right;
 	padding: 3px 5px;
-	line-height: 10px;
 	border: 1px solid;
 	border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
 	color: #ffffff;