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