website

my website
git clone git://git.evenfri.xyz/website.git
Log | Files | Refs | LICENSE

style.css (2012B)

      1 body {
      2   background-color: #ffffff;
      3   color: #000000;
      4   font-family: monospace, serif;
      5   font-size: 14px;
      6   line-height: 1.4;
      7   margin: 20px;
      8   padding: 0;
      9 }
     10 
     11 .container, .news-blog-item {
     12   max-width: 750px;
     13   margin: 0 auto;
     14   padding: 15px;
     15   border: 1px solid #999999;
     16   background-color: #f8f8f8;
     17 }
     18 
     19 h1 {
     20   font-size: 1.8rem;
     21   font-weight: bold;
     22   margin-top: 0;
     23   margin-bottom: 10px;
     24   border-bottom: 2px solid #000000;
     25   padding-bottom: 5px;
     26 }
     27 
     28 h1 a, h1 a:visited {
     29   color: #000000;
     30   text-decoration: none;
     31 }
     32 
     33 h1 a:hover {
     34   text-decoration: underline;
     35 }
     36 
     37 a {
     38   color: #0000ee;
     39   text-decoration: underline;
     40 }
     41 
     42 a:visited {
     43   color: #551a8b;
     44 }
     45 
     46 a:active {
     47   color: #ff0000;
     48 }
     49 
     50 a:hover {
     51   color: #0000ff;
     52   background-color: #ffffcc;
     53 }
     54 
     55 .nav {
     56   background-color: #eeeeee;
     57   border: 1px solid #cccccc;
     58   padding: 5px 10px;
     59   margin-bottom: 15px;
     60   font-weight: bold;
     61   text-align: center;
     62 }
     63 
     64 .banners {
     65   margin-top: 15px;
     66   display: flex;
     67   flex-wrap: wrap;
     68   gap: 4px;
     69   justify-content: center;
     70 }
     71 
     72 .banners img {
     73   image-rendering: pixelated;
     74   border: 1px solid #666666;
     75 }
     76 
     77 hr {
     78   border: none;
     79   border-top: 1px solid #aaaaaa;
     80   margin: 15px 0;
     81 }
     82 
     83 pre, code {
     84   font-family: monospace;
     85   background-color: #ededed;
     86   padding: 2px 4px;
     87 }
     88 
     89 /* violation of retro style
     90 @media (prefers-color-scheme: dark) {
     91   body {
     92     background-color: #121212;
     93     color: #e0e0e0;
     94   }
     95 
     96   .container,
     97   .news-blog-item {
     98     background-color: #1e1e1e;
     99     border-color: #444444;
    100   }
    101 
    102   h1 {
    103     border-bottom-color: #e0e0e0;
    104   }
    105 
    106   h1 a, 
    107   h1 a:visited {
    108     color: #e0e0e0;
    109   }
    110 
    111   a {
    112     color: #8ab4f8;
    113   }
    114 
    115   a:visited {
    116     color: #c58af9;
    117   }
    118 
    119   a:hover {
    120     color: #ffffff;
    121     background-color: #333333;
    122   }
    123 
    124   .nav {
    125     background-color: #252525;
    126     border-color: #444444;
    127   }
    128 
    129   hr {
    130     border-top-color: #444444;
    131   }
    132 
    133   pre, code {
    134     background-color: #2a2a2a;
    135     color: #e0e0e0;
    136   }
    137 
    138   .news-blog-item img,
    139   div[style*="text-align: center"] img {
    140     border-color: #444444 !important;
    141   }
    142 }
    143 */