git-selfhost

Self-hosted git server with auto-regenerating static stagit frontend
git clone git://git.deurzen.net/git-selfhost
Log | Files | Refs | README

style.css (3191B)


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