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 .linenos {
 104         margin-right: 0;
 105         border-right: 1px solid rgb(0 0 0 / 8%);
 106         user-select: none;
 107 }
 108
 109 .linenos a {
 110         margin-right: 0.9em;
 111         user-select: none;
 112         text-decoration: none;
 113 }
 114
 115 #blob a {
 116         color: #777;
 117 }
 118
 119 #blob a:hover {
 120         color: blue;
 121         text-decoration: none;
 122 }
 123
 124 table thead td {
 125         font-weight: bold;
 126 }
 127
 128 table td {
 129         padding: 0 0.4em;
 130 }
 131
 132 #content table td {
 133         vertical-align: top;
 134         white-space: nowrap;
 135 }
 136
 137 #branches tr:hover td,
 138 #tags tr:hover td,
 139 #index tr:hover td,
 140 #log tr:hover td,
 141 #files tr:hover td {
 142         background-color: #eee;
 143 }
 144
 145 #index tr td:nth-child(2),
 146 #tags tr td:nth-child(3),
 147 #branches tr td:nth-child(3),
 148 #log tr td:nth-child(2) {
 149         white-space: normal;
 150 }
 151
 152 td.num {
 153         text-align: right;
 154 }
 155
 156 .desc {
 157         color: #777;
 158 }
 159
 160 hr {
 161         border: 0;
 162         border-top: 1px solid #777;
 163         height: 1px;
 164 }
 165
 166 pre {
 167         font-family: monospace;
 168 }
 169
 170 pre a.h {
 171         color: #00a;
 172 }
 173
 174 .A,
 175 span.i,
 176 pre a.i {
 177         color: #070;
 178 }
 179
 180 .D,
 181 span.d,
 182 pre a.d {
 183         color: #e00;
 184 }
 185
 186 pre a.h:hover,
 187 pre a.i:hover,
 188 pre a.d:hover {
 189         text-decoration: none;
 190 }
 191
 192 .url td:nth-child(2) {
 193         padding-top:    0.2em;
 194         padding-bottom: 0.9em;
 195 }
 196
 197 .url td:nth-child(2) span {
 198         padding: 1px 5px;
 199         background-color: #eee;
 200         border: 1px solid #ddd;
 201         border-radius: 5px;
 202 }
 203
 204 .url td:nth-child(2) span a {
 205         color: #444;
 206 }