style.css (2939B) - raw

      1 body {
      2 	color: #000;
      3 	background-color: #fff;
      4 	font-family: sans-serif;
      5 	max-width: 800px;
      6 	margin: 8px auto;
      7 	padding: 5px;
      8 	line-height: 1.5;
      9 }
     10 
     11 #branches,
     12 #tags,
     13 #index,
     14 #log,
     15 #files {
     16 	font-family: monospace;
     17 }
     18 
     19 #head, #content, .table-container {
     20 	max-width: 800px;
     21 	overflow-x: auto;
     22 	margin: auto;
     23 }
     24 
     25 #log, #index {
     26 	min-width: 600px;
     27 	width: 100%;
     28 	overflow-x: auto;
     29 }
     30 
     31 pre:not(#about) {
     32 	overflow-x: auto;
     33 	border: 1px solid #d2d2d2;
     34 	border-radius: 4px;
     35 	padding: 10px;
     36 }
     37 
     38 a {
     39 	color: #00c;
     40 }
     41 
     42 #head table {
     43 	margin-top: 0.5em;
     44 	margin-bottom: 0.5em;
     45 }
     46 
     47 #head table td:first-child {
     48 	padding: 0 0.4em 0 0;
     49 }
     50 
     51 #head table td:last-child {
     52 	padding: 0 0 0 0.4em;
     53 }
     54 
     55 #head p {
     56 	margin: 0;
     57 }
     58 
     59 #files .dir {
     60 	font-weight: bold;
     61 	text-decoration: none;
     62 }
     63 
     64 .url {
     65 	font-family: monospace;
     66 }
     67 
     68 #home h1 {
     69 	font-size: 1.5em;
     70 	text-align: center;
     71 	margin-top: 1em;
     72 }
     73 
     74 #home h2 {
     75 	font-size: 1.25em;
     76 	margin-top: 2.5em;
     77 	margin-bottom: 1em;
     78 }
     79 
     80 h1, h2, h3, h4, h5, h6 {
     81 	font-size: 1em;
     82 	margin: 0;
     83 }
     84 
     85 .md h1 {
     86 	font-size: 1.5em;
     87 }
     88 
     89 .md h2 {
     90 	font-size: 1.25em;
     91 }
     92 
     93 img, svg, h1, h2 {
     94 	vertical-align: middle;
     95 }
     96 
     97 img, svg {
     98 	border: 0;
     99 }
    100 
    101 a:target {
    102 	background-color: #ccc;
    103 }
    104 
    105 a.d,
    106 a.h,
    107 a.i,
    108 a.line {
    109 	text-decoration: none;
    110 }
    111 
    112 #blob a {
    113 	color: #777;
    114 }
    115 
    116 #blob a:hover {
    117 	color: blue;
    118 	text-decoration: none;
    119 }
    120 
    121 table thead td {
    122 	font-weight: bold;
    123 }
    124 
    125 table td {
    126 	padding: 0 0.4em;
    127 }
    128 
    129 #content table td {
    130 	vertical-align: top;
    131 	white-space: nowrap;
    132 }
    133 
    134 #branches tr:hover td,
    135 #tags tr:hover td,
    136 #index tr:hover td,
    137 #log tr:hover td,
    138 #files tr:hover td {
    139 	background-color: #eee;
    140 }
    141 
    142 #index tr td:nth-child(2),
    143 #tags tr td:nth-child(3),
    144 #branches tr td:nth-child(3),
    145 #log tr td:nth-child(2) {
    146 	white-space: normal;
    147 }
    148 
    149 td.num {
    150 	text-align: right;
    151 }
    152 
    153 .desc {
    154 	color: #777;
    155 }
    156 
    157 hr {
    158 	border: 0;
    159 	border-top: 1px solid #777;
    160 	height: 1px;
    161 }
    162 
    163 pre {
    164 	font-family: monospace;
    165 }
    166 
    167 .A,
    168 span.i,
    169 pre a.i {
    170 	color: #181;
    171 }
    172 
    173 .D,
    174 span.d,
    175 pre a.d {
    176 	color: #e02;
    177 }
    178 
    179 pre a.h:hover,
    180 pre a.i:hover,
    181 pre a.d:hover {
    182 	text-decoration: none;
    183 }
    184 
    185 .md table {
    186 	border-collapse: collapse;
    187 	margin: 1em 1em;
    188 	border: 1px solid #d2d2d2;
    189 }
    190 
    191 .md table td,
    192 .md table th {
    193 	padding: 0.25em 1em;
    194 	border: 1px solid #d2d2d2;
    195 }
    196 
    197 #index .cat td {
    198 	font-style: italic;
    199 }
    200 
    201 #index .repo td:first-child {
    202 	padding-left: 1.5em;
    203 }
    204 
    205 @media (prefers-color-scheme: dark) {
    206 	body {
    207 		background-color: #111;
    208 		color: #ccc;
    209 	}
    210 	hr {
    211 		border-color: #555;
    212 	}
    213 	a {
    214 		color: #4d80b3;
    215 	}
    216 	a:target {
    217 		background-color: #222;
    218 	}
    219 	.desc {
    220 		color: #aaa;
    221 	}
    222 	#blob a {
    223 		color: #555;
    224 	}
    225 	#blob a:target {
    226 		color: #eee;
    227 	}
    228 	#blob a:hover {
    229 		color: #56c8ff;
    230 	}
    231 	pre a.h {
    232 		color: #0bb;
    233 	}
    234 	.A,
    235 	span.i,
    236 	pre a.i {
    237 		color: #1a1;
    238 	}
    239 	.D,
    240 	span.d,
    241 	pre a.d {
    242 		color: #e44;
    243 	}
    244 	#branches tr:hover td,
    245 	#tags tr:hover td,
    246 	#index tr:hover td,
    247 	#log tr:hover td,
    248 	#files tr:hover td {
    249 		background-color: #111;
    250 	}
    251 	pre:not(#about),
    252 	.md table,
    253 	.md table td,
    254 	.md table th {
    255 		border-color: #555;
    256 	}
    257 }