body {
position: relative; /* For scrollyspy */
- padding-top: 50px; /* Account for fixed navbar */
+ /*padding-top: 50px; Account for fixed navbar */
}
/* Keep code small in tables on account of limited space */
/* Inverted outline button (white on dark) */
.btn-outline-inverse {
- color: #563d7c;
+ color: #fff;
background-color: transparent;
border-color: #cdbfe3;
}
color: #563d7c;
background-color: #fff;
}
+.bs-booticon-outline {
+ background-color: transparent;
+ border: 1px solid #fff;
+}
/*
*/
.bs-docs-nav {
+ margin-bottom: 0;
background-color: #fff;
- border-color: #e5e5e5;
- box-shadow: 0 0 10px rgba(0,0,0,.05);
+ border-bottom-color: rgba(0,0,0,.1);
+ /*box-shadow: 0 0 10px rgba(0,0,0,.05);*/
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding-box;
+ background-clip: padding-box;
+}
+.bs-home-nav .bs-nav-b {
+ display: none;
}
.bs-docs-nav .navbar-brand,
.bs-docs-nav .navbar-nav > li > a {
* Tweaks to the custom homepage and the masthead (main jumbotron).
*/
-.bs-docs-home {
- background-color: #f9f9f9;
-}
-
/* Masthead (headings and download button) */
.bs-masthead {
position: relative;
padding: 30px 15px;
+ color: #cdbfe3;
text-align: center;
- border-bottom: 1px solid #e5e5e5;
+ background-color: #563d7c;
+ background: #563d7c;
+ background: -moz-linear-gradient(top, #563d7c 0%, #654b8d 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#563d7c), color-stop(100%,#654b8d));
+ background: -webkit-linear-gradient(top, #563d7c 0%,#654b8d 100%);
+ background: -o-linear-gradient(top, #563d7c 0%,#654b8d 100%);
+ background: -ms-linear-gradient(top, #563d7c 0%,#654b8d 100%);
+ background: linear-gradient(to bottom, #563d7c 0%,#654b8d 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#563d7c', endColorstr='#654b8d',GradientType=0 );
+
+ /*654B8D*/
+ /*border-bottom: 1px solid #e5e5e5;*/
}
.bs-masthead .bs-booticon {
margin: 0 auto 30px;
.bs-masthead h1 {
font-weight: 300;
line-height: 1;
+ color: #fff;
}
.bs-masthead .lead {
- margin-bottom: 30px;
+ margin: 0 auto 30px;
font-size: 20px;
- color: #555;
+ color: #fff;
}
-.bs-masthead .btn-outline {
+.bs-masthead .btn {
width: 100%;
- padding: 14px 24px;
+ padding: 15px 30px;
font-size: 20px;
}
@media (min-width: 480px) {
- .bs-masthead .btn-outline {
+ .bs-masthead .btn {
width: auto;
}
}
@media (min-width: 992px) {
.bs-masthead .lead {
+ width: 80%;
font-size: 30px;
}
- .bs-masthead .btn-outline {
- padding: 18px 24px;
- }
}
/* First level of nav */
.bs-sidenav {
- margin-top: 30px;
- margin-bottom: 30px;
+ margin-top: 20px;
+ margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
}
.bs-sidebar.affix {
position: fixed; /* Undo the static from mobile first approach */
- top: 80px;
+ top: 20px;
}
.bs-sidebar.affix-bottom {
position: absolute; /* Undo the static from mobile first approach */
<main class="bs-masthead" id="content" role="main">
<div class="container">
- <span class="bs-booticon bs-booticon-lg">B</span>
- <h1>Bootstrap</h1>
- <p class="lead">The most popular front-end framework for designing and building on the web.</p>
+ <span class="bs-booticon bs-booticon-lg bs-booticon-outline">B</span>
+ <!-- <h1>Bootstrap</h1> -->
+ <p class="lead">The most popular front-end framework for developing responsive, mobile first projects on the web.</p>
<p class="lead">
- <a href="getting-started#download" class="btn btn-outline btn-lg" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}']);">Download Bootstrap</a>
+ <a href="getting-started#download" class="btn btn-outline-inverse btn-lg" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}']);">Download Bootstrap</a>
</p>
{% include ads.html %}
</div>
</main>
-
<div class="bs-featurette">
<div class="container">
<h2 class="bs-featurette-title">Designed for everyone, everywhere.</h2>