rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

carousel refinements

Browse Source
This commit is contained in:
Mark Otto 2012-09-30 23:44:23 -07:00
parent b6f6235e9b
commit 4b0d71abc1
2 changed files with 30 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/assets/css/bootstrap.css vendored
View File

@ -5370,7 +5370,7 @@ a.badge:hover {
top: 0;
bottom: 0;
left: 0;
width: 100px;
width: 120px;
opacity: 0.5;
filter: alpha(opacity=50);
}
@ -5414,13 +5414,17 @@ a.badge:hover {
z-index: 5;
display: block;
margin-top: -35px;
margin-left: 35px;
margin-left: 30px;
font-size: 80px;
font-weight: 100;
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.right .control {
margin-left: 70px;
}
.carousel-caption {
position: absolute;
right: 0;

43
less/carousel.less
View File

@ -72,14 +72,9 @@
top: 0;
left: 0;
bottom: 0;
width: 100px;
width: 120px;
.opacity(50);
&.left {
#gradient > .horizontal(rgba(0,0,0,.75), rgba(0,0,0,.001));
background-color: transparent;
}
// we can't have this transition here
// because webkit cancels the carousel
// animation if you trip this while
@ -87,7 +82,11 @@
// ;_;
// .transition(opacity .2s linear);
// Reposition the right one
// Set gradients for backgrounds
&.left {
#gradient > .horizontal(rgba(0,0,0,.75), rgba(0,0,0,.001));
background-color: transparent;
}
&.right {
left: auto;
right: 0;
@ -101,19 +100,25 @@
text-decoration: none;
.opacity(90);
}
// Toggles
.control {
position: absolute;
top: 50%;
z-index: 5;
display: block;
margin-top: -35px;
margin-left: 30px;
font-size: 80px;
font-weight: 100;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
&.right .control {
margin-left: 70px;
}
}
.carousel-control .control {
position: absolute;
top: 50%;
z-index: 5;
display: block;
margin-top: -35px;
margin-left: 35px;
font-size: 80px;
font-weight: 100;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
// Caption for text below images