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: #f0f0f0;
  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: #f0f0f0;
  70         padding: 0.2em 0.5em;
  71     border: 1px solid #dbdbdb;
  72     border-radius: 0.3em;
  73 }
  74
  75 article.markup h1 {
  76     font-size: 2.4em;
  77 }
  78
  79 article.markup h2 {
  80     font-size: 1.9em;
  81 }
  82
  83 article.markup h3 {
  84     font-size: 1.5em;
  85 }
  86
  87 article.markup h4 {
  88     font-size: 1.3em;
  89 }
  90
  91 article.markup h5 {
  92     font-size: 1.1em;
  93 }
  94
  95 article.markup h6 {
  96     font-size: 1em;
  97 }
  98
  99 .linenos {
 100         margin-right: 0;
 101         border-right: 1px solid rgb(0 0 0 / 8%);
 102         user-select: none;
 103 }
 104
 105 .linenos a {
 106         margin-right: 0.9em;
 107         user-select: none;
 108         text-decoration: none;
 109 }
 110
 111 #blob a {
 112         color: #777;
 113 }
 114
 115 #blob a:hover {
 116         color: blue;
 117         text-decoration: none;
 118 }
 119
 120 table thead td {
 121         font-weight: bold;
 122 }
 123
 124 table td {
 125         padding: 0 0.4em;
 126 }
 127
 128 #content table td {
 129         vertical-align: top;
 130         white-space: nowrap;
 131 }
 132
 133 #branches tr:hover td,
 134 #tags tr:hover td,
 135 #index tr:hover td,
 136 #log tr:hover td,
 137 #files tr:hover td {
 138         background-color: #eee;
 139 }
 140
 141 #index tr td:nth-child(2),
 142 #tags tr td:nth-child(3),
 143 #branches tr td:nth-child(3),
 144 #log tr td:nth-child(2) {
 145         white-space: normal;
 146 }
 147
 148 td.num {
 149         text-align: right;
 150 }
 151
 152 .desc {
 153         color: #777;
 154 }
 155
 156 hr {
 157         border: 0;
 158         border-top: 1px solid #777;
 159         height: 1px;
 160 }
 161
 162 pre {
 163         font-family: monospace;
 164 }
 165
 166 pre a.h {
 167         color: #00a;
 168 }
 169
 170 .A,
 171 span.i,
 172 pre a.i {
 173         color: #070;
 174 }
 175
 176 .D,
 177 span.d,
 178 pre a.d {
 179         color: #e00;
 180 }
 181
 182 pre a.h:hover,
 183 pre a.i:hover,
 184 pre a.d:hover {
 185         text-decoration: none;
 186 }
 187
 188 .url td:nth-child(2) {
 189         padding-top:    0.2em;
 190         padding-bottom: 0.9em;
 191 }
 192
 193 .url td:nth-child(2) span {
 194         padding: 1px 5px;
 195         background-color: #eee;
 196         border: 1px solid #ddd;
 197         border-radius: 5px;
 198 }
 199
 200 .url td:nth-child(2) span a {
 201         color: #444;
 202 }