stagit

static git page generator  https://git.ce9e.org
git clone https://git.ce9e.org/stagit.git

commit
0aa85fe15d632ac20256510674352aede226cd2b
parent
ef7acbd601b5f200c7cab6c4a218c3f45664ea4f
Author
Tobias Bengfort <tobias.bengfort@posteo.de>
Date
2020-03-30 07:06
styling

Diffstat

M style.css 149 ++++++++++++++++++++++++++++++++++++++-----------------------

1 files changed, 93 insertions, 56 deletions


diff --git a/style.css b/style.css

@@ -1,97 +1,134 @@
    1     1 body {
    2    -1 	color: #000;
    3    -1 	background-color: #fff;
    4     2 	font-family: monospace;
   -1     3 	line-height: 1.4;
   -1     4 	padding: 1ch;
   -1     5 	max-width: 100ch;
   -1     6 	margin: 0 auto;
   -1     7 	tab-size: 4;
   -1     8 	-moz-tab-size: 4;
    5     9 }
    6    10 
    7    11 h1, h2, h3, h4, h5, h6 {
    8    -1 	font-size: 1em;
    9    -1 	margin: 0;
   -1    12 	font-size: inherit;
   -1    13 	margin: 2em 0 0 0;
   10    14 }
   11    15 
   12    -1 img, h1, h2 {
   13    -1 	vertical-align: middle;
   -1    16 ol, ul {
   -1    17 	padding-left: 2em;
   14    18 }
   15    19 
   16    -1 img {
   17    -1 	border: 0;
   -1    20 td, th {
   -1    21 	padding: 0 0.4em;
   -1    22 	text-align: start;
   -1    23 	vertical-align: top;
   -1    24 	white-space: nowrap;
   18    25 }
   19    -1 
   20    -1 a:target {
   21    -1 	background-color: #ccc;
   -1    26 tr:hover td {
   -1    27 	background-color: #eee;
   -1    28 }
   -1    29 td.text {
   -1    30 	white-space: normal;
   -1    31 }
   -1    32 td.num,
   -1    33 th.num {
   -1    34 	text-align: end;
   22    35 }
   23    36 
   24    -1 a.d,
   25    -1 a.h,
   26    -1 a.i,
   27    -1 a.line {
   -1    37 ins {
   -1    38 	text-decoration: none;
   -1    39 	background-color: #cfd;
   -1    40 }
   -1    41 del {
   28    42 	text-decoration: none;
   -1    43 	background-color: #fde;
   29    44 }
   30    45 
   31    -1 table thead td {
   32    -1 	font-weight: bold;
   -1    46 .i {
   -1    47 	color: #2b4;
   -1    48 }
   -1    49 .d {
   -1    50 	color: #c23;
   33    51 }
   34    52 
   35    -1 table td {
   36    -1 	padding: 0 0.4em;
   -1    53 dl {
   -1    54 	overflow: hidden;
   -1    55 }
   -1    56 dt {
   -1    57 	font-weight: bold;
   -1    58 	min-width: 7ch;
   -1    59 	clear: left;
   -1    60 }
   -1    61 dt, dd {
   -1    62 	float: left;
   -1    63 	margin: 0;
   37    64 }
   38    65 
   39    -1 #content table td {
   40    -1 	vertical-align: top;
   41    -1 	white-space: nowrap;
   -1    66 h2:target,
   -1    67 a:target,
   -1    68 span:target,
   -1    69 ins:target,
   -1    70 del:target {
   -1    71 	background-color: #ff9;
   42    72 }
   43    73 
   44    -1 #branches tr:hover td,
   45    -1 #tags tr:hover td,
   46    -1 #index tr:hover td,
   47    -1 #log tr:hover td,
   48    -1 #files tr:hover td {
   49    -1 	background-color: #eee;
   -1    74 header {
   -1    75 	display: flex;
   -1    76 	flex-direction: row;
   -1    77 }
   -1    78 header img {
   -1    79 	margin-right: 1em;
   -1    80 	height: 4em;
   50    81 }
   51    82 
   52    -1 #index tr td:nth-child(2),
   53    -1 #tags tr td:nth-child(3),
   54    -1 #branches tr td:nth-child(3),
   55    -1 #log tr td:nth-child(2) {
   56    -1 	white-space: normal;
   -1    83 .cloneurl {
   -1    84 	color: #777;
   57    85 }
   58    86 
   59    -1 td.num {
   60    -1 	text-align: right;
   -1    87 nav {
   -1    88 	margin-top: 1em;
   61    89 }
   62    90 
   63    -1 .desc {
   64    -1 	color: #777;
   -1    91 #readme {
   -1    92 	margin-top: 4ch;
   65    93 }
   66    94 
   67    -1 hr {
   68    -1 	border: 0;
   69    -1 	border-top: 1px solid #777;
   70    -1 	height: 1px;
   -1    95 #readme pre {
   -1    96 	display: block;
   -1    97 	padding: 1ch;
   -1    98 	border-left: 1ch solid #777;
   -1    99 	overflow-x: auto;
   -1   100 	font-family: inherit;
   -1   101 	background-color: #eee;
   71   102 }
   72   103 
   73    -1 pre {
   74    -1 	font-family: monospace;
   -1   104 #readme code {
   -1   105 	padding: 0 1ch;
   -1   106 	background-color: #eee;
   75   107 }
   76   108 
   77    -1 pre a.h {
   78    -1 	color: #00a;
   -1   109 #readme pre code {
   -1   110 	padding: 0;
   -1   111 	background-color: transparent;
   79   112 }
   80   113 
   81    -1 .A,
   82    -1 span.i,
   83    -1 pre a.i {
   84    -1 	color: #070;
   -1   114 .diff {
   -1   115 	display: grid;
   -1   116 	border: 1px solid #eee;
   -1   117 	overflow-x: auto;
   85   118 }
   86   119 
   87    -1 .D,
   88    -1 span.d,
   89    -1 pre a.d {
   90    -1 	color: #e00;
   -1   120 .h {
   -1   121 	padding: 0.2em;
   -1   122 	border-left: 11ch solid #def;
   -1   123 	padding-left: 1ch;
   -1   124 	background-color: #eff;
   91   125 }
   92   126 
   93    -1 pre a.h:hover,
   94    -1 pre a.i:hover,
   95    -1 pre a.d:hover {
   -1   127 .line a {
   -1   128 	color: #777;
   96   129 	text-decoration: none;
   97   130 }
   -1   131 .line a:hover,
   -1   132 .line a:focus {
   -1   133 	color: inherit;
   -1   134 }