Add 100ch max width

[stagit.git] / resources / style.css

diff --git a/resources/style.css b/resources/style.css
index af0d598f286445f0b4e52ccc651c26d0a9d698da..11794f2cf0a2ad23fe343d1a3a273fcf313c96a4 100644 (file)
--- a/resources/style.css
+++ b/resources/style.css
@@ -1,14 +1,8 @@
 body {
        font-size: 0.8rem;
        font-family: monospace;
-       color: #ebdbb2;
-       background-color: #282828;
-       max-width: max-content;
-       min-width: min-content;
-}
-
-pre {
-       tab-size: 4;
+       max-width: 100ch;
+       width: max-content;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -34,99 +28,10 @@ a.line {
        text-decoration: none;
 }
 
-#blob {
-       display: block;
-       max-width: 100%;
-}
-
-article.markup {
-       font-size: 15px;
-       border: 2px solid #eee;
-       border-radius: 10px;
-       font-family: sans-serif;
-       padding: 2.5em;
-       margin: 2em 0;
-}
-
-article.markup code {
-       font-size: 0.9em;
-       border: 1px solid #dbdbdb;
-       background-color: #f7f7f7;
-       padding: 0 0.3em;
-       border-radius: 0.3em
-}
-
-article.markup pre code {
-       border: none;
-       background: none;
-       padding: 0;
-       border-radius: 0;
-}
-
-article.markup pre {
-       background-color: #f7f7f7;
-       padding: 1em;
-       border: 1px solid #dbdbdb;
-       border-radius: 0.3em;
-}
-
-article.markup h1 {
-       font-size: 2.4em;
-       padding-bottom: 6px;
-       border-bottom: 5px solid #0000000a;
-}
-
-article.markup h2 {
-       font-size: 1.9em;
-       padding-bottom: 5px;
-       border-bottom: 2px solid #00000014;
-}
-
-article.markup h3 {
-       font-size: 1.5em;
-}
-
-article.markup h4 {
-       font-size: 1.3em;
-}
-
-article.markup h5 {
-       font-size: 1.1em;
-}
-
-article.markup h6 {
-       font-size: 1em;
-}
-
 article img {
        max-width: 100%;
 }
 
-.linenos {
-       margin-right: 0;
-       border-right: 1px solid rgb(0 0 0 / 8%);
-       user-select: none;
-}
-
-.linenos a {
-       margin-right: 0.9em;
-       user-select: none;
-       text-decoration: none;
-}
-
-#blob a {
-       color: #777;
-}
-
-#blob a:hover {
-       color: #eee;
-       text-decoration: none;
-}
-
-a {
-       color: #83a598;
-}
-
 table thead td {
        font-weight: bold;
 }
@@ -145,7 +50,7 @@ table td {
 #index tr:hover td,
 #log tr:hover td,
 #files tr:hover td {
-       background-color: #333;
+       background-color: #eee;
 }
 
 #index tr td:nth-child(2),
@@ -155,38 +60,39 @@ table td {
        white-space: normal;
 }
 
-td.num {
-       text-align: right;
+#log tr td:nth-child(3) {
+       max-width: 35ch;
+}
+
+#log tr td:nth-child(2) {
+       max-width: 65ch;
 }
 
 .desc {
-       color: #928374;
+       color: #555;
+       margin: 0.5em 0;
 }
 
 hr {
        border: 0;
-       border-top: 1px solid #928374;
+       border-top: 1px solid #555;
        height: 1px;
 }
 
-pre {
-       font-family: monospace;
-}
-
 pre a.h {
-       color: #fe8019;
+       color: #555;
 }
 
 .A,
 span.i,
 pre a.i {
-       color: #b8bb26;
+       color: #00A000;
 }
 
 .D,
 span.d,
 pre a.d {
-       color: #fb4934;
+       color: #A00000;
 }
 
 pre a.h:hover,
@@ -195,17 +101,19 @@ pre a.d:hover {
        text-decoration: none;
 }
 
-.url td:nth-child(2) {
-       padding-top:    0.2em;
-       padding-bottom: 0.9em;
+.clone {
+       padding: 0.25em 0.5em;
+       border: 1px solid #555;
+       border-radius: 5px;
+       width: max-content;
+       margin: 0.5em 0;
 }
 
-.url td:nth-child(2) span {
-       padding: 1px 5px;
-       border: 1px solid #ebdbb2;
-       border-radius: 5px;
+.clone a {
+       color: #555;
 }
 
-.url td:nth-child(2) span a {
-       color: #ebdbb2;
+.logo {
+       float: left;
+       padding-right: 1em;
 }