figbert.com-website

[ACTIVE] the website and home of figbert on the clearnet
git clone git://git.figbert.com/figbert.com-website.git
Log | Files | Refs | README | LICENSE

global.css (1499B)

      1 :root {
      2   --background-color: #212121;
      3   --text-color: #f5f5f5;
      4   --secondary-color: #bababa;
      5   --link-color: #8e60a7;
      6 
      7   font-family: vistaserv, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
      8   background-color: var(--background-color);
      9   color: var(--text-color);
     10 }
     11 
     12 body {
     13   width: 85%;
     14   display: flex;
     15   margin: 2rem auto 2rem auto;
     16 }
     17 
     18 header {
     19   width: 25%;
     20   text-align: right;
     21   margin: 0 3rem 0 2rem;
     22 }
     23 
     24 main {
     25   width: 75%;
     26   font-size: 105%;
     27   line-height: 165%;
     28 }
     29 
     30 p {
     31   margin-top: 0;
     32 }
     33 
     34 a {
     35   color: inherit;
     36 }
     37 
     38 a:hover, a:focus {
     39   color: var(--link-color);
     40 }
     41 
     42 h1, h2, h3, h4, h5, h6 {
     43   margin: 0;
     44   position: relative;
     45 }
     46 
     47 h1 > a, h2 > a, h3 > a,
     48 h4 > a, h5 > a, h6 > a {
     49   text-decoration: none;
     50   color: inherit;
     51 }
     52 
     53 video, picture, img {
     54   width: 100%;
     55 }
     56 
     57 small {
     58   color: var(--secondary-color);
     59   font-size: 100%;
     60 }
     61 
     62 small > a {
     63   text-decoration: none;
     64 }
     65 
     66 #article-header {
     67   margin-bottom: 1.5rem;
     68 }
     69 
     70 #section-title {
     71   font-weight: normal;
     72   font-size: inherit;
     73 }
     74 
     75 #section-list {
     76   list-style: none;
     77   margin: 0;
     78   padding-left: 1.5rem;
     79 }
     80 
     81 .summary {
     82   color: var(--secondary-color);
     83   font-size: 90%;
     84 }
     85 
     86 .zola-anchor {
     87   opacity: 0;
     88   position: absolute;
     89   right: 101%;
     90   transition: opacity .1s linear;
     91 }
     92 
     93 h1:hover > .zola-anchor,
     94 h2:hover > .zola-anchor,
     95 h3:hover > .zola-anchor,
     96 h4:hover > .zola-anchor,
     97 h5:hover > .zola-anchor,
     98 h6:hover > .zola-anchor {
     99   opacity: 100;
    100 }