-rw-r--r-- static/css/main.css
1 /* 🐱 🐭 */ 2 3 @viewport { 4 width: device-width; 5 zoom: 1.0; 6 } 7 8 html { 9 color: #000; 10 font-family: monospace; 11 font-size: 1em; 12 } 13 14 body { 15 max-width: 900px; 16 } 17 18 p { 19 margin: 15px 0; 20 } 21 22 li { 23 list-style-type: square; 24 } 25 26 h1, h2 { 27 font-size: 1em; 28 margin: 0; 29 } 30 31 h2 { 32 font-weight: bold; 33 text-decoration: underline; 34 } 35 36 ::selection { 37 background: #5D479D; 38 color: #fff; 39 } 40 41 .fas { 42 vertical-align: -5%; 43 } 44 45 table td { 46 padding: 0 0.4em; 47 } 48 49 td.link { 50 text-align: right; 51 } 52 53 .mod { 54 font-style: italic; 55 } 56 57 a:target { 58 background-color: #ddd; 59 } 60 61 img, video { 62 max-width: 100%; 63 margin: 0 auto; 64 display: block; 65 } 66 67 #avatar { 68 width: 32px; 69 height: 32px; 70 } 71 72 #avatar:hover { 73 transform: scaleY(-1); 74 } 75 76 /* some of these are from stagit */ 77 a.d, 78 a.h, 79 a.i, 80 a.line { 81 text-decoration: none; 82 } 83 84 #blob a, 85 .desc { 86 color: #777; 87 } 88 89 #blob a:hover { 90 color: blue; 91 text-decoration: none; 92 } 93 94 table thead td { 95 font-weight: bold; 96 } 97 98 #content table td { 99 vertical-align: top; 100 white-space: nowrap; 101 } 102 103 #head { 104 width: 100%; 105 } 106 107 #branches tr:hover td, 108 #tags tr:hover td, 109 #index tr:hover td, 110 #log tr:hover td, 111 #files tr:hover td { 112 background-color: #eee; 113 } 114 115 #index tr td:nth-child(2), 116 #tags tr td:nth-child(3), 117 #branches tr td:nth-child(3), 118 #log tr td:nth-child(2) { 119 white-space: normal; 120 } 121 122 td.num { 123 text-align: right; 124 } 125 126 hr { 127 border: 0; 128 border-top: 1px solid #777; 129 height: 1px; 130 } 131 132 pre a.h { 133 color: #00a; 134 } 135 136 .A, 137 span.i, 138 pre a.i { 139 color: #070; 140 } 141 142 .D, 143 span.d, 144 pre a.d { 145 color: #e00; 146 } 147 148 pre a.h:hover, 149 pre a.i:hover, 150 pre a.d:hover { 151 text-decoration: none; 152 } 153 154 .highlight, code { 155 background: #eeeeef; 156 color: black; 157 } 158 159 .highlight { 160 white-space: pre-wrap; 161 word-wrap: break-word; 162 } 163 164 .c, .ch, .cm, .cp, .cpf, .c1, .gh, .gp 165 { color: #5D479D } /* comments */ 166 167 .err, .se, .o 168 { color: #a53c21 } /* dark red */ 169 170 .sh, .si, .sx, .sr, .s1, .ss, .cs, .gd, .dl, 171 .s2, .nc, .vc, .vg, .vi, .vm, .nv, .sc, .s 172 { color: #8f4ff0 } /* bright pink */ 173 174 .kn, .nb, .mb, .mf, .mh, .mi, .mo, .bp, .il, .m 175 { color: #406794 } /* keywords (exit, eval) */ 176 177 .kt 178 { color: #3e3e73 } /* light grey */ 179 180 .kc, .k, .ow, .kp, .kr 181 { color: #406794 } /* key words */ 182 183 .esc, .l, .n, .x, .p, .gs, .ld, .na, .no, .ge 184 .nd, .ni, .nf, .nl, .nn, .nx, .py, .nt, .w, .fm, .g 185 { color: black } 186 187 .ne { color: #5fd75f } 188 189 .gh, .gp, .cs, .gu, .ne, .cs 190 { font-weight: bold } 191