diff --git a/_includes/nav-components.html b/_includes/nav-components.html index 86bf4d070c..baf462322b 100644 --- a/_includes/nav-components.html +++ b/_includes/nav-components.html @@ -85,7 +85,6 @@ Alerts diff --git a/assets/css/docs.css b/assets/css/docs.css index af053d4b27..56b5d1f390 100644 --- a/assets/css/docs.css +++ b/assets/css/docs.css @@ -27,6 +27,20 @@ body { border-color: #563d7c; } +/* Homepage button */ +.btn-outline { + color: #fff; + background-color: transparent; + border-color: #cdbfe3; +} +.btn-outline:hover, +.btn-outline:focus, +.btn-outline:active { + color: #563d7c; + background-color: #fff; + border-color: #fff; +} + /* Temp CSS until RC2 */ .bs-customize-placeholder { margin-bottom: -100px; @@ -75,8 +89,21 @@ body { color: #555; } .bs-docs-home .bs-old-docs { + padding-top: 0; + padding-bottom: 0; text-align: center; - border-top: 1px solid #e5e5e5; + color: inherit; + background-color: transparent; + border-color: transparent; +} +.bs-docs-home .bs-old-docs a { + color: #fff; +} + +/* Homepage */ +.bs-docs-home { + color: #cdbfe3; + background-color: #563d7c; } @@ -91,10 +118,11 @@ body { .bs-masthead h1 { font-size: 50px; line-height: 1; + color: #fff; } /* Download button */ -.bs-masthead .btn-bs { +.bs-masthead .btn-outline { margin-top: 5px; margin-bottom: 5px; padding: 18px 24px; @@ -120,6 +148,9 @@ body { .bs-masthead-links li + li { margin-left: 20px; } +.bs-masthead-links a { + color: #fff; +} @@ -796,8 +827,8 @@ input.focused { /* Tweak display of docs jumbotrons */ .bs-masthead { - padding-top: 100px; - padding-bottom: 100px; + padding-top: 140px; + padding-bottom: 140px; } .bs-masthead h1 { font-size: 100px; diff --git a/components.html b/components.html index 2b0d96bc0e..d5ee08cc39 100644 --- a/components.html +++ b/components.html @@ -203,8 +203,8 @@ base_url: "../"
Left - Right Middle + Right
{% highlight html %} @@ -782,6 +782,7 @@ base_url: "../" {% endhighlight %} + @@ -1812,23 +1813,6 @@ body { padding-bottom: 70px; } Warning! Best check yo self, you're not looking too good. -{% endhighlight %} - -

Block alerts

-

For longer messages, increase the padding on the top and bottom of the alert wrapper by adding .alert-block.

-
-
- -

Warning!

-

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

-
-
-{% highlight html %} -
- -

Warning!

-

...

-
{% endhighlight %}

Contextual alternatives

@@ -2366,7 +2350,7 @@ body { padding-bottom: 70px; }

Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.

-