crabmail

Static HTML email archive viewer in Rust
git clone git://git.alexwennerberg.com/crabmail
Log | Files | Refs | README | LICENSE

style.css (1552B) - raw


      1 :root {
      2   --main-text: white;
      3   --light-text: #CCC;
      4   --light-hr: #AAA;
      5   --link: #21e6c1;
      6   --background: #1b222c;
      7   --emph-background: #1a1a1a;
      8 }
      9 @media (prefers-color-scheme: light) {
     10 :root {
     11   --link: #00F;
     12   --background: white;
     13   --main-text: black;
     14   --light-text: dimgrey;
     15   --light-hr:grey;
     16   --emph-background: #EEE;
     17 }
     18 }
     19 
     20 body {
     21     padding: 2ch;
     22     padding-left: 4ch;
     23     padding-right: 4ch;
     24     margin: auto;
     25     font-family: "Roboto", Helvetica, Arial, Sans-serif;
     26     word-wrap: break-word;
     27     line-height: 1.5;
     28     max-width: 80ch;
     29     padding: 1ch;
     30     background-color: var(--background);
     31     color: var(--main-text);
     32 }
     33 
     34 body > hr { margin-left: -1ch; }
     35 
     36 table { border-spacing: 0.5em 0.1em; }
     37 
     38 .message-sum {
     39   margin-top: 6px;
     40   margin-bottom: 12px;
     41 }
     42 
     43 .message-meta {
     44   background-color: var(--emph-background);
     45   padding: 7px;
     46 }
     47 
     48 .monospace {
     49   font-family: monospace;
     50   font-size: 1rem;
     51 }
     52 .right {
     53   text-align: right;
     54 }
     55 
     56 .bold {
     57   font-weight: bold;
     58 }
     59 
     60 .italic {
     61   font-style: italic;
     62 }
     63 
     64 a {
     65   color: var(--link);
     66 }
     67 
     68 .bigger {
     69   font-size: 1.1rem;
     70 }
     71 
     72 .light {
     73   color: var(--light-text);
     74 }
     75 
     76 .email-body {
     77   white-space:pre-line;
     78   font-size: 1rem;
     79   font-family: monospace;
     80 }
     81 
     82 .footer {
     83     text-align: center;
     84     font-style: italic;
     85     font-size: .9rem;
     86 }
     87 
     88 hr {
     89     border: 0;
     90     height: 0;
     91     color: var(--light-hr);
     92     border-top: 1px solid;
     93 }
     94 
     95 h1, h2, h3 {
     96      margin: 0;
     97 }
     98 
     99 a:visited {
    100 }
    101 
    102 a:hover{
    103   text-decoration: none;
    104 }
    105 
    106 @media only screen and (max-width: 600px) {
    107     body {
    108         font-size: 16px;
    109     }
    110 }
    111 
    112