Update style.

[stagit.git] / style.css

diff --git a/style.css b/style.css
index 8cf93d065132bd687f397180a461db4369d048b6..66b1fd23306c7e19211e71568c8298f81dad8e29 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,7 +1,14 @@
+html {
+       font-size: 12px;
+       height: 100%;
+}
+
 body {
-       font-family: monospace;
-       color: #000;
+       margin: 5rem auto;
+       color: #222;
        background-color: #fff;
+       font-family: monospace;
+       width: 66rem;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -13,12 +20,37 @@ img, h1, h2 {
        vertical-align: middle;
 }
 
-a {
+img {
+       border: 0;
+}
+
+a:target {
+       background-color: #ccc;
+}
+
+a.d,
+a.h,
+a.i,
+a.line {
        text-decoration: none;
 }
 
-a:hover {
-       text-decoration: underline;
+#blob {
+    display: block;
+    max-width: 100%;
+    overflow-x: scroll;
+}
+
+.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 {
@@ -39,8 +71,8 @@ table td {
 }
 
 #content table td {
-       white-space: nowrap;
        vertical-align: top;
+       white-space: nowrap;
 }
 
 #branches tr:hover td,
@@ -69,6 +101,7 @@ td.num {
 hr {
        border: 0;
        border-top: 1px solid #777;
+       height: 1px;
 }
 
 pre {
@@ -79,10 +112,14 @@ pre a.h {
        color: #00a;
 }
 
+.A,
+span.i,
 pre a.i {
        color: #070;
 }
 
+.D,
+span.d,
 pre a.d {
        color: #e00;
 }
@@ -92,3 +129,19 @@ pre a.i:hover,
 pre a.d:hover {
        text-decoration: none;
 }
+
+.url td:nth-child(2) {
+       padding-top:    0.2em;
+       padding-bottom: 0.9em;
+}
+
+.url td:nth-child(2) span {
+       padding: 1px 5px;
+       background-color: #eee;
+       border: 1px solid #ddd;
+       border-radius: 5px;
+}
+
+.url td:nth-child(2) span a {
+       color: #444;
+}