Underline h{1,2}

[stagit.git] / style.css

diff --git a/style.css b/style.css
index d8f9fff462bdff2923d92dce6ed6579fbdb01b99..24443959ed8b1c834479a1663a0804b767ecdaf9 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,7 +1,14 @@
+html {
+       font-size: 12px;
+       height: 100%;
+}
+
 body {
-       color: #000;
+       margin: 5rem auto;
+       color: #222;
        background-color: #fff;
        font-family: monospace;
+       width: 66rem;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -17,6 +24,10 @@ img {
        border: 0;
 }
 
+a:target {
+       background-color: #ccc;
+}
+
 a.d,
 a.h,
 a.i,
@@ -24,6 +35,83 @@ a.line {
        text-decoration: none;
 }
 
+#blob {
+    display: block;
+    max-width: 100%;
+    overflow-x: scroll;
+}
+
+article.markup {
+       font-size: 15px;
+    border: 2px solid #00000017;
+    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;
+}
+
+.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;
 }
@@ -100,3 +188,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;
+}