]> git.armaanb.net Git - stagit.git/blobdiff - style.css
First commit
[stagit.git] / style.css
index 20ce206433dc82d19f4a09632bb57a0c63d7d5ce..af0d598f286445f0b4e52ccc651c26d0a9d698da 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,21 +1,17 @@
-html {
-       font-size: 12px;
-       height: 100%;
-}
-
 body {
-       margin: 5rem auto;
-       color: #222;
-       background-color: #fff;
+       font-size: 0.8rem;
        font-family: monospace;
-       width: 66rem;
+       color: #ebdbb2;
+       background-color: #282828;
+       max-width: max-content;
+       min-width: min-content;
 }
 
-pre { -moz-tab-size: 4; }
-pre { tab-size: 4; }
+pre {
+       tab-size: 4;
+}
 
 h1, h2, h3, h4, h5, h6 {
-       font-size: 1em;
        margin: 0;
 }
 
@@ -28,7 +24,7 @@ img {
 }
 
 a:target {
-       background-color: #ccc;
+       background-color: #eee;
 }
 
 a.d,
@@ -39,26 +35,25 @@ a.line {
 }
 
 #blob {
-    display: block;
-    max-width: 100%;
-    overflow-x: scroll;
+       display: block;
+       max-width: 100%;
 }
 
 article.markup {
        font-size: 15px;
-    border: 2px solid #00000017;
-    border-radius: 10px;
-    font-family: sans-serif;
-    padding: 2.5em;
-    margin: 2em 0;
+       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
+       font-size: 0.9em;
+       border: 1px solid #dbdbdb;
+       background-color: #f7f7f7;
+       padding: 0 0.3em;
+       border-radius: 0.3em
 }
 
 article.markup pre code {
@@ -88,19 +83,19 @@ article.markup h2 {
 }
 
 article.markup h3 {
-    font-size: 1.5em;
+       font-size: 1.5em;
 }
 
 article.markup h4 {
-    font-size: 1.3em;
+       font-size: 1.3em;
 }
 
 article.markup h5 {
-    font-size: 1.1em;
+       font-size: 1.1em;
 }
 
 article.markup h6 {
-    font-size: 1em;
+       font-size: 1em;
 }
 
 article img {
@@ -124,10 +119,14 @@ article img {
 }
 
 #blob a:hover {
-       color: blue;
+       color: #eee;
        text-decoration: none;
 }
 
+a {
+       color: #83a598;
+}
+
 table thead td {
        font-weight: bold;
 }
@@ -146,7 +145,7 @@ table td {
 #index tr:hover td,
 #log tr:hover td,
 #files tr:hover td {
-       background-color: #eee;
+       background-color: #333;
 }
 
 #index tr td:nth-child(2),
@@ -161,12 +160,12 @@ td.num {
 }
 
 .desc {
-       color: #777;
+       color: #928374;
 }
 
 hr {
        border: 0;
-       border-top: 1px solid #777;
+       border-top: 1px solid #928374;
        height: 1px;
 }
 
@@ -175,19 +174,19 @@ pre {
 }
 
 pre a.h {
-       color: #00a;
+       color: #fe8019;
 }
 
 .A,
 span.i,
 pre a.i {
-       color: #070;
+       color: #b8bb26;
 }
 
 .D,
 span.d,
 pre a.d {
-       color: #e00;
+       color: #fb4934;
 }
 
 pre a.h:hover,
@@ -203,11 +202,10 @@ pre a.d:hover {
 
 .url td:nth-child(2) span {
        padding: 1px 5px;
-       background-color: #eee;
-       border: 1px solid #ddd;
+       border: 1px solid #ebdbb2;
        border-radius: 5px;
 }
 
 .url td:nth-child(2) span a {
-       color: #444;
+       color: #ebdbb2;
 }