2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-27 14:46:01 +03:00

overhaul frontpage jumbotron, add js for twitter buttons back in, fix up some form ids and classes, straighten out the use of primary button variable

This commit is contained in:
Mark Otto
2012-01-26 10:00:09 -08:00
parent 106625a2ec
commit 0ef4b6419f
22 changed files with 394 additions and 236 deletions
+35 -15
View File
@@ -50,31 +50,41 @@ section {
line-height: 1;
}
/* Faded out hr */
hr.soften {
height: 1px;
margin: 54px 0;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
border: 0;
}
/* Jumbotrons
-------------------------------------------------- */
.jumbotron {
position: relative;
text-shadow: 0 1px 0 #fff;
}
.jumbotron h1 {
margin-right: 40%;
margin-bottom: 9px;
font-size: 90px;
font-size: 108px;
letter-spacing: -1px;
line-height: 1;
}
.jumbotron p {
margin-right: 32%;
margin-bottom: 20px;
margin-bottom: 18px;
font-size: 25px;
font-weight: 300;
line-height: 36px;
color: #333;
}
.jumbotron .btn-large {
font-size: 20px;
font-weight: normal;
padding: 14px 24px;
margin-right: 5px;
margin-right: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
@@ -84,9 +94,26 @@ section {
color: #999;
}
/* Masthead (docs home) */
.masthead {
padding: 36px 0 0;
}
.masthead h1,
.masthead p {
text-align: center;
}
.masthead h1 {
margin-bottom: 18px;
}
.masthead p {
margin: 0 5% 27px;
}
/* Benefits list in masthead */
.benefits {
width: 280px;
display: none;
width: 260px;
position: absolute;
right: 0;
bottom: 0;
@@ -213,16 +240,9 @@ section {
.quick-links {
min-height: 30px;
padding: 5px 20px;
margin: 45px 0;
margin: 36px 0;
list-style: none;
text-align: center;
background-color: #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
overflow: hidden;
}
.quick-links li {