diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 328ede78d50c168d10b99d61ff06fa81a085f844..55cc07d45d3eea02079e0a82ab09a46e7e85d92b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -29,10 +29,13 @@ hr { margin-bottom: 30px; } + + .bs-docs-dl-options h4 { margin-top: 15px; margin-bottom: 5px; } + /* .bs-docs-container, .bs-home-container { @@ -40,6 +43,7 @@ hr { padding-right: 15px; } */ + /* Side notes for calling out things */ .bs-docs-sidenote { margin: 20px 0; @@ -59,50 +63,23 @@ hr { } -/* Sections --------------------------------------------------- */ - -/* Padding for in-page bookmarks */ -/*section,*/ -.bs-docs-section { - padding-top: 30px; -} - -/* Few stylistic typography tweaks */ -/*section > .page-header, -section > .lead { - color: #5a5a5a; -} -section > ul li { - margin-bottom: 5px; -}*/ - - -/* Jumbotrons +/* Homepage masthead -------------------------------------------------- */ -.bs-docs-header { - margin-bottom: 20px; - padding-top: 30px; - color: #b94a48; - border-bottom: 5px solid #b94a48; -} - -/* Base class */ -.bs-docs-jumbotron { +.bs-masthead { position: relative; margin-bottom: 20px; padding: 30px 15px; text-align: center; } -.bs-docs-jumbotron h1 { +.bs-masthead h1 { font-size: 50px; line-height: 1; } /* Download button */ -.bs-docs-jumbotron .btn { +.bs-masthead .btn { margin-top: 5px; margin-bottom: 5px; padding: 18px 24px; @@ -111,42 +88,42 @@ section > ul li { background-color: #fff; border-color: #e5e5e5; } -.bs-docs-jumbotron .btn:hover, -.bs-docs-jumbotron .btn:active { +.bs-masthead .btn:hover, +.bs-masthead .btn:active { color: #fff; /* redeclare to override the `.jumbotron a` */ background-color: #b94a48; border-color: #b94a48; } -/* Textual links in masthead */ -.masthead-links { +/* Textual links */ +.bs-masthead-links { margin: 20px 0; list-style: none; } -.masthead-links li { +.bs-masthead-links li { display: inline; color: #999; } -.masthead-links li + li { +.bs-masthead-links li + li { margin-left: 20px; } -/* Special grid styles +/* Docs pages and sections -------------------------------------------------- */ -.show-grid { - margin-bottom: 15px; -} -.show-grid .col { - padding-top: 10px; - padding-bottom: 10px; - background-color: #eee; - border: 1px solid #ddd; +/* Page headers */ +.bs-docs-header { + margin-bottom: 20px; + padding-top: 30px; + color: #b94a48; + border-bottom: 5px solid #b94a48; } -.show-grid .col:hover { - background-color: #ddd; + +/* Padding for in-page bookmarks */ +.bs-docs-section { + padding-top: 30px; } @@ -240,6 +217,24 @@ section > ul li { +/* Special grid styles +-------------------------------------------------- */ + +.show-grid { + margin-bottom: 15px; +} +.show-grid .col { + padding-top: 10px; + padding-bottom: 10px; + background-color: #eee; + border: 1px solid #ddd; +} +.show-grid .col:hover { + background-color: #ddd; +} + + + /* Bootstrap code examples -------------------------------------------------- */ @@ -716,23 +711,18 @@ input.focused { } /* Tweak display of docs jumbotrons */ - .masthead { + .bs-masthead { padding-top: 100px; padding-bottom: 100px; } - .masthead h1 { + .bs-masthead h1 { font-size: 100px; } - .masthead p { + .bs-masthead p { margin-left: 15%; margin-right: 15%; font-size: 30px; } - .subhead { - padding-top: 60px; - padding-bottom: 60px; - text-align: left; - } .bs-navbar-top-example .navbar-fixed-top, .bs-navbar-bottom-example .navbar-fixed-bottom { diff --git a/docs/index.html b/docs/index.html index 516f6206434bc3c83e9b49b5f756357ddaee2a54..3e0cc0adcff4c2789741cb3eab84554e4619b931 100644 --- a/docs/index.html +++ b/docs/index.html @@ -3,8 +3,8 @@ layout: home title: Bootstrap --- -<div class="bs-docs-jumbotron masthead"> - <div class="container"> +<div class="container"> + <div class="bs-masthead"> <h1>Bootstrap</h1> <p class="lead">Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p> @@ -14,7 +14,7 @@ title: Bootstrap {% include social-buttons.html %} - <ul class="masthead-links"> + <ul class="bs-masthead-links"> <li> <a href="./customize/" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Customize']);">Customize</a> </li>