Skip to content

Instantly share code, notes, and snippets.

@eduardolundgren

eduardolundgren/gist:3725009

Created September 14, 2012 21:33
Show Gist options
  • Save eduardolundgren/3725009 to your computer and use it in GitHub Desktop.
Save eduardolundgren/3725009 to your computer and use it in GitHub Desktop.
Download ZIP
CSS3 background gradient triangular corner
Raw
gistfile1.css
.yui3-calendar-day.lfr-busy-day {
background: rgb(0, 0, 0);
background: -moz-linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(255, 255, 255) 0%);
background: -webkit-linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(255, 255, 255) 0%);
background: -o-linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(255, 255, 255) 0%);
background: -ms-linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(255, 255, 255) 0%);
background: linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(255, 255, 255) 0%);
}
.yui3-calendar-day.lfr-busy-day:hover {
background: rgb(0, 0, 0);
background: -moz-linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(0, 102, 204) 0%);
background: -webkit-linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(0, 102, 204) 0%);
background: -o-linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(0, 102, 204) 0%);
background: -ms-linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(0, 102, 204) 0%);
background: linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(0, 102, 204) 0%);
}
.yui3-calendar-day.lfr-busy-day.yui3-calendar-day-selected {
background: rgb(0, 0, 0);
background: -moz-linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(179, 215, 255) 0%);
background: -webkit-linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(179, 215, 255) 0%);
background: -o-linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(179, 215, 255) 0%);
background: -ms-linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(179, 215, 255) 0%);
background: linear-gradient(225deg, rgb(0, 0, 0) 15%, rgb(179, 215, 255) 0%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment