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

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


      1 @viewport {
      2     width: device-width;
      3     zoom: 1.0;
      4 }
      5 
      6 html {
      7     color: #000;
      8     font-family: monospace;
      9     font-size: 1em;
     10     background: #5d479d;
     11 }
     12 
     13 body {
     14     margin: 0 auto;
     15     max-width: 900px;
     16     background: #fff;
     17 }
     18 
     19 header {
     20     padding: 20px;
     21     background-color: #fcfaff;
     22 }
     23 
     24 
     25 #heada:link,
     26 #heada:visited,
     27 #heada:hover,
     28 #heada:active {
     29     text-decoration: none;
     30     color: black;
     31 }
     32 
     33 #content {
     34     padding: 20px;
     35 }
     36 
     37 p {
     38     margin: 15px 0;
     39 }
     40 
     41 ::selection {
     42     background: #5D479D;
     43     color: #fff;
     44 }
     45 
     46 #nav {
     47     padding: 10px 20px 0;
     48 }
     49 
     50 #tag,
     51 #tag a {
     52     color: #aaa;
     53 }
     54 
     55 #links {
     56     float: right;
     57 }
     58 
     59 #docs h2 {
     60     text-decoration: underline #333;
     61     padding-top: 1.5em;
     62 }
     63 
     64 #docs h1 {
     65     text-decoration: underline #333;
     66 }
     67 
     68 #docs h3 {
     69     text-decoration: underline #aaa;
     70     padding: 1em 0 0;
     71 }
     72 
     73 #docs p {
     74     font-family: sans;
     75 }
     76 
     77 p code {
     78     font-weight: bolder;
     79 }
     80 
     81 p code,
     82 #docs pre {
     83     background: #eee;
     84 }
     85 
     86 pre {
     87     padding: 0.6em;
     88 }
     89 
     90 td, th {
     91     padding: 0.1em 1em;
     92     text-align: left;
     93 }
     94 
     95 table {
     96     margin: 3em auto;
     97     width: 90%;
     98     border-collapse: collapse;
     99 }
    100 
    101 th {
    102     background-color: #fcfaff;
    103     text-decoration: underline #aaa;
    104 }
    105 
    106 tr:nth-child(even) {
    107     background-color: #fcfaff;
    108 }
    109 
    110 .line {
    111     text-decoration: none;
    112     color: #5d479d50;
    113 }
    114 
    115 .line:hover {
    116     background-color: #5d479d50;
    117     color: #333;
    118 }
    119 
    120 .diff {
    121     background-color: #eee;
    122     padding: 0.6em;
    123     overflow-x: scroll;
    124     margin: 20px 0;
    125 }
    126 
    127 .diff .status {
    128     color: #666;
    129     float: right;
    130 }
    131 
    132 .diff .add {
    133     color: #0a0;
    134 }
    135 
    136 .diff .sub {
    137     color: #a00;
    138 }
    139