site

Francesco Saccone's site content.
git clone https://git.francescosaccone.com/site
Log | Files | Refs | README | LICENSE

style.css (2121B)

      1 body {
      2   background-color: #eeeeee;
      3   color: #1b1b1b;
      4   font-family: sans-serif;
      5   font-size: 1rem;
      6   line-height: 1.6;
      7   margin: 0;
      8   padding: 0 24%;
      9 }
     10 
     11 header {
     12   border-bottom: solid 1px;
     13   font-size: 1.3em;
     14 }
     15 
     16 footer {
     17   border-top: solid 1px;
     18   font-size: 0.9em;
     19   text-align: center;
     20   width: 100%;
     21 }
     22 
     23 header,
     24 footer {
     25   color: #acacac;
     26   font-family: serif;
     27   margin: 1em 0;
     28   padding: 1em 0;
     29 }
     30 
     31 header nav {
     32   align-items: flex-start;
     33   display: flex;
     34   flex-direction: column;
     35 }
     36 
     37 header a {
     38   text-decoration: none;
     39 }
     40 
     41 header a:hover {
     42   color: #1b1b1b;
     43   opacity: 1;
     44   text-decoration: none;
     45 }
     46 
     47 a {
     48   color: inherit;
     49   text-decoration: underline;
     50   transition: 0.2s ease;
     51 }
     52 
     53 a:hover {
     54   opacity: 0.8;
     55   text-decoration: underline;
     56 }
     57 
     58 a[rel="footnote"],
     59 a[rel="footnote"]:hover,
     60 a[rev="footnote"],
     61 a[rev="footnote"]:hover {
     62   text-decoration: none;
     63 }
     64 
     65 h1,
     66 h2,
     67 h3,
     68 h4,
     69 h5,
     70 h6 {
     71   margin: 1em 0;
     72 }
     73 
     74 p,
     75 ul,
     76 ol {
     77   margin: 0.5em 0;
     78 }
     79 
     80 ul,
     81 ol {
     82   margin-left: 1.5em;
     83 }
     84 
     85 img {
     86   border-radius: 0.3em;
     87   max-width: 100%;
     88 }
     89 
     90 hr {
     91   border: solid 0.1em;
     92   border-color: #acacac;
     93   border-style: dashed;
     94   margin: 2em 30%;
     95 }
     96 
     97 blockquote {
     98   border-left: solid 0.15em;
     99   border-left-color: #acacac;
    100   font-style: italic;
    101   margin-left: 0.5em;
    102   padding: 0.5em 1em;
    103 }
    104 
    105 em,
    106 figcaption {
    107   font-style: italic;
    108 }
    109 
    110 figcaption {
    111   font-size: 0.9em;
    112 }
    113 
    114 strong {
    115   font-weight: bold;
    116 }
    117 
    118 code,
    119 pre,
    120 table {
    121   background-color: #e4e4e4;
    122   border-radius: 0.3em;
    123   padding: 0.2em;
    124 }
    125 
    126 pre {
    127   overflow: auto;
    128   padding: 1em;
    129   white-space: pre;
    130 }
    131 
    132 pre code {
    133   background: none;
    134 }
    135 
    136 table {
    137   border-collapse: collapse;
    138   width: 100%;
    139 }
    140 
    141 th,
    142 td {
    143   padding: 0.5em;
    144   text-align: center;
    145 }
    146 
    147 sup {
    148   font-size: smaller;
    149 }
    150 
    151 @media (orientation: portrait) {
    152   body {
    153     padding: 0 2rem;
    154   }
    155 }
    156 
    157 @media (prefers-color-scheme: dark) {
    158   body {
    159     background-color: #111111;
    160     color: #e4e4e4;
    161   }
    162 
    163   header,
    164   footer {
    165     color: #535353;
    166   }
    167 
    168   header a:hover {
    169     color: #e4e4e4;
    170   }
    171 
    172   hr {
    173     border-color: #535353;
    174   }
    175 
    176   blockquote {
    177     border-left-color: #535353;
    178   }
    179 
    180   code,
    181   pre,
    182   table {
    183     background-color: #1b1b1b;
    184   }
    185 }