esse_website

Source code for www.esse-box.uk
Log | Files | Refs

main.css (1136B)

      1 /* ESSE - attempt 3 at a retro amber terminal theme */
      2 
      3 * {
      4     box-sizing: border-box;
      5 }
      6 
      7 body {
      8     background: #000;
      9     color: #ffb000;
     10     font-family: "Courier New", Courier, monospace;
     11     font-size: 16px;
     12     line-height: 1.6;
     13 
     14     max-width: 900px;
     15     margin: 0 auto;
     16     padding: 2rem;
     17 }
     18 
     19 h1,
     20 h2,
     21 h3 {
     22     color: #ffd35a;
     23     font-weight: normal;
     24     margin-top: 1.5rem;
     25 }
     26 
     27 hr {
     28     border: none;
     29     border-top: 1px solid #8a5a00;
     30     margin: 1.5rem 0;
     31 }
     32 
     33 p,
     34 li {
     35     color: #ffb000;
     36 }
     37 
     38 ul {
     39     padding-left: 2em;
     40 }
     41 
     42 /* Links */
     43 
     44 a {
     45     color: #ffc640;
     46     text-decoration: underline;
     47     transition: color 0.15s ease;
     48 }
     49 
     50 a:visited {
     51     color: #d99800;
     52 }
     53 
     54 a:hover,
     55 a:focus {
     56     color: #ffe27a;
     57 }
     58 
     59 a:active {
     60     color: #fff0a8;
     61 }
     62 
     63 strong {
     64     color: #ffe38c;
     65 }
     66 
     67 pre {
     68     font-family: inherit;
     69     white-space: pre-wrap;
     70     margin: 0;
     71 }
     72 
     73 header,
     74 main,
     75 
     76 footer {
     77     margin-top: 2rem;
     78     font-size: 0.95rem;
     79 }
     80 
     81 ::selection {
     82     background: #ffb000;
     83     color: #000;
     84 }
     85 
     86 /* CRTesc glow */
     87 body,
     88 h1,
     89 h2,
     90 h3,
     91 a,
     92 strong {
     93     text-shadow:
     94         0 0 2px rgba(255, 176, 0, 0.8),
     95         0 0 8px rgba(255, 176, 0, 0.2);
     96 }
     97