Kill atnight

[gitweb] / static / gitweb.css
diff --git a/static/gitweb.css b/static/gitweb.css

index 3212601032622fef063f06066bd7131061de36d9..71895a7a2080c63fbe7c276cc6bbb1e6d654be90 100644 (file)
--- 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;
@@ -118,7 +131,6 @@ div.title_text {
         padding: 6px 0px;
         border: solid #d9d8d1;
         border-width: 0px 0px 1px;
-       font-family: monospace;
  }
  
  div.log_body {
@@ -202,7 +214,7 @@ table {
  }
  
  table.diff_tree {
-       font-family: monospace;
+       font-family: monospace,m;
  }
  
  table.combined.diff_tree th {
@@ -233,13 +245,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 +284,6 @@ tr.color3 { background-color: #fff6f6; }
  
  td {
         padding: 2px 5px;
-       font-size: 100%;
         vertical-align: top;
  }
  
@@ -289,7 +298,7 @@ td.selflink {
  }
  
  td.sha1 {
-       font-family: monospace;
+       font-family: monospace,m;
  }
  
  .error {
@@ -361,13 +370,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 +391,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 +533,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 +552,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 +618,6 @@ span.refs span.head {
         border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
  }
  
-span.atnight {
-       color: #cc0000;
-}
-
  span.match {
         color: #e00000;
  }
@@ -654,15 +652,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;
  }