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:
parent
eca81939cc
commit
b776749507
@ -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;
|
||||||
}
|
}
|
||||||
|
2
docs/assets/css/pack.min.css
vendored
2
docs/assets/css/pack.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user