From 5f88887c7e979999e4852fa6207b7b2ba266db93 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 14 Apr 2013 12:49:35 -0700 Subject: redo all the things --- docs/assets/css/docs.css | 91 ++++++++---------------------------------------- 1 file changed, 14 insertions(+), 77 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2ec7799ed..b2fb42c17 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -26,12 +26,6 @@ body { margin-right: -15px; } -/* */ -.bs-docs-footer { - padding-left: 15px; - padding-right: 15px; -} - /* Side notes for calling out things */ .bs-docs-sidenote { margin: 20px 0; @@ -81,24 +75,10 @@ section > ul li { position: relative; margin-bottom: 20px; padding: 30px 15px; - color: #fff; - text-align: center; - background-color: #b94a48; } .bs-docs-jumbotron h1 { font-size: 50px; -} - -/* Link styles (used on .masthead-links as well) */ -.bs-docs-jumbotron a { - color: #fff; - color: rgba(255,255,255,.5); - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; -} -.bs-docs-jumbotron a:hover { - color: #fff; + line-height: 1; } /* Download button */ @@ -109,19 +89,13 @@ section > ul li { font-size: 21px; color: #b94a48; /* redeclare to override the `.jumbotron a` */ background-color: #fff; + border-color: #e5e5e5; } -.bs-docs-jumbotron .btn, .bs-docs-jumbotron .btn:hover, .bs-docs-jumbotron .btn:active { - color: #b94a48; /* redeclare to override the `.jumbotron a` */ - background-color: #fff; - border-color: #fff; -} - -/* Masthead (docs home) -------------------------- */ -.masthead h1 { - line-height: 1; + color: #fff; /* redeclare to override the `.jumbotron a` */ + background-color: #b94a48; + border-color: #b94a48; } /* Textual links in masthead */ @@ -131,42 +105,10 @@ section > ul li { } .masthead-links li { display: inline; - padding: 0 10px; - color: rgba(255,255,255,.25); -} - - - -/* Marketing section of Overview --------------------------------------------------- */ - -.bs-docs-marketing { - text-align: center; - color: #5a5a5a; -} -.bs-docs-marketing h1 { - margin: 60px 0 10px; - font-size: 50px; - line-height: 1; -} -.bs-docs-marketing h2 { - margin-bottom: 5px; -} -.bs-docs-marketing p { - font-size: 16px; - line-height: 1.4; -} -.bs-docs-marketing .marketing-byline { - margin-bottom: 40px; - font-size: 21px; - font-weight: 300; - line-height: 1.25; color: #999; } -.marketing-img { - display: block; - margin: 30px auto 10px; - max-height: 145px; +.masthead-links li + li { + margin-left: 20px; } @@ -309,9 +251,6 @@ section > ul li { border-top-left-radius: 0; border-top-right-radius: 0; } -.prettyprint .linenums { - /*margin-left: 0;*/ -} /* Tweak content of examples for optimum awesome */ .bs-docs-example > p:last-child, @@ -585,7 +524,6 @@ section > ul li { -------------------------------------------------- */ .bs-docs-footer { - text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 100px; @@ -608,22 +546,23 @@ section > ul li { /* Social proof buttons from GitHub & Twitter */ .bs-docs-social { - margin-top: 10px; + margin-top: 40px; margin-bottom: 20px; - text-align: center; + border-top: 1px solid #e5e5e5; } /* Quick links on Home */ .bs-docs-social-buttons { display: inline-block; margin: 0; - padding: 0 10px; list-style: none; } .bs-docs-social-buttons li { display: inline-block; - padding: 5px 8px; line-height: 1; } +.bs-docs-social-buttons li + li { + margin-left: 15px; +} .bs-docs-social-buttons .twitter-follow-button { width: 225px !important; } @@ -739,8 +678,7 @@ input.focused { } /* Undo custom padding */ - .bs-docs-container, - .bs-home-container { + .bs-docs-container { padding-left: 0; padding-right: 0; } @@ -759,9 +697,8 @@ input.focused { font-size: 100px; } .masthead p { + max-width: 70%; font-size: 30px; - margin-left: 10%; - margin-right: 10%; } .subhead { padding-top: 60px; -- cgit v1.2.3