/* written by Jabago: http://www.jabago.com */

/* make all backgrounds black, and all text lightgrey */
*:not(img) {
  background: black !important; 
  color: lightgrey !important;
}

/* make links blue, and add different colors for visited, etc */
a { color: blue !important }
a:link { color: cornflowerblue !important }
a:visited { color: mediumpurple !important } 
a:hover { color: gold !important }
a:active { color: red !important }

/* make images less bright, except on mouse hover */
img, input[type=image]{opacity: 0.4 !important;}
img:hover, input[type=image]:hover{opacity: 1.0 !important;}

/* why are some images hidden? */


/*====== highlighting ==== */
/*
google searches : h3 > a > em 
*/
m, span[class="highlight"] ,  h3 > a > em
{background-color: lightyellow !important; color: black !important;}


/* ==== various inputs ==== */
/* make backgrounds dark, but a different color than black */
/* Colors have format: #RGB, where R, G, and B are two-digit hex numbers */
input {
  -moz-appearance: none !important;
  background-color: #000030 !important;
  color: white !important;
}

select {
  -moz-appearance: none !important;
  background-color: #300000 !important;
  color: white !important;
}

textarea, code, pre, input, samp, kbd, var, dfn { 
  -moz-appearance: none !important; 
  color: lightgrey !important; 
  background-color: #003000 !important;
}

button { 
  -moz-appearance: none !important;
  color: white !important; 
  background-color: #003000 !important;
}

textarea:focus {
  color: lightgrey !important;
  border-color: blue !important;
  border: 5px solid !important;
}

button:focus { 
  -moz-appearance: none !important;
  color: white !important; 
  background-color: #003000 !important;
  border-color: blue !important;
  border: 5px solid !important;
}
