From fa4d4e8d88eb8e3e2bb2daba9de3880e93fa5756 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Wed, 8 May 2013 22:29:53 -0700
Subject: [PATCH] new docs page headers
---
docs/_layouts/default.html | 8 +++++---
docs/assets/css/docs.css | 25 +++++++++++++++++--------
2 files changed, 22 insertions(+), 11 deletions(-)
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index ae8db92efa..85e7457b6c 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -11,12 +11,14 @@
{% include nav-main.html %}
<!-- Docs page layout -->
- <div class="container bs-docs-container">
- <div class="bs-docs-header">
+ <div class="bs-docs-header">
+ <div class="container">
<h1>{{ page.title }}</h1>
- <p class="lead">{{ page.lead }}</p>
+ <p>{{ page.lead }}</p>
</div>
+ </div>
+ <div class="container bs-docs-container">
<div class="row">
<div class="col col-lg-3">
<div class="bs-docs-sidebar">
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index da0ec03707..0f639395ff 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -10,7 +10,7 @@
body {
position: relative; /* For scrollyspy */
- /* We add the padding to the body for >768px only */
+ padding-top: 50px;
}
/* Top nav and header */
@@ -124,10 +124,18 @@ hr {
/* Page headers */
.bs-docs-header {
- margin-bottom: 20px;
- padding-top: 30px;
+ padding: 0 15px 15px;
+ margin-bottom: 30px;
+ font-size: 16px;
+ color: #5a5a5a;
+ border-bottom: 1px solid #ddd;
+}
+.bs-docs-header h1 {
color: #b94a48;
- border-bottom: 5px solid #b94a48;
+}
+.bs-docs-header p {
+ font-weight: 300;
+ line-height: 1.5;
}
/* Padding for in-page bookmarks */
@@ -679,9 +687,6 @@ input.focused {
/* Tablets and up */
@media screen and (min-width: 768px) {
- body {
- padding-top: 50px;
- }
/* Back to top link */
.bs-docs-top {
@@ -703,8 +708,12 @@ input.focused {
bottom: 15px;
}
+ .bs-docs-header {
+ padding: 30px 0 40px;
+ font-size: 21px;
+ }
.bs-docs-header h1 {
- font-size: 80px;
+ font-size: 60px;
line-height: 1;
}
--
GitLab