diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 6f5df4832d..b2f60df3eb 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -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; diff --git a/less/carousel.less b/less/carousel.less index d92cb1bcca..ba0de8c9b4 100644 --- a/less/carousel.less +++ b/less/carousel.less @@ -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