sawv.org CSS as of Feb 29, 2020

I have not made any changes in recent weeks or months, which means this is probably exactly the same as the previous post that I made, regarding CSS used here.


body{
  /* font size approx 22 px */
  font:1.375em/1.62 sans-serif;
  margin: 0 auto 1em auto;
  max-width:30em;
  padding:0 .62em;
  color: #222; 
  background-color: #fff8dc; /* cornsilk */
  overflow-wrap: break-word;
  /*overflow-wrap: anywhere;*/ 
}
body {font-family: system-ui, sans-serif;}
body {font-family: system-ui, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Lucida Grande", Verdana, "Helvetica", sans-serif;}
h1,h2,h3 {line-height:1.2;}
h1 {font-size: 1.4em; margin: .7em 0 0 0;}
h2 {font-size: 1.3em; font-weight: 400;}
h3 {font-size: 1.2em; margin-top: 3em;}
h4 {font-size: 1.05em;}
p {margin: 1.8em 0 1.8em 0;}
img {max-width: 100%;}
pre,code{font-size: 1em; line-height: 1; background: #f8f8f8; white-space: -moz-pre-wrap; white-space: pre-wrap;}
blockquote {background: #E3F2FD; border-left: 1px solid #666; padding: 0 0 0 .681em;}
a:visited {color: purple;}
a {color: blue; text-decoration: underline;}
li {margin-top: .2em; margin-bottom: .2em;}
b,h1,h3,h4,h5,strong { color: #000;}
blockquote {margin: 1.8em 0 1.8em .7em;}
ul {margin-bottom: 1.8em;}
li ul {margin-bottom:0; padding-bottom:0;}
@media print{
    body {
      max-width:none;
      font-size: 18px;
      color: #000;
      background: #fff;
      line-height: normal;
   }
}
/* sawv.org specific */
.home-link {
  float: right; 
  display: inline; 
  font-size: 80%;
  text-align: right;
  width: 100%;
  top: 5px;
  left: 0;
  position: absolute;
  height: 20px;
  text-transform: lowercase;
  line-height: 90%;
}
.sitewide-footer {text-align: center; font-size: .9em;}
.home-link a,
.sitewide-footer a,
.home-link a:visited,
.sitewide-footer a:visited {
    color: #666;
    text-decoration: none;
}
.blacklinks a,
.blacklinks a:visited {
    color: #222;
    text-decoration: none
}
.home-link a:hover, 
.sitewide-footer a:hover,
.blacklinks a:hover {
    color: #000;
    text-decoration: underline
}