/*
stylesheet for igrep directory project.
*/

BODY { background-color: #E5E5E5; color: #000000; font-family: "DejaVu Sans Condensed",sans-serif;
  background-image: linear-gradient(#FFCCCC, #FFE5CC, #FFFFCC, #CCFFCC, #CCCCFF, #FFCCFF, #FFCCCC);
  }
CODE {
  background-blend-mode: multiply; background-image: linear-gradient(0deg, #EFEFEF, #FFFFFF, #EFEFEF);
  font-family: "Bedstead",monospace; font-size: 100%; font-weight: bold; padding: 0 0.25em;
  }

#heid { color: #FFFFFF; text-align: center; width: 100%; margin-bottom: 4ex; text-shadow: 0px 0px 1px #000000, 0px 0px 2px #000000, 0px 0px 4px #000000; }
#heid H1 { margin: 0 auto; }
#heid P { font-size: 75%; margin: 0 auto; }

#sitelist, #changelog { display: flex; flex-wrap: wrap; /*justify-content: space-between;*/ }
#main A { text-decoration: none; }
#main A.slink { color: #237F52; }
#main A.ilink { color: #9B2423; }
#main .blare { font-weight: bold; font-style: italic; }
#main .spacer { width: 2em; }
#main .ico IMG { width:16px; height:16px; border: none; }
#main .section { background-color: #FFFFFF; color: #333333; border-radius: 1ex; overflow: hidden; filter: drop-shadow(0.5em 0.5em 0.25em rgba(0,0,0,0.25)); }
#main .section H1, #main .section H2 { color: #666666; }
#main .usage { max-width: 40em; padding: 1ex 1em; margin: 0 auto; }
#main .tile { display: inline-block; padding: 1ex 1em; margin: 1ex 1em; }
#main .tile H2 { margin-top: 0.5ex; }
#main .tile UL { padding-left: 1em; margin-left: 0; }
#main .tile TABLE { margin-bottom: 0.5ex; }
#main .tile .ico { padding-left: 0.5em; padding-right: 0.5em; }
#main TD { vertical-align: top; }
#main .subnote { font-size: 80%; }
#main .bigtbl, #main .tree { padding: 4ex 4em; margin: 0 auto; }
#main .bigtbl TR:nth-child(odd) { background-color: #EFEFEF; }
#main .bigtbl TR:nth-child(even) { background-color: #F7F7F7; }
#main .bigtbl TD { padding: 0 0.5em; }
#main .bigtbl .tblhlt { background-color: #FFFF7F; }
#main .usage DT, #main .tree DT { font-weight: bold; padding-top: 1ex; }
#main .tree .ico { padding-left: 1em; padding-right: 1em; }
#main .normal TD { max-width: 16em; }
#main .wider TD { max-width: 32em; }
#main .unused { color:#990000; background-color:#FFEEEE; margin-bottom: 0.5ex; }

/* ENDS */