style.css

   1 html {
   2         font-size: 12px;
   3         height: 100%;
   4 }
   5
   6 body {
   7         margin: 5rem auto;
   8         color: #222;
   9         background-color: #fff;
  10         font-family: monospace;
  11         width: 66rem;
  12 }
  13
  14 h1, h2, h3, h4, h5, h6 {
  15         font-size: 1em;
  16         margin: 0;
  17 }
  18
  19 img, h1, h2 {
  20         vertical-align: middle;
  21 }
  22
  23 img {
  24         border: 0;
  25 }
  26
  27 a:target {
  28         background-color: #ccc;
  29 }
  30
  31 a.d,
  32 a.h,
  33 a.i,
  34 a.line {
  35         text-decoration: none;
  36 }
  37
  38 #blob {
  39     display: block;
  40     max-width: 100%;
  41     overflow-x: scroll;
  42 }
  43
  44 article.markup {
  45         font-size: 15px;
  46     border: 2px solid #00000017;
  47     border-radius: 10px;
  48     font-family: sans-serif;
  49     padding: 2.5em;
  50     margin: 2em 0;
  51 }
  52
  53 article.markup code {
  54     font-size: 0.9em;
  55     border: 1px solid #dbdbdb;
  56     background-color: #f7f7f7;
  57     padding: 0 0.3em;
  58     border-radius: 0.3em
  59 }
  60
  61 article.markup pre code {
  62         border: none;
  63         background: none;
  64         padding: 0;
  65         border-radius: 0;
  66 }
  67
  68 article.markup pre {
  69         background-color: #f7f7f7;
  70         padding: 1em;
  71         border: 1px solid #dbdbdb;
  72         border-radius: 0.3em;
  73 }
  74
  75 article.markup h1 {
  76         font-size: 2.4em;
  77         padding-bottom: 6px;
  78         border-bottom: 5px solid #0000000a;
  79 }
  80
  81 article.markup h2 {
  82         font-size: 1.9em;
  83         padding-bottom: 5px;
  84         border-bottom: 2px solid #00000014;
  85 }
  86
  87 article.markup h3 {
  88     font-size: 1.5em;
  89 }
  90
  91 article.markup h4 {
  92     font-size: 1.3em;
  93 }
  94
  95 article.markup h5 {
  96     font-size: 1.1em;
  97 }
  98
  99 article.markup h6 {
 100     font-size: 1em;
 101 }
 102
 103 article img {
 104         max-width: 100%;
 105 }
 106
 107 .linenos {
 108         margin-right: 0;
 109         border-right: 1px solid rgb(0 0 0 / 8%);
 110         user-select: none;
 111 }
 112
 113 .linenos a {
 114         margin-right: 0.9em;
 115         user-select: none;
 116         text-decoration: none;
 117 }
 118
 119 #blob a {
 120         color: #777;
 121 }
 122
 123 #blob a:hover {
 124         color: blue;
 125         text-decoration: none;
 126 }
 127
 128 table thead td {
 129         font-weight: bold;
 130 }
 131
 132 table td {
 133         padding: 0 0.4em;
 134 }
 135
 136 #content table td {
 137         vertical-align: top;
 138         white-space: nowrap;
 139 }
 140
 141 #branches tr:hover td,
 142 #tags tr:hover td,
 143 #index tr:hover td,
 144 #log tr:hover td,
 145 #files tr:hover td {
 146         background-color: #eee;
 147 }
 148
 149 #index tr td:nth-child(2),
 150 #tags tr td:nth-child(3),
 151 #branches tr td:nth-child(3),
 152 #log tr td:nth-child(2) {
 153         white-space: normal;
 154 }
 155
 156 td.num {
 157         text-align: right;
 158 }
 159
 160 .desc {
 161         color: #777;
 162 }
 163
 164 hr {
 165         border: 0;
 166         border-top: 1px solid #777;
 167         height: 1px;
 168 }
 169
 170 pre {
 171         font-family: monospace;
 172 }
 173
 174 pre a.h {
 175         color: #00a;
 176 }
 177
 178 .A,
 179 span.i,
 180 pre a.i {
 181         color: #070;
 182 }
 183
 184 .D,
 185 span.d,
 186 pre a.d {
 187         color: #e00;
 188 }
 189
 190 pre a.h:hover,
 191 pre a.i:hover,
 192 pre a.d:hover {
 193         text-decoration: none;
 194 }
 195
 196 .url td:nth-child(2) {
 197         padding-top:    0.2em;
 198         padding-bottom: 0.9em;
 199 }
 200
 201 .url td:nth-child(2) span {
 202         padding: 1px 5px;
 203         background-color: #eee;
 204         border: 1px solid #ddd;
 205         border-radius: 5px;
 206 }
 207
 208 .url td:nth-child(2) span a {
 209         color: #444;
 210 }