mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-14 18:42:30 +03:00
placeholder design for carousel
This commit is contained in:
+21
-5
@@ -33,10 +33,26 @@ a.thumbnail:hover {
|
||||
padding: 9px;
|
||||
}
|
||||
|
||||
.carousel .item {
|
||||
display: none;
|
||||
}
|
||||
// carousel
|
||||
.carousel {
|
||||
position: relative;
|
||||
|
||||
.carousel .active {
|
||||
display: block;
|
||||
.item { display: none; }
|
||||
.active { display: block; }
|
||||
|
||||
.nav {
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin: -25px 0 0;
|
||||
cursor: pointer;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
color: white;
|
||||
font-size: 42px;
|
||||
left: 5px;
|
||||
font-weight: 100;
|
||||
padding: 0 15px;
|
||||
&.right { right: 5px; left: auto; }
|
||||
&:hover { text-decoration: none; background: rgba(0, 0, 0, 0.8); }
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user