🐙 Templated web page generator for your git repositories
git clone https://github.com/m-col/gitja
Files | Refs | Readme | License

-rw-r--r-- templates/stagit/style.css


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