grgr.me

latest commits to https://grgr.me/
Log | Files | Refs

style.css (1739B)

      1 /* Implying I do front-end */
      2 
      3 a {
      4   text-decoration: none;
      5 }
      6 
      7 a:hover {
      8   text-decoration: underline;
      9 }
     10 
     11 body {
     12   text-rendering: optimizeLegibility;
     13   font-feature-settings: "kern" 1;
     14   font-feature-settings: "liga" 1;
     15 
     16   background-color: #f6f2e6;
     17   font-family: "Charter", sans-serif;
     18   font-size: 16.5px;
     19   margin: 5% auto;
     20   max-width: 62ch;
     21   line-height: 1.35;
     22   width: 80%;
     23   word-wrap: break-word;
     24 }
     25 
     26 button {
     27   border: none;
     28   margin-left: -2px;
     29   margin-right: -2px;
     30 }
     31 
     32 button:hover {
     33   background-color: #d6d6d6;
     34 }
     35 
     36 footer, main {
     37   margin: 6% auto 7% 3%;
     38 }
     39 
     40 h1,
     41 h2,
     42 .cooper {
     43   font-family: "Cooper Hewitt", sans-serif;
     44   font-weight: 400;
     45   font-size: 1.05em;
     46 }
     47 
     48 h2,
     49 .cooper {
     50   font-size: 1.025em;
     51 }
     52 
     53 h2,
     54 .distinct-from-above {
     55   margin-top: 4.2em;
     56 }
     57 
     58 iframe {
     59   border: 0;
     60   height: 100%;
     61   position: absolute;
     62   width: 100%;
     63 }
     64 
     65 img {
     66   max-width: 100%;
     67 }
     68 
     69 li {
     70   margin-top: 4px;
     71 }
     72 
     73 li:first-child {
     74   margin-top: 0px;
     75 }
     76 
     77 sup {
     78   vertical-align: text-top;
     79 }
     80 
     81 /*
     82  * Embed
     83  */
     84 
     85 .embed {
     86   position: relative;
     87 }
     88 
     89 img.embed {
     90   display: none;
     91   max-width: inherit;
     92   position: absolute;
     93   right: 102%;
     94   z-index: 1;
     95 }
     96 
     97 img.embed.left {
     98   left: 103%;
     99 }
    100 
    101 @media (hover) and (min-width: 720px) {
    102   button:hover > img.embed {
    103     display: block;
    104   }
    105 }
    106 
    107 .nowrap {
    108   white-space: nowrap;
    109 }
    110 
    111 /*
    112  * Other
    113  */
    114 
    115 @media print {
    116   a[href^="http"]::after {
    117     content: " (" attr(href) ")";
    118   }
    119   footer {
    120     display: none;
    121   }
    122 }
    123 
    124 a[href$="pdf"]::after {
    125   content: "[PDF]";
    126   display: inline-block;
    127   font-size: 0.7em;
    128   font-weight: 700;
    129   margin-left: 2px;
    130   vertical-align: text-top;
    131 }
    132 
    133 .bold-on-hover:hover {
    134   text-shadow: 0 0 0.01px;
    135 }
    136 
    137 .local-anchor {
    138   font-size: 0.9em;
    139   text-decoration: none;
    140 }
    141 
    142 .tab {
    143   margin-left: 4px;
    144 }