adding actual images to carousel to ensure you can see things are animating; updated styles of carousel controls to work on light and dark backgrounds and use opacity for effects

This commit is contained in:
Mark Otto
2012-01-24 20:45:38 -08:00
parent aa59f123c0
commit a5c1d1f182
9 changed files with 34 additions and 24 deletions

View File

@@ -68,11 +68,13 @@
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: #ccc;
color: #fff;
text-align: center;
background: @grayLight;
background: rgba(0,0,0,.5);
.border-radius(20px);
background: @grayDarker;
border: 3px solid #fff;
.border-radius(23px);
.opacity(50);
.transition(all .2s linear);
// Reposition the right one
&.right {
@@ -84,8 +86,7 @@
&:hover {
color: @white;
text-decoration: none;
background: @grayDark;
background: rgba(0,0,0,.75);
.opacity(90);
}
}