main-site

Main site for niliara.net
git clone git://niliara.net/main-site
Log | Files | Refs

blog.css (1575B)

      1 :root {
      2     --bg: #fdfbea;
      3     --fg: #622f2c;
      4     --link: #B55D39;
      5     --comment: #888;
      6     --border: #888;
      7 }
      8 
      9 body {
     10     margin: 0;
     11     background-color: var(--bg);
     12     color: var(--fg);
     13     font-family: Hasklig;
     14     line-height: 1.4;
     15     font-size: 1.2em;
     16     padding: 1em;
     17 }
     18 
     19 main {
     20     margin: 0 auto;
     21     padding: 2em 0em;
     22     max-width: 800px;
     23 }
     24 
     25 
     26 h1 {
     27     text-align: center;
     28 }
     29 
     30 a {
     31     color: var(--link);
     32 }
     33 
     34 pre a {
     35     color: inherit;
     36 }
     37 
     38 a:not(:hover) {
     39     text-decoration: none;
     40 }
     41 
     42 a.alt {
     43     display: block;
     44     text-decoration: none;
     45     padding: 0.2em;
     46 }
     47 
     48 a.alt h3 {
     49     font-size: 1em;
     50     color: var(--fg);
     51     font-weight: normal;
     52 }
     53 
     54 a.alt:hover h3 {
     55     color: var(--link);
     56     text-decoration: underline;
     57 }
     58 
     59 a.alt span {
     60     color: var(--comment);
     61     float: right;
     62     margin-right: 1.3em;
     63 }
     64 
     65 @font-face {
     66     font-family: Hasklig;
     67     src: url(Hasklig-Regular.ttf);
     68 }
     69 
     70 .about {
     71     border: 1px var(--border) solid;
     72     padding: 0em 2em;
     73 }
     74 
     75 pre:not(.nocode) {
     76     margin: 1em 0;
     77     padding: 0.8em;
     78     margin-bottom: 2em;
     79     border: 1px var(--border) solid;
     80 
     81     overflow: scroll;
     82 }
     83 
     84 pre, code {
     85     font-family: Hasklig !important;
     86 }
     87 
     88 div.ascii pre {
     89     width: 5.4em;
     90     margin: 0 auto;
     91 }
     92 
     93 nav {
     94     display: flex;
     95     flex-wrap: wrap;
     96 
     97     gap: 1.2em;
     98 }
     99 
    100 nav.center {
    101     justify-content: center;
    102 }
    103 
    104 div {
    105     margin: 0;
    106 }
    107 
    108 div.links {
    109     border: 1px solid var(--fg);
    110 }
    111 
    112 div.index div {
    113     display: inline-block;
    114     margin-bottom: 1em;
    115 }
    116 
    117 td {
    118     padding-right: 1em;
    119 }
    120 
    121 li {
    122     list-style: circle;
    123 }
    124 
    125 a.alt:hover li {
    126     list-style: disc;
    127 }