0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00

make page headers like masthead

This commit is contained in:
Mark Otto 2014-01-13 22:54:22 -08:00
parent eca81939cc
commit b776749507
2 changed files with 18 additions and 26 deletions

View File

@ -223,10 +223,9 @@ body {
* Tweaks to the custom homepage and the masthead (main jumbotron). * Tweaks to the custom homepage and the masthead (main jumbotron).
*/ */
/* Masthead (headings and download button) */ /* Share masthead with page headers */
.bs-masthead { .bs-masthead,
position: relative; .bs-header {
padding: 30px 15px;
color: #cdbfe3; color: #cdbfe3;
text-align: center; text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,.1); text-shadow: 0 1px 0 rgba(0,0,0,.1);
@ -236,6 +235,12 @@ body {
background-repeat: repeat-x; background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);
} }
/* Masthead (headings and download button) */
.bs-masthead {
position: relative;
padding: 30px 15px;
}
.bs-masthead .bs-booticon { .bs-masthead .bs-booticon {
margin: 0 auto 30px; margin: 0 auto 30px;
} }
@ -293,17 +298,13 @@ body {
margin-bottom: 40px; margin-bottom: 40px;
padding: 30px 15px 40px; /* side padding builds on .container 15px, so 30px */ padding: 30px 15px 40px; /* side padding builds on .container 15px, so 30px */
font-size: 20px; font-size: 20px;
text-align: center;
background-color: #f9f9f9;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
} }
.bs-header h1 { .bs-header h1 {
color: #563d7c; color: #fff;
} }
.bs-header p { .bs-header p {
font-weight: 300; font-weight: 300;
line-height: 1.5; line-height: 1.4;
} }
.bs-header .container { .bs-header .container {
position: relative; position: relative;
@ -311,6 +312,7 @@ body {
@media (min-width: 768px) { @media (min-width: 768px) {
.bs-header { .bs-header {
font-size: 24px;
text-align: left; text-align: left;
} }
.bs-header h1 { .bs-header h1 {
@ -343,8 +345,8 @@ body {
font-size: 13px !important; font-size: 13px !important;
line-height: 16px !important; line-height: 16px !important;
text-align: left; text-align: left;
background: #fff !important; background: transparent !important;
border: solid #e5e5e5 !important; border: solid #866ab3 !important;
border-width: 1px 0 !important; border-width: 1px 0 !important;
} }
.carbonad-img { .carbonad-img {
@ -363,12 +365,12 @@ body {
padding-top: 0 !important; padding-top: 0 !important;
} }
.carbonad-tag { .carbonad-tag {
color: #999 !important; color: inherit !important;
text-align: left !important; text-align: left !important;
} }
.carbonad-text a, .carbonad-text a,
.carbonad-tag a { .carbonad-tag a {
color: #563d7c !important; color: #fff !important;
} }
.carbonad #azcarbon > img { .carbonad #azcarbon > img {
display: none; /* hide what I assume are tracking images */ display: none; /* hide what I assume are tracking images */
@ -376,23 +378,13 @@ body {
/* Homepage variation */ /* Homepage variation */
.bs-docs-home .carbonad { .bs-docs-home .carbonad {
background-color: transparent !important;
margin: 0 -30px -31px !important; margin: 0 -30px -31px !important;
border-color: #866ab3 !important;
} }
.bs-docs-home .carbonad-tag {
color: inherit !important;
}
.bs-docs-home .carbonad-text a,
.bs-docs-home .carbonad-tag a {
color: #fff !important;
}
@media (min-width: 480px) { @media (min-width: 480px) {
.carbonad { .carbonad {
width: 330px !important; width: 330px !important;
margin: 20px auto 0 !important; margin: 20px auto !important;
border-radius: 4px; border-radius: 4px;
border-width: 1px !important; border-width: 1px !important;
} }

File diff suppressed because one or more lines are too long