Skip to content

Instantly share code, notes, and snippets.

@badp
Created May 14, 2011 13:10
Show Gist options
  • Save badp/972197 to your computer and use it in GitHub Desktop.
Save badp/972197 to your computer and use it in GitHub Desktop.
moar crawl bling.css
#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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment