2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00

placeholder design for carousel

This commit is contained in:
Jacob Thornton
2012-01-02 19:13:02 -08:00
parent 0c3bf7275c
commit 8b58a1c3d9
4 changed files with 92 additions and 23 deletions
+26 -2
View File
@@ -6,7 +6,7 @@
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
* Date: Mon Jan 2 16:04:30 PST 2012
* Date: Mon Jan 2 19:12:52 PST 2012
*/
html, body {
margin: 0;
@@ -491,7 +491,7 @@ address {
}
code, pre {
padding: 0 3px 2px;
font-family: Menlo, Monaco, Courier New, monospace;
font-family: Menlo, Monaco, "Courier New", monospace;
font-size: 12px;
color: #404040;
-webkit-border-radius: 3px;
@@ -2584,12 +2584,36 @@ a.thumbnail:hover {
.thumbnail .caption {
padding: 9px;
}
.carousel {
position: relative;
}
.carousel .item {
display: none;
}
.carousel .active {
display: block;
}
.carousel .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;
}
.carousel .nav.right {
right: 5px;
left: auto;
}
.carousel .nav:hover {
text-decoration: none;
background: rgba(0, 0, 0, 0.8);
}
.hidden {
display: none;
visibility: hidden;