X-Git-Url: https://git.chrismorgan.info/gitweb/blobdiff_plain/a21510b946408b22da99ab135f676e9972ca9455..0182f4a4ea26ab7554677cf5ca79b38f3999b215:/static/gitweb.css

diff --git a/static/gitweb.css b/static/gitweb.css
index 3212601..bedc480 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,30 +45,41 @@ 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 {
 	color: #0000cc;
 }
 
+.page_nav .current {
+	font-weight: bold;
+}
+
 div.page_path {
 	padding: 8px;
 	font-weight: bold;
@@ -72,14 +87,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;
@@ -118,7 +135,6 @@ div.title_text {
 	padding: 6px 0px;
 	border: solid #d9d8d1;
 	border-width: 0px 0px 1px;
-	font-family: monospace;
 }
 
 div.log_body {
@@ -202,7 +218,7 @@ table {
 }
 
 table.diff_tree {
-	font-family: monospace;
+	font-family: monospace,m;
 }
 
 table.combined.diff_tree th {
@@ -233,13 +249,11 @@ table.blame {
 
 table.blame td {
 	padding: 0px 5px;
-	font-size: 100%;
 	vertical-align: top;
 }
 
 th {
 	padding: 2px 5px;
-	font-size: 100%;
 	text-align: left;
 }
 
@@ -274,7 +288,6 @@ tr.color3 { background-color: #fff6f6; }
 
 td {
 	padding: 2px 5px;
-	font-size: 100%;
 	vertical-align: top;
 }
 
@@ -289,7 +302,7 @@ td.selflink {
 }
 
 td.sha1 {
-	font-family: monospace;
+	font-family: monospace,m;
 }
 
 .error {
@@ -361,13 +374,12 @@ table.blame td.age0 {
 }
 
 td.pre, div.pre, div.diff {
-	font-family: monospace;
-	font-size: 12px;
+	font-family: monospace,m;
 	white-space: pre;
 }
 
 td.mode {
-	font-family: monospace;
+	font-family: monospace,m;
 }
 
 /* progress of blame_interactive */
@@ -383,7 +395,7 @@ div#progress_info {
 
 /* format of (optional) objects size in 'tree' view */
 td.size {
-	font-family: monospace;
+	font-family: monospace,m;
 	text-align: right;
 }
 
@@ -525,13 +537,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 {
@@ -549,13 +556,12 @@ td.linenr {
 
 a.linenr {
 	color: #999999;
-	text-decoration: none
+	text-decoration: none;
+	user-select: none;
 }
 
 a.rss_logo {
-	float: right;
 	padding: 3px 5px;
-	line-height: 10px;
 	border: 1px solid;
 	border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
 	color: #ffffff;
@@ -616,10 +622,6 @@ span.refs span.head {
 	border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
 }
 
-span.atnight {
-	color: #cc0000;
-}
-
 span.match {
 	color: #e00000;
 }
@@ -654,15 +656,9 @@ div.remote {
 	/* float: right; */
 	position: absolute;
 	top: 0px; right: 0px;
-	border:  1px solid green;
-	margin:  1px 1px 1px 1px;
-	padding-bottom: 2px;
-	width:     12px;
-	height:    10px;
-	font-size:  9px;
+	border: none;
 	font-weight: bold;
-	text-align: center;
-	background-color: #fff0f0;
+	background-color: transparent;
 	cursor: pointer;
 }