one big lazy commit, replace embedded PNGs with SVGs, color and scaling changes

[gitweb-theme.git] / gitweb.css

diff --git a/gitweb.css b/gitweb.css
index 7e0951796b049c008fe51f816a8b728b67f48a8c..a7ee112d64040e11a0b2c9f3916498e513ee0661 100644 (file)
--- a/gitweb.css
+++ b/gitweb.css
@@ -72,8 +72,8 @@ select {
   outline: none;
   max-height: 2rem;
   font-family: monospace;
-  border: 3px solid #eef9ff;
-  background-color: #d3dfe3;
+  border: 3px solid #d3dfe3;
+  background-color: #eef9ff;
   color: #111;
 }
 input:focus,
@@ -103,18 +103,14 @@ input[type="checkbox"]:focus-visible {
   width: 80%;
   box-sizing: border-box;
 }
-.projsearch input {
-  background-color: #eef9ff;
-  border: 4px solid #d3dfe3;
-}
 .projsearch input:focus {
   border-color: #fdd33c;
 }
 .projsearch input[type="checkbox"] {
-  border: 3px solid #d3dfe3;
+  border: 2px solid #d3dfe3;
 }
 .search input[type="checkbox"] {
-  border: 3px solid #eef9ff;
+  border: 2px solid #d3dfe3;
 }
 ::selection {
   background-color: #fdd33c;
@@ -185,7 +181,9 @@ td.list a[href*='tree']:focus-visible,
 td.list a[href*='blob']:focus-visible,
 td.list a[href*='tree']:hover,
 td.list a[href*='blob']:hover {
-  background-color: #111;
+  background-color: #eee;
+  color: #110600;
+  filter: invert(1);
 }
 i {
   font-style: normal;
@@ -373,12 +371,11 @@ th .header {
 }
 .page_nav,
 .list_head,
-.page_path,
-.search {
+.page_path {
   width: 94%;
-  background: #d3dfe3;
   color: #545454;
-  border: 1px solid #eef9ff;
+  border-bottom: 4px solid #eef9ff;
+  box-shadow: 0 2.5px #d3dfe3;
   padding: 5px;
   margin: 0 auto 15px auto;
 }
@@ -386,7 +383,7 @@ th .header {
   background: #eaeaea;
 }
 a.linenr {
- color: #666;
+ color: #838183;
  text-decoration: none;
  background-color: transparent;
 }
@@ -400,8 +397,7 @@ a.linenr:hover {
   width: 95%;
 }
 .readme {
-  background: #eaf2f5;
-  border: 1px solid #bedce7;
+  border: 2px solid #eef9ff;
   box-sizing: border-box;
   margin: 0 auto 15px auto;
   padding: 15px;
@@ -468,6 +464,9 @@ a.linenr:hover {
   max-width: 100%;
   margin: 1em;
 }
+.readme img {
+  max-width: 100%;
+}
 .projects_list,
 .tags {
   width: 95%;
@@ -487,12 +486,13 @@ a.linenr:hover {
 .header {
   width: 94%;
   margin: 0 auto 15px auto;
-  background: #d3dfe3;
-  border: 1px solid #eef9ff;
-  padding: 5px;
+  background: #eef9ff;
+  border: 2px solid #d3dfe3;
+  padding: 4px;
 }
 .header .age {
   float: left;
+  color: #111;
   font-weight: bold;
   width: 10em;
 }
@@ -509,17 +509,18 @@ a.header:hover {
 }
 .log_body {
   width: 94%;
-  background: #eaf2f5;
+  background: #fafeff;
   border: 1px solid #bedce7;
   border-top: 0;
   padding: 5px;
   margin: 0 auto 15px auto;
+  overflow-x: auto;
 }
 .page_body {
   overflow-x: auto;
   line-height: 1.4em;
   width: 94%;
-  background: #f8f8f8;
+  background: #fafeff;
   border: 1px solid #d3dfe3;
   padding: 5px;
   margin: 15px auto 15px auto;
@@ -562,42 +563,45 @@ span.refs span {
 span.refs span.ref {
   color: #707070;
   display: inline-block;
+  vertical-align: top;
   margin: 0;
   background-color: #feedc9;
   border: 1px solid #fdd33c;
   border-radius: 3px;
   height: 18px;
-  padding: 0 6px;
+  padding: 0 0;
   text-overflow: ellipsis;
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAABDUlEQVQ4jc3UoUtDURTH8c9EsFksLtgEy8Nk89kFQRxiMlgNBqs8xDQmFgWDglHBLJgMYhiIYBB9uKB/wKLBJmzyYIM59rbLWPBX7uPH4ft+53DPLTSbTaPQ2EgoGO9lNtKlRRzhGztJFH9011RUBoNwgTUUcYrlzCyn1QVs41zkOaS1bHCN1tmpK7zj8o/bJ9E+2u3Md9WftVIJSfTa/kii+K3DP0Edx6GgPL1gEtdDg8ppdQJ7qCVR/BU6o07AHDaxhRms96obCEINBXyilETxzbCghyzYY3H2/nZqOnefQkCrSRRnN7yv8oZ9gDs8YTfgZ7mgbNdK2MBKCCivtcPWkH+ypQ0BFf7de/QLcNU6xzfYxOkAAAAASUVORK5CYII=);
+  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%237878ff%22%20stroke%3D%22%237878ff%22%20stroke-width%3D%220%22%20aria-hidden%3D%22true%22%20transform%3D%22rotate(90)%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M10.306%206.143A3.42%203.42%200%200%200%207%203.572a3.42%203.42%200%200%200-3.307%202.57H1v1.715h2.693A3.42%203.42%200%200%200%207%2010.428a3.42%203.42%200%200%200%203.306-2.57H13V6.142zM7%208.714a1.715%201.715%200%200%201%200-3.428%201.715%201.715%200%200%201%200%203.428z%22%2F%3E%3C%2Fsvg%3E);
   background-repeat: no-repeat;
   padding-left: 18px;
 }
 span.refs span.tag {
   color: #707070;
   display: inline-block;
+  vertical-align: top;
   margin: 0;
-  background-color: #ffffab;
-  border: 1px solid #d9d93b;
+  background-color: #fff7dd;
+  border: 1px solid #fdd33c;
   border-radius: 3px;
   height: 18px;
-  padding: 0 6px;
+  padding: 0 0;
   text-overflow: ellipsis;
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIKFSUZZ+h9RwAAAGZQTFRFAAAAtrYkwMBAwMBAx8c4yso11NQ71NQ51dU52Ng71tY519c719c719c62Ng719c719c62Ng72dk62Ng62Ng72Ng72dk62Ng72Ng62dk62dk72dk62Ng62dk72Ng72Ng72dk7////ou/AnQAAACB0Uk5TAAYHCxESLjRCWWlqa4uNkpissbrO19jc3ufs8vf6/f7atAU2AAAAAWJLR0QhxGwNFgAAAF1JREFUGFeNy0cOgCAABVGw94rY5d//lC7omhhn+ZIh5Gf1xPk0Zi5dAABROIQjSU/fsAXhDkCUljAv8jW2wlQpaixpo4Nj+dtatVpjkSJjLNaizRVpvhBCu/4h391jzw1lU12Z7wAAAABJRU5ErkJggg==);
+  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.5%2C7A1.5%2C1.5%200%200%2C1%204%2C5.5A1.5%2C1.5%200%200%2C1%205.5%2C4A1.5%2C1.5%200%200%2C1%207%2C5.5A1.5%2C1.5%200%200%2C1%205.5%2C7M21.41%2C11.58L12.41%2C2.58C12.05%2C2.22%2011.55%2C2%2011%2C2H4C2.89%2C2%202%2C2.89%202%2C4V11C2%2C11.55%202.22%2C12.05%202.59%2C12.41L11.58%2C21.41C11.95%2C21.77%2012.45%2C22%2013%2C22C13.55%2C22%2014.05%2C21.77%2014.41%2C21.41L21.41%2C14.41C21.78%2C14.05%2022%2C13.55%2022%2C13C22%2C12.44%2021.77%2C11.94%2021.41%2C11.58Z%22%20fill%3D%22%23fdd33c%22%20%2F%3E%3C%2Fsvg%3E);
   background-repeat: no-repeat;
   padding-left: 18px;
 }
 span.refs span.head {
   color: #707070;
   display: inline-block;
+  vertical-align: top;
   margin: 0;
-  background-color: #fffcc9;
-  border: 1px solid #fdd33c;
+  background-color: #dfffdf;
+  border: 1px solid #78ff78;
   border-radius: 3px;
   height: 18px;
-  padding: 0 6px;
+  padding: 0 2px;
   text-overflow: ellipsis;
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAABDUlEQVQ4jc3UoUtDURTH8c9EsFksLtgEy8Nk89kFQRxiMlgNBqs8xDQmFgWDglHBLJgMYhiIYBB9uKB/wKLBJmzyYIM59rbLWPBX7uPH4ft+53DPLTSbTaPQ2EgoGO9lNtKlRRzhGztJFH9011RUBoNwgTUUcYrlzCyn1QVs41zkOaS1bHCN1tmpK7zj8o/bJ9E+2u3Md9WftVIJSfTa/kii+K3DP0Edx6GgPL1gEtdDg8ppdQJ7qCVR/BU6o07AHDaxhRms96obCEINBXyilETxzbCghyzYY3H2/nZqOnefQkCrSRRnN7yv8oZ9gDs8YTfgZ7mgbNdK2MBKCCivtcPWkH+ypQ0BFf7de/QLcNU6xzfYxOkAAAAASUVORK5CYII=);
+  background-image: url("/static/svg/head.svg");
   background-repeat: no-repeat;
   padding-left: 18px;
 }
@@ -781,46 +785,48 @@ div.diff {
 }
 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
 /* Highlighting theme definition: */
-.num    {
+.num {
   color:#6ecf36;
 }
-.esc    {
+.esc {
   color:#ff00ff;
 }
-.str    {
+.str {
   color:#ff00d3;
   background-color: #edc9ec 
 }
-.dstr   {
+.dstr {
   color:#818100;
 }
-.slc    {
+.slc {
   color:#838183;
   font-style:italic;
 }
-.com    {
+.com {
   color:#838183;
   font-style:italic;
 }
-.dir    {
+.dir {
   color:#008200;
 }
-.sym    {
+.sym {
   color:#000000;
 }
-.line   {
+.line {
   color:#555555;
 }
-.kwa    {
+.kwa {
   color:#666666;
   font-weight:bold;
 }
-.kwb    {
+.ppc,
+.kwb {
   color:#6b3099;
 }
-.kwc    {
+.kwc {
   color:#d4663d;
 }
-.kwd    {
+.sng,
+.kwd {
   color:#2928ff;
 }