main-site

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

style.css (2490B)


      1 :root {
      2     --bg-dark: #131313;
      3     --bg: #282828;
      4     --bg-base: #32302f;
      5     --fg: #fbf1c7;
      6     --link: #ffc107;
      7     --border: #908a67;
      8     --comment: #999;
      9     --ascii-b: #444;
     10 
     11     scrollbar-color: var(--link) var(--bg-dark);
     12     height: 100%;
     13 }
     14 
     15 .index {
     16     align-content: center;
     17 }
     18 
     19 body {
     20     margin: 0;
     21     background-color: var(--bg);
     22     color: var(--fg);
     23     /* font-family: Hasklig; */
     24     font-family: Iosevka;
     25     line-height: 1.4;
     26     font-size: 1.4em;
     27     padding: 1em;
     28     margin-bottom: 8em;
     29 }
     30 
     31 main {
     32     margin: 0 auto;
     33     padding: 2em 0em;
     34     max-width: 800px;
     35 }
     36 
     37 
     38 main h1 {
     39     text-align: center;
     40 }
     41 
     42 a {
     43     color: var(--link);
     44 }
     45 
     46 pre a {
     47     color: inherit;
     48 }
     49 
     50 a:not(:hover) {
     51     text-decoration: none;
     52 }
     53 
     54 .links {
     55     width: 800px;
     56     margin: 0 auto;
     57 }
     58 
     59 .links ul {
     60     list-style: none;
     61     padding: 0em;
     62 }
     63 
     64 .links li {
     65     display: flex;
     66     justify-content: center;
     67 }
     68 
     69 a.alt {
     70     text-decoration: none;
     71     text-align: center;
     72 
     73     justify-content: space-between;
     74 }
     75 
     76 a.alt h3 {
     77     font-size: 1em;
     78     color: var(--fg);
     79     font-weight: normal;
     80     text-align: left;
     81     margin: 0;
     82 }
     83 
     84 a.alt:hover h3 {
     85     color: var(--link);
     86     text-decoration: underline;
     87 }
     88 
     89 a.alt:focus h3 {
     90     color: var(--link);
     91 }
     92 
     93 a.alt span {
     94     color: var(--comment);
     95 }
     96 
     97 span.ascii-border {
     98     color: var(--ascii-b);
     99     -webkit-user-select: none; /* Safari */
    100     -ms-user-select: none; /* IE 10 and IE 11 */
    101     user-select: none; /* Standard syntax */
    102 }
    103 
    104 .about {
    105     border: 1px var(--border) dashed;
    106     padding: 1em;
    107     margin: 1em 0;
    108 }
    109 
    110 pre:not(.nocode) {
    111     margin: 1em 0;
    112     padding: 0.8em;
    113     margin-bottom: 2em;
    114     border: 1px var(--border) solid;
    115 
    116     overflow: scroll;
    117 }
    118 
    119 pre, code {
    120     font-family: Iosevka !important;
    121 }
    122 
    123 div.ascii {
    124     width: 7em;
    125     margin: 0 auto;
    126 }
    127 
    128 div.ascii pre {
    129     width: 5.4em;
    130     margin: 0 auto;
    131 }
    132 
    133 div.ascii a {
    134     display: block;
    135     margin: 0 auto;
    136     text-align: center;
    137     margin-left:3.2em;
    138 }
    139 
    140 nav {
    141     display: flex;
    142     flex-wrap: wrap;
    143 
    144     gap: 1.2em;
    145 }
    146 
    147 nav.center {
    148     justify-content: center;
    149 }
    150 
    151 nav.center a {
    152     align-content: center;
    153 }
    154 
    155 div {
    156     margin: 0;
    157 }
    158 
    159 div.index{
    160     display: flex;
    161     flex-wrap: wrap;
    162     justify-content: space-around;
    163 }
    164 
    165 div.index div {
    166     display: inline-block;
    167     margin-bottom: 1em;
    168 }
    169 
    170 td {
    171     padding-right: 1em;
    172 }
    173 
    174 @font-face {
    175     font-family: Hasklig;
    176     src: url(Hasklig-Regular.ttf);
    177 }
    178 
    179 @font-face {
    180     font-family: Iosevka;
    181     src: url(Iosevka-Regular.ttf);
    182 }