0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00

finish up moving content, tweaking styles

This commit is contained in:
Mark Otto 2013-11-22 18:45:38 -05:00
parent 03501f9c4a
commit 37f3944bd9
4 changed files with 39 additions and 70 deletions

View File

@ -27,11 +27,6 @@
<a href="{{ page.base_url }}customize">Customize</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li{% if page.slug == "about" %} class="active"{% endif %}>
<a href="{{ page.base_url }}about">About</a>
</li>
</ul>
</nav>
</div>
</header>

View File

@ -55,15 +55,17 @@
<p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
<p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
<ul class="footer-links">
<ul class="footer-links muted">
<li>Currently v{{ site.current_version }}</li>
<li class="muted">&middot;</li>
<li>&middot;</li>
<li><a href="{{ page.base_url }}2.3.2/">v2.3.2 docs</a></li>
<li class="muted">&middot;</li>
<li>&middot;</li>
<li><a href="{{ page.base_url }}about/">About</a></li>
<li>&middot;</li>
<li><a href="{{ site.blog }}">Blog</a></li>
<li class="muted">&middot;</li>
<li>&middot;</li>
<li><a href="{{ site.repo }}/issues?state=open">Issues</a></li>
<li class="muted">&middot;</li>
<li>&middot;</li>
<li><a href="{{ site.repo }}/releases">Releases</a></li>
</ul>
</div>

View File

@ -29,7 +29,7 @@
<a href="{{ site.repo }}" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);">GitHub project</a>
</li>
<li>
<a href="{{ page.base_url }}getting-started/#examples" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Examples']);">Examples</a>
<a href="{{ page.base_url }}about/" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'About']);">About</a>
</li>
<li>
<a href="{{ site.expo }}" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Expo']);">Expo</a>

View File

@ -126,6 +126,7 @@ body {
.footer-links {
margin: 10px 0;
padding-left: 0;
color: #999;
}
.footer-links li {
display: inline;
@ -205,31 +206,19 @@ body {
position: relative;
padding: 30px 15px;
text-align: center;
/*text-shadow: 0 1px 0 rgba(0,0,0,.15);*/
}
/*
.bs-masthead:after {
display: block;
width: 144px;
height: 1px;
content: "";
margin: 40px auto;
background-color: #e5e5e5;
}
*/
.bs-masthead h1 {
display: none;
/*font-size: 50px;*/
line-height: 1;
color: #563d7c;
}
.bs-masthead .lead {
font-size: 20px;
margin-bottom: 40px;
margin-bottom: 30px;
}
.bs-masthead .btn-outline {
width: 100%;
/*margin: 5px;*/
margin: 10px 5px;
padding: 14px 24px;
font-size: 20px;
}
@ -248,6 +237,7 @@ body {
line-height: 140px;
border: 1px solid #563d7c;
border-radius: 15%;
cursor: default;
}
/* Links to project-level content like the repo, Expo, etc */
@ -280,11 +270,6 @@ body {
@media (min-width: 480px) {
.bs-masthead .btn-outline {
width: auto;
margin-left: 5px;
margin-right: 5px;
}
.bs-masthead .btn-outline + .btn-outline {
margin-top: 0;
}
}
@ -295,25 +280,13 @@ body {
}
@media (min-width: 992px) {
.bs-masthead {
/*padding-top: 120px;*/
/*padding-bottom: 120px;*/
}
/*
.bs-masthead h1 {
font-size: 100px;
}
*/
.bs-masthead .lead {
margin-left: 12.5%;
margin-right: 12.5%;
font-size: 30px;
}
.bs-masthead .btn-outline {
/*width: auto;*/
/*margin: 0 5px;*/
padding: 18px 24px;
/*font-size: 20px;*/
}
.bs-masthead-links {
padding: 0;
@ -331,7 +304,7 @@ body {
/* Page headers */
.bs-header {
padding: 30px 15px 40px; /* side padding builds on .container 15px, so 30px */
font-size: 16px;
font-size: 20px;
text-align: center;
background-color: #f9f9f9;
border-bottom: 1px solid #eee;
@ -349,7 +322,7 @@ body {
@media (min-width: 768px) {
.bs-header {
font-size: 21px;
/*font-size: 21px;*/
text-align: left;
}
.bs-header h1 {
@ -375,7 +348,7 @@ body {
.carbonad {
width: auto !important;
margin: 50px -30px -40px !important;
margin: 20px -30px -41px !important;
padding: 20px !important;
overflow: hidden; /* clearfix */
height: auto !important;
@ -383,8 +356,8 @@ body {
line-height: 16px !important;
text-align: left;
background: #fff !important;
border: 1px solid #e5e5e5 !important;
border-radius: 4px;
border: solid #e5e5e5 !important;
border-width: 1px 0 !important;
}
.carbonad-img {
margin: 0 !important;
@ -413,10 +386,30 @@ body {
display: none; /* hide what I assume are tracking images */
}
/* Homepage variation */
.bs-docs-home .carbonad {
margin: 0 -15px 40px !important;
}
@media (min-width: 480px) {
.carbonad {
width: 330px !important;
margin: 20px auto 0 !important;
border-radius: 4px;
border-width: 1px !important;
}
.bs-docs-home .carbonad {
margin: 0 auto 40px !important;
}
}
@media (min-width: 768px) {
.carbonad {
margin: 0 !important;
}
.bs-docs-home .carbonad {
margin: 0 auto 40px !important;
}
}
@media (min-width: 992px) {
@ -427,22 +420,11 @@ body {
padding: 15px !important;
width: 330px !important;
}
}
/* Homepage variations */
.bs-docs-home .carbonad {
border-width: 1px 0 !important;
border-radius: 0;
margin: 0 -15px 40px !important;
}
@media (min-width: 480px) {
.bs-docs-home .carbonad {
width: 330px !important;
margin: 0 auto 40px !important;
border-radius: 4px;
border-width: 1px !important;
position: static;
}
}
@media (min-width: 768px) {
.bs-docs-home .bs-social {
margin-bottom: 10px;
@ -455,16 +437,6 @@ body {
text-align: center;
}
}
@media (min-width: 992px) {
.bs-docs-home .carbonad {
position: static;
}
}
@media (min-width: 1170px) {
.bs-docs-home .carbonad {
margin-top: -25px !important;
}
}
/*