moar crawl bling.css

gistfile1.txt

#stats .bg10, /* health bar start */
#stats .bg1,  /* mana bar start */
#stats .bg0 + .bg9, /* all mana recently used */
#stats .bg0 + .bg4, /* "all" health recently lost */
#thingadongdong
{
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

#stats .bg10, /* health bar start */
#stats .bg1,  /* mana bar start */
#thingadongdong
{
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

/* this doesn't work because <br/>s are placed in the <span/>s. */
#stats .bg8 {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

#stats .bg9 /* recently used mana bar */ {

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(0,0,81)),
    color-stop(0.6, rgb(0,0,168))
  );
  
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(0,0,81) 0%,
    rgb(0,0,168) 60%
  );

}


#stats .bg1 + .bg8 /* empty mana bar */,
#stats .bg9 + .bg8 /* empty mana bar */ {

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(0,0,0)),
    color-stop(0.6, rgb(0,0,81))
  );
  
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(0,0,0) 0%,
    rgb(0,0,81) 60%
  );

}

#stats .bg10 /* health bar */ {

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(0,168,0)),
    color-stop(0.6, rgb(0,255,0))
  );
  
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(0,168,0) 0%,
    rgb(0,255,0) 60%
  );

}

#stats .bg4 /* recently used mana bar */ {

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(168,0,0)),
    color-stop(0.6, rgb(255,0,0))
  );
  
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(168,0,0) 0%,
    rgb(255,0,0) 60%
  );

}


#stats .bg10 + .bg8 /* empty health bar */,
#stats .bg4 + .bg8 /* empty health bar */ {

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(0,0,0)),
    color-stop(0.6, rgb(81,0,0))
  );
  
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(0,0,0) 0%,
    rgb(81,0,0) 60%
  );

}

#stats .fg14 {
  text-shadow: 0 0 2px red;
  font-weight: bold;
}

#stats .fg4 {
  text-shadow: 0 0 4px red, 0 0 2px red;
  font-weight: bold;
}

#crt .fg7.bg2 /*ugh*/ {
  color: black;
  box-shadow: 0 0 21px #64B946;
}