stagit My personal fork of a static git page generator
git clone https://git.muftee.net/stagit.git
Log | Files | Refs | README | LICENSE

style.css (2273B)

      1 /* Light mode (default) */
      2 body {
      3 	color: #222;
      4 	background-color: #f8f8f8;
      5 	font-family: monospace;
      6 }
      7 
      8 h1, h2, h3, h4, h5, h6 {
      9 	font-size: 1em;
     10 	margin: 0;
     11 }
     12 
     13 img, h1, h2 {
     14 	vertical-align: middle;
     15 }
     16 
     17 img {
     18 	border: 0;
     19 }
     20 
     21 a {
     22 	color: #4a6fa5;
     23 	text-decoration: none;
     24 }
     25 
     26 a:hover {
     27 	color: #2a4a7a;
     28 	text-decoration: underline;
     29 }
     30 
     31 #blob a {
     32 	color: #888;
     33 }
     34 
     35 #blob a:hover {
     36 	color: #4a6fa5;
     37 	text-decoration: none;
     38 }
     39 
     40 table thead td {
     41 	font-weight: bold;
     42 }
     43 
     44 table td {
     45 	padding: 0 0.4em;
     46 }
     47 
     48 #content table td {
     49 	vertical-align: top;
     50 	white-space: nowrap;
     51 }
     52 
     53 #branches tr:hover td,
     54 #tags tr:hover td,
     55 #index tr:hover td,
     56 #log tr:hover td,
     57 #files tr:hover td {
     58 	background-color: #f0f0f0;
     59 }
     60 
     61 #index tr td:nth-child(2),
     62 #tags tr td:nth-child(3),
     63 #branches tr td:nth-child(3),
     64 #log tr td:nth-child(2) {
     65 	white-space: normal;
     66 }
     67 
     68 td.num {
     69 	text-align: right;
     70 }
     71 
     72 .desc {
     73 	color: #888;
     74 }
     75 
     76 hr {
     77 	border: 0;
     78 	border-top: 1px solid #ccc;
     79 	height: 1px;
     80 }
     81 
     82 pre {
     83 	font-family: monospace;
     84 }
     85 
     86 pre a.h {
     87 	color: #2a5a8a;
     88 }
     89 
     90 span.i,
     91 pre a.i {
     92 	color: #2d7a2d;
     93 }
     94 
     95 span.d,
     96 pre a.d {
     97 	color: #cc3333;
     98 }
     99 
    100 pre a.h:hover,
    101 pre a.i:hover,
    102 pre a.d:hover {
    103 	text-decoration: none;
    104 }
    105 
    106 /* Theme toggle button */
    107 #theme-toggle {
    108 	background: none;
    109 	border: 1px solid #888;
    110 	border-radius: 4px;
    111 	padding: 4px 8px;
    112 	cursor: pointer;
    113 	font-family: monospace;
    114 	color: #222;
    115 }
    116 
    117 #theme-toggle:hover {
    118 	background-color: #f0f0f0;
    119 }
    120 
    121 /* Dark mode */
    122 body.dark-mode {
    123 	color: #e0e0e0;
    124 	background-color: #1a1a1a;
    125 }
    126 
    127 body.dark-mode a {
    128 	color: #6a9fd8;
    129 }
    130 
    131 body.dark-mode a:hover {
    132 	color: #8ab8e8;
    133 }
    134 
    135 body.dark-mode #blob a {
    136 	color: #888;
    137 }
    138 
    139 body.dark-mode #blob a:hover {
    140 	color: #6a9fd8;
    141 }
    142 
    143 body.dark-mode #branches tr:hover td,
    144 body.dark-mode #tags tr:hover td,
    145 body.dark-mode #index tr:hover td,
    146 body.dark-mode #log tr:hover td,
    147 body.dark-mode #files tr:hover td {
    148 	background-color: #2a2a2a;
    149 }
    150 
    151 body.dark-mode .desc {
    152 	color: #888;
    153 }
    154 
    155 body.dark-mode hr {
    156 	border-top: 1px solid #444;
    157 }
    158 
    159 body.dark-mode pre a.h {
    160 	color: #6a9fd8;
    161 }
    162 
    163 body.dark-mode span.i,
    164 body.dark-mode pre a.i {
    165 	color: #5cb85c;
    166 }
    167 
    168 body.dark-mode span.d,
    169 body.dark-mode pre a.d {
    170 	color: #d9534f;
    171 }
    172 
    173 body.dark-mode #theme-toggle {
    174 	color: #e0e0e0;
    175 	border-color: #666;
    176 }
    177 
    178 body.dark-mode #theme-toggle:hover {
    179 	background-color: #2a2a2a;
    180 }