main-site

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

style.css (1633B)

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