From 632c6d22a27e5c78f22faae96a1dbd6cab51a9ab Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 4 Jun 2012 20:57:58 -0700 Subject: add bs-docs-examples styles from other branch --- docs/assets/css/docs.css | 47 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 92a4ec8e6..2d4eedefe 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -563,6 +563,53 @@ form.well { background-color: #fff; } +/* Docs examples +------------------------- */ +.bs-docs-example { + overflow: auto; + position: relative; + margin: 15px 0; + padding: 39px 19px 14px; + background-color: #fff; + border: 1px solid #e5e5e5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.bs-docs-example:after { + content: "Example"; + position: absolute; + top: -1px; + left: -1px; + padding: 3px 7px; + font-family: "Open Sans", sans-serif; + font-size: 12px; + font-weight: bold; + background-color: #f5f5f5; + border: 1px solid #e5e5e5; + color: #9da0a4; + -webkit-border-radius: 4px 0 4px 0; + -moz-border-radius: 4px 0 4px 0; + border-radius: 4px 0 4px 0; +} +.bs-docs-example + .prettyprint { + margin-top: -20px; + padding-top: 15px; +} +.bs-docs-example, +.bs-docs-example > p { + font-size: 13px; + line-height: 18px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} +.bs-docs-example p:last-child { + margin-bottom: 0; +} +.bs-docs-example .lead { + font-size: 18px; + line-height: 24px; +} + /* Responsive table ------------------------- */ .responsive-utilities th small { -- cgit v1.2.3 From c44bd1edf43c43ed8782f956813cb6142cbe068c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 4 Jun 2012 21:08:31 -0700 Subject: revamp docs to have new width, start realigning the base css page to match --- docs/assets/css/docs.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2d4eedefe..dce385eb6 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -17,6 +17,10 @@ body { background-position: 0 40px; } +.bs-docs-container { + max-width: 780px; + margin: 0 auto; +} /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ @@ -571,7 +575,7 @@ form.well { margin: 15px 0; padding: 39px 19px 14px; background-color: #fff; - border: 1px solid #e5e5e5; + border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; @@ -582,11 +586,10 @@ form.well { top: -1px; left: -1px; padding: 3px 7px; - font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: bold; background-color: #f5f5f5; - border: 1px solid #e5e5e5; + border: 1px solid #ddd; color: #9da0a4; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; -- cgit v1.2.3 From f0ff20ec40435bfffc36b11e0cdf32eae5adc6be Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 4 Jun 2012 23:10:30 -0700 Subject: updating scaffolding page to single column --- docs/assets/css/docs.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index dce385eb6..5bdf83b2c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -677,6 +677,13 @@ form.well { border: 1px solid #d6e9c6; } +/* Grid examples +------------------------- */ +.bs-docs-grid { + margin-left: -80px; +} + + /* Responsive Docs -------------------------------------------------- */ @@ -893,4 +900,9 @@ form.well { width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */ } + .bs-docs-grid { + width: 1170px; + margin-left: -195px; + } + } -- cgit v1.2.3 From 446f9199c60f3781c653cf39847ef881a4e197d4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 4 Jun 2012 23:31:26 -0700 Subject: updated index page and footer --- docs/assets/css/docs.css | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 5bdf83b2c..9fdfec0dc 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -279,12 +279,12 @@ hr.soften { /* Footer -------------------------------------------------- */ .footer { - margin-top: 45px; padding: 35px 0 36px; + margin-top: 45px; + text-align: center; border-top: 1px solid #e5e5e5; } .footer p { - margin-bottom: 0; color: #555; } @@ -680,6 +680,7 @@ form.well { /* Grid examples ------------------------- */ .bs-docs-grid { + width: 940px; margin-left: -80px; } @@ -834,9 +835,6 @@ form.well { } /* Unfloat the back to top link in footer */ - .footer .pull-right { - float: none; - } .footer p { margin-bottom: 9px; } -- cgit v1.2.3 From de53f62a0464f92fe0c175478dc38696eebbda99 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 4 Jun 2012 23:57:48 -0700 Subject: more changes to js and components, playing with new docs subnav --- docs/assets/css/docs.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 9fdfec0dc..dcf65ad98 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -11,12 +11,18 @@ body { position: relative; padding-top: 90px; + font-size: 14px; background-color: #fff; background-image: url(../img/grid-18px-masked.png); background-repeat: repeat-x; background-position: 0 40px; } +body, +li { + line-height: 20px; +} + .bs-docs-container { max-width: 780px; margin: 0 auto; @@ -24,6 +30,9 @@ body { /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ +.navbar { + font-size: 13px; +} .navbar-fixed-top .brand { padding-right: 0; padding-left: 0; @@ -603,7 +612,6 @@ form.well { .bs-docs-example > p { font-size: 13px; line-height: 18px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .bs-docs-example p:last-child { margin-bottom: 0; -- cgit v1.2.3 From 094e65eb9dd68a4076d5978025b65c7f03792287 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 4 Jun 2012 23:58:51 -0700 Subject: adding 20px grid, setting that on docs --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index dcf65ad98..4d0fd8fee 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -13,7 +13,7 @@ body { padding-top: 90px; font-size: 14px; background-color: #fff; - background-image: url(../img/grid-18px-masked.png); + background-image: url(../img/grid-20px.png); background-repeat: repeat-x; background-position: 0 40px; } -- cgit v1.2.3 From dd127611e12b9bab9d6da0c24532c5cd151108fd Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 5 Jun 2012 00:46:16 -0700 Subject: two col scaffolding rev --- docs/assets/css/docs.css | 27 +++++++++++++++++---------- 1 file changed, 17 insertions(+), 10 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 4d0fd8fee..b694f107a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -23,10 +23,6 @@ li { line-height: 20px; } -.bs-docs-container { - max-width: 780px; - margin: 0 auto; -} /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ @@ -67,6 +63,19 @@ hr.soften { border: 0; } +/* Table of contents */ +.bs-docs-content { + color: #999; +} +.bs-docs-contents ol { + margin-top: 5px; + margin-bottom: 0; +} +.bs-docs-contents li { + line-height: 25px; + color: #999; +} + /* Jumbotrons -------------------------------------------------- */ @@ -75,7 +84,7 @@ hr.soften { } .jumbotron h1 { margin-bottom: 9px; - font-size: 81px; + font-size: 80px; font-weight: bold; letter-spacing: -1px; line-height: 1; @@ -110,8 +119,6 @@ hr.soften { margin-bottom: 18px; } .masthead p { - margin-left: 5%; - margin-right: 5%; font-size: 30px; line-height: 36px; } @@ -290,10 +297,10 @@ hr.soften { .footer { padding: 35px 0 36px; margin-top: 45px; - text-align: center; border-top: 1px solid #e5e5e5; } .footer p { + margin-bottom: 5px; color: #555; } @@ -689,7 +696,7 @@ form.well { ------------------------- */ .bs-docs-grid { width: 940px; - margin-left: -80px; + margin-left: -240px; } @@ -908,7 +915,7 @@ form.well { .bs-docs-grid { width: 1170px; - margin-left: -195px; + margin-left: -300px; } } -- cgit v1.2.3 From 22918f8f92d29a12a42db4e357f3d439e41bad0a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 5 Jun 2012 17:16:17 -0700 Subject: more tweaks to layouts and some docs styles --- docs/assets/css/docs.css | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b694f107a..1df882799 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -23,6 +23,10 @@ li { line-height: 20px; } +.bs-docs-container { + max-width: 780px; + margin: 0 auto; +} /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ @@ -64,16 +68,14 @@ hr.soften { } /* Table of contents */ -.bs-docs-content { +.bs-docs-contents { color: #999; } -.bs-docs-contents ol { - margin-top: 5px; - margin-bottom: 0; +.bs-docs-contents h3 { + } .bs-docs-contents li { line-height: 25px; - color: #999; } @@ -130,6 +132,7 @@ hr.soften { .subhead { padding-bottom: 0; margin-bottom: 9px; + border-bottom: 1px solid #ddd; } .subhead h1 { font-size: 54px; @@ -297,10 +300,10 @@ hr.soften { .footer { padding: 35px 0 36px; margin-top: 45px; + text-align: center; border-top: 1px solid #e5e5e5; } .footer p { - margin-bottom: 5px; color: #555; } @@ -696,7 +699,7 @@ form.well { ------------------------- */ .bs-docs-grid { width: 940px; - margin-left: -240px; + margin-left: -80px; } @@ -915,7 +918,7 @@ form.well { .bs-docs-grid { width: 1170px; - margin-left: -300px; + margin-left: -195px; } } -- cgit v1.2.3 From 8ee067952202cc8a6e4865eab46598e346ad3971 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 5 Jun 2012 18:25:46 -0700 Subject: updated javascripts for first pass at single column --- docs/assets/css/docs.css | 62 +++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 53 insertions(+), 9 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 1df882799..45c6693a7 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -23,6 +23,47 @@ li { line-height: 20px; } +.bs-docs-nav { + display: none; + position: fixed; + top: 0; + left: 0; + bottom: 0; + overflow-y: scroll; + width: 140px; + padding: 25px 30px; + background-color: #eee; + text-shadow: 0 1px 0 rgba(255,255,255,.5); +} +.bs-docs-nav ul { + margin-left: 0; + margin-bottom: 10px; +} +.bs-docs-nav ul li { + list-style: none; +} +.bs-docs-nav a { + font-size: 13px; + line-height: 20px; +} +.bs-docs-nav > ul > li > a { + font-size: 14px; + color: #999; +} + +.bs-docs-wrapper { + position: fixed; + top: 0; + left: 200px; + right: 0; + bottom: 0; + padding: 40px 0; + overflow-y: scroll; + -webkit-box-shadow: -10px 0 15px rgba(0,0,0,.05), -5px 0 10px rgba(0,0,0,.05); + -moz-box-shadow: -10px 0 15px rgba(0,0,0,.05), -5px 0 10px rgba(0,0,0,.05); + box-shadow: -10px 0 15px rgba(0,0,0,.05), -5px 0 10px rgba(0,0,0,.05); +} + .bs-docs-container { max-width: 780px; margin: 0 auto; @@ -69,13 +110,13 @@ hr.soften { /* Table of contents */ .bs-docs-contents { - color: #999; } .bs-docs-contents h3 { } .bs-docs-contents li { line-height: 25px; + color: #777; } @@ -85,7 +126,7 @@ hr.soften { position: relative; } .jumbotron h1 { - margin-bottom: 9px; + margin-bottom: 10px; font-size: 80px; font-weight: bold; letter-spacing: -1px; @@ -110,8 +151,8 @@ hr.soften { /* Masthead (docs home) */ .masthead { - padding-top: 36px; - margin-bottom: 72px; + padding-top: 40px; + margin-bottom: 60px; } .masthead h1, .masthead p { @@ -122,7 +163,7 @@ hr.soften { } .masthead p { font-size: 30px; - line-height: 36px; + line-height: 35px; } @@ -130,12 +171,15 @@ hr.soften { ------------------------- */ /* supporting docs pages */ .subhead { - padding-bottom: 0; - margin-bottom: 9px; - border-bottom: 1px solid #ddd; + padding-bottom: 12px; + margin-bottom: 10px; + border-bottom: 1px solid #e5e5e5; } .subhead h1 { - font-size: 54px; + font-size: 60px; +} +.subhead .lead { + line-height: 25px; } /* Subnav */ -- cgit v1.2.3 From 5a614fb86d87cff1a2892fe76fb7bdcca231d764 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 5 Jun 2012 19:53:54 -0700 Subject: remove sidenav --- docs/assets/css/docs.css | 81 +++++++++++++++--------------------------------- 1 file changed, 25 insertions(+), 56 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 45c6693a7..81fb7dc9b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -18,56 +18,24 @@ body { background-position: 0 40px; } -body, -li { - line-height: 20px; +/* Custom container for the narrow docs */ +.bs-docs-container { + max-width: 780px; + margin: 0 auto; } -.bs-docs-nav { - display: none; - position: fixed; - top: 0; - left: 0; - bottom: 0; - overflow-y: scroll; - width: 140px; - padding: 25px 30px; - background-color: #eee; - text-shadow: 0 1px 0 rgba(255,255,255,.5); -} -.bs-docs-nav ul { - margin-left: 0; - margin-bottom: 10px; -} -.bs-docs-nav ul li { - list-style: none; -} -.bs-docs-nav a { - font-size: 13px; +/* Increase docs base type size and line-heights */ +body { line-height: 20px; } -.bs-docs-nav > ul > li > a { - font-size: 14px; - color: #999; +p { + margin-bottom: 15px; } - -.bs-docs-wrapper { - position: fixed; - top: 0; - left: 200px; - right: 0; - bottom: 0; - padding: 40px 0; - overflow-y: scroll; - -webkit-box-shadow: -10px 0 15px rgba(0,0,0,.05), -5px 0 10px rgba(0,0,0,.05); - -moz-box-shadow: -10px 0 15px rgba(0,0,0,.05), -5px 0 10px rgba(0,0,0,.05); - box-shadow: -10px 0 15px rgba(0,0,0,.05), -5px 0 10px rgba(0,0,0,.05); +li { + line-height: 25px; } -.bs-docs-container { - max-width: 780px; - margin: 0 auto; -} + /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ @@ -97,6 +65,12 @@ section { padding-top: 60px; } +/* Table of contents */ +.bs-docs-contents li { + line-height: 25px; + color: #777; +} + /* Faded out hr */ hr.soften { height: 1px; @@ -108,17 +82,6 @@ hr.soften { border: 0; } -/* Table of contents */ -.bs-docs-contents { -} -.bs-docs-contents h3 { - -} -.bs-docs-contents li { - line-height: 25px; - color: #777; -} - /* Jumbotrons -------------------------------------------------- */ @@ -365,8 +328,8 @@ hr.soften { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; - min-height: 30px; - line-height: 30px; + min-height: 40px; + line-height: 40px; } .show-grid:hover [class*="span"] { background: #ddd; @@ -667,6 +630,9 @@ form.well { font-size: 13px; line-height: 18px; } +.bs-docs-example p { + margin-bottom: 9px; +} .bs-docs-example p:last-child { margin-bottom: 0; } @@ -674,6 +640,9 @@ form.well { font-size: 18px; line-height: 24px; } +.bs-docs-example li { + line-height: 18px; +} /* Responsive table ------------------------- */ -- cgit v1.2.3 From 2ecbd36cbf0cb8b2e894b2e36400e59a1c88eb1c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 6 Jun 2012 00:48:31 -0700 Subject: add back left rail nav, tweak colors --- docs/assets/css/docs.css | 84 +++++++++++++++++++++++++++++++++++++----------- 1 file changed, 66 insertions(+), 18 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 81fb7dc9b..2aeea9d24 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -10,18 +10,18 @@ -------------------------------------------------- */ body { position: relative; - padding-top: 90px; + padding-top: 60px; font-size: 14px; background-color: #fff; background-image: url(../img/grid-20px.png); background-repeat: repeat-x; - background-position: 0 40px; + background-position: 0 0; } /* Custom container for the narrow docs */ .bs-docs-container { max-width: 780px; - margin: 0 auto; + margin: 0 0 0 240px; } /* Increase docs base type size and line-heights */ @@ -36,6 +36,58 @@ li { } +.bs-docs-nav { + position: fixed; + top: 0; + left: 0; + bottom: 0; + overflow-y: scroll; + width: 140px; + padding: 25px 30px; + background-color: #555; + text-shadow: 0 1px 0 rgba(0,0,0,.25); + -webkit-box-shadow: inset -1px 0 0 rgba(0,0,0,.1); + -moz-box-shadow: inset -1px 0 0 rgba(0,0,0,.1); + box-shadow: inset -1px 0 0 rgba(0,0,0,.1); +} +.bs-docs-nav ul { + margin-left: 0; + margin-bottom: 15px; +} +.bs-docs-nav ul li { + list-style: none; + line-height: 1; +} +.bs-docs-nav ul li a { + display: block; + padding: 0 30px; + margin: 0 -30px; + font-size: 13px; + line-height: 24px; + color: #ccc; +} +.bs-docs-nav ul li a:hover { + color: #fff; + text-decoration: none; + background-color: #666; +} +.bs-docs-nav > ul > li > a { + font-size: 14px; + font-weight: bold; + color: #fff; +} +.bs-docs-logo { + font-size: 24px; + font-weight: bold; + line-height: 1; + margin-top: 0; + margin-bottom: 20px; +} +.bs-docs-logo a { + color: #353535; + text-shadow: 0 1px 0 #656565; +} + /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ @@ -114,12 +166,10 @@ hr.soften { /* Masthead (docs home) */ .masthead { - padding-top: 40px; margin-bottom: 60px; } .masthead h1, .masthead p { - text-align: center; } .masthead h1 { margin-bottom: 18px; @@ -248,9 +298,8 @@ hr.soften { .quick-links { min-height: 30px; margin: 0; - padding: 5px 20px; + padding: 5px 0; list-style: none; - text-align: center; overflow: hidden; } .quick-links:first-child { @@ -278,7 +327,6 @@ hr.soften { margin: 36px 0 27px; font-size: 40px; font-weight: 300; - text-align: center; } .marketing h2, .marketing h3 { @@ -299,7 +347,13 @@ hr.soften { float: left; margin: 4px 5px 0 0; } - +.marketing-byline { + margin: -18px 0 27px; + font-size: 18px; + font-weight: 300; + line-height: 24px; + color: #999; +} /* Footer @@ -307,10 +361,12 @@ hr.soften { .footer { padding: 35px 0 36px; margin-top: 45px; - text-align: center; border-top: 1px solid #e5e5e5; } .footer p { + font-size: 12px; + line-height: 20px; + margin-bottom: 0; color: #555; } @@ -535,14 +591,6 @@ h2 + .row { max-width: 100%; margin: 0 auto; } -.marketing-byline { - margin: -18px 0 27px; - font-size: 18px; - font-weight: 300; - line-height: 24px; - color: #999; - text-align: center; -} .scrollspy-example { height: 200px; -- cgit v1.2.3 From a1aa2b188a0267290cb17c2a0b5d4ad8b7c693c2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 7 Jun 2012 10:20:52 -0700 Subject: more content changes to docs --- docs/assets/css/docs.css | 159 ++++++++++++++++++++++++++--------------------- 1 file changed, 88 insertions(+), 71 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2aeea9d24..bad9be39f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -6,11 +6,13 @@ */ + /* Body and structure -------------------------------------------------- */ + body { position: relative; - padding-top: 60px; + padding-top: 40px; font-size: 14px; background-color: #fff; background-image: url(../img/grid-20px.png); @@ -36,19 +38,25 @@ li { } + +/* Left nav +-------------------------------------------------- */ + .bs-docs-nav { position: fixed; top: 0; left: 0; bottom: 0; overflow-y: scroll; - width: 140px; - padding: 25px 30px; - background-color: #555; - text-shadow: 0 1px 0 rgba(0,0,0,.25); - -webkit-box-shadow: inset -1px 0 0 rgba(0,0,0,.1); - -moz-box-shadow: inset -1px 0 0 rgba(0,0,0,.1); - box-shadow: inset -1px 0 0 rgba(0,0,0,.1); + width: 150px; + padding: 25px; + background-color: #dde2e9; + text-shadow: 0 1px 0 rgba(255,255,255,.55); + -webkit-box-shadow: inset -10px 0 15px rgba(0,0,0,.15); + -moz-box-shadow: inset -10px 0 15px rgba(0,0,0,.15); + box-shadow: inset -10px 0 15px rgba(0,0,0,.15); + background-color: #444; + text-shadow: 0 1px 0 rgba(0,0,0,.5); } .bs-docs-nav ul { margin-left: 0; @@ -58,24 +66,33 @@ li { list-style: none; line-height: 1; } +.bs-docs-nav a:hover { + text-decoration: none; +} .bs-docs-nav ul li a { display: block; + width: 145px; padding: 0 30px; margin: 0 -30px; - font-size: 13px; - line-height: 24px; - color: #ccc; + font-size: 12px; + line-height: 22px; + color: #444; + color: #999; } .bs-docs-nav ul li a:hover { + color: #333; color: #fff; - text-decoration: none; - background-color: #666; + background-color: rgba(0,0,0,.05); } .bs-docs-nav > ul > li > a { font-size: 14px; font-weight: bold; + line-height: 24px; + color: #333; color: #fff; } + +/* Logo wordmark */ .bs-docs-logo { font-size: 24px; font-weight: bold; @@ -84,35 +101,20 @@ li { margin-bottom: 20px; } .bs-docs-logo a { - color: #353535; - text-shadow: 0 1px 0 #656565; -} - - -/* Tweak navbar brand link to be super sleek --------------------------------------------------- */ -.navbar { - font-size: 13px; -} -.navbar-fixed-top .brand { - padding-right: 0; - padding-left: 0; - margin-left: 20px; - float: right; - font-weight: bold; - color: #000; - text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125); - -webkit-transition: all .2s linear; - -moz-transition: all .2s linear; - transition: all .2s linear; + color: #a4b4cb; + color: #333; + text-shadow: 0 1px 0 #555; } -.navbar-fixed-top .brand:hover { - text-decoration: none; +.bs-docs-logo a:hover { + color: #8e9db3; + color: #222; } + /* Space out sub-sections more -------------------------------------------------- */ + section { padding-top: 60px; } @@ -123,6 +125,11 @@ section { color: #777; } +/* Separators (hr) */ +.bs-docs-separator { + margin: 40px 0 39px; +} + /* Faded out hr */ hr.soften { height: 1px; @@ -137,6 +144,9 @@ hr.soften { /* Jumbotrons -------------------------------------------------- */ + +/* Base class +------------------------- */ .jumbotron { position: relative; } @@ -148,13 +158,13 @@ hr.soften { line-height: 1; } .jumbotron p { - margin-bottom: 18px; + margin-bottom: 20px; font-weight: 300; } .jumbotron .btn-large { - font-size: 20px; + font-size: 18px; font-weight: normal; - padding: 14px 24px; + padding: 13px 24px; margin-right: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; @@ -164,7 +174,8 @@ hr.soften { font-size: 14px; } -/* Masthead (docs home) */ +/* Masthead (docs home) +------------------------- */ .masthead { margin-bottom: 60px; } @@ -172,21 +183,47 @@ hr.soften { .masthead p { } .masthead h1 { - margin-bottom: 18px; + margin-bottom: 10px; } .masthead p { font-size: 30px; - line-height: 35px; + line-height: 40px; +} + +/* Quick links +------------------------- */ +.bs-links { + margin: 40px 0 0; + font-size: 12px; +} +.quick-links { + min-height: 30px; + margin: 0; + padding: 0; + list-style: none; + overflow: hidden; +} +.quick-links:first-child { + min-height: 0; +} +.quick-links li { + display: inline; + margin: 0 8px; + color: #999; +} +.quick-links .github-btn, +.quick-links .tweet-btn, +.quick-links .follow-btn { + position: relative; + top: 5px; } + /* Specific jumbotrons ------------------------- */ /* supporting docs pages */ .subhead { - padding-bottom: 12px; - margin-bottom: 10px; - border-bottom: 1px solid #e5e5e5; } .subhead h1 { font-size: 60px; @@ -290,32 +327,6 @@ hr.soften { } -/* Quick links --------------------------------------------------- */ -.bs-links { - margin: 36px 0; -} -.quick-links { - min-height: 30px; - margin: 0; - padding: 5px 0; - list-style: none; - overflow: hidden; -} -.quick-links:first-child { - min-height: 0; -} -.quick-links li { - display: inline; - margin: 0 8px; - color: #999; -} -.quick-links .github-btn, -.quick-links .tweet-btn, -.quick-links .follow-btn { - position: relative; - top: 5px; -} /* Marketing section of Overview @@ -684,6 +695,12 @@ form.well { .bs-docs-example p:last-child { margin-bottom: 0; } +.bs-docs-example .table { + margin-bottom: 5px; +} +form.bs-docs-example { + padding-bottom: 19px; +} .bs-docs-example .lead { font-size: 18px; line-height: 24px; -- cgit v1.2.3 From 860a96939a58831228c2ea90055ca82cd9c84698 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 7 Jun 2012 10:58:15 -0700 Subject: fix grid tooltips, tweaks --- docs/assets/css/docs.css | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index bad9be39f..1e02c299e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -655,7 +655,6 @@ form.well { /* Docs examples ------------------------- */ .bs-docs-example { - overflow: auto; position: relative; margin: 15px 0; padding: 39px 19px 14px; -- cgit v1.2.3 From ff6dd0cf56c1b50b7fa7cba35aab4d13cb251f05 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 7 Jun 2012 14:01:03 -0700 Subject: nav and content tweaks --- docs/assets/css/docs.css | 17 +++++------------ 1 file changed, 5 insertions(+), 12 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 1e02c299e..88d93e461 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -158,6 +158,7 @@ hr.soften { line-height: 1; } .jumbotron p { + max-width: 780px; margin-bottom: 20px; font-weight: 300; } @@ -772,13 +773,6 @@ form.bs-docs-example { border: 1px solid #d6e9c6; } -/* Grid examples -------------------------- */ -.bs-docs-grid { - width: 940px; - margin-left: -80px; -} - /* Responsive Docs @@ -988,14 +982,13 @@ form.bs-docs-example { /* LARGE DESKTOP SCREENS */ @media (min-width: 1210px) { + .bs-docs-container { + max-width: 970px; + } + /* Update subnav container */ .subnav-fixed .nav { width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */ } - .bs-docs-grid { - width: 1170px; - margin-left: -195px; - } - } -- cgit v1.2.3 From c1c7528dd9f0617cb65bc5fac7aa6b2cfc2eb822 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 7 Jun 2012 21:48:03 -0700 Subject: drop the side nav, restore topbar --- docs/assets/css/docs.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 88d93e461..fd0a71edb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -12,18 +12,18 @@ body { position: relative; - padding-top: 40px; + padding-top: 100px; font-size: 14px; background-color: #fff; background-image: url(../img/grid-20px.png); background-repeat: repeat-x; - background-position: 0 0; + background-position: 0 40px; } /* Custom container for the narrow docs */ .bs-docs-container { max-width: 780px; - margin: 0 0 0 240px; + margin: 0 auto; } /* Increase docs base type size and line-heights */ @@ -43,6 +43,7 @@ li { -------------------------------------------------- */ .bs-docs-nav { + display: none; position: fixed; top: 0; left: 0; -- cgit v1.2.3 From bba0b34c36ae54e923cf89fe17914e715aaa9746 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 7 Jun 2012 22:10:36 -0700 Subject: restore top navs entirely --- docs/assets/css/docs.css | 38 ++++++++++++++++++++++++++++++++++++-- 1 file changed, 36 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index fd0a71edb..640dc5cfb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -39,6 +39,31 @@ li { +/* Tweak navbar brand link to be super sleek +-------------------------------------------------- */ + +.navbar, +.subnav { + font-size: 13px; +} +.navbar-fixed-top .brand { + padding-right: 0; + padding-left: 0; + margin-left: 20px; + float: right; + font-weight: bold; + color: #000; + text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125); + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; +} +.navbar-fixed-top .brand:hover { + text-decoration: none; +} + + + /* Left nav -------------------------------------------------- */ @@ -150,6 +175,7 @@ hr.soften { ------------------------- */ .jumbotron { position: relative; + text-align: center; } .jumbotron h1 { margin-bottom: 10px; @@ -159,7 +185,6 @@ hr.soften { line-height: 1; } .jumbotron p { - max-width: 780px; margin-bottom: 20px; font-weight: 300; } @@ -179,7 +204,8 @@ hr.soften { /* Masthead (docs home) ------------------------- */ .masthead { - margin-bottom: 60px; + margin-top: 20px; + margin-bottom: 80px; } .masthead h1, .masthead p { @@ -226,11 +252,14 @@ hr.soften { ------------------------- */ /* supporting docs pages */ .subhead { + text-align: left; } .subhead h1 { font-size: 60px; } .subhead .lead { + max-width: 780px; + margin-bottom: 30px; line-height: 25px; } @@ -340,6 +369,7 @@ hr.soften { margin: 36px 0 27px; font-size: 40px; font-weight: 300; + text-align: center; } .marketing h2, .marketing h3 { @@ -366,6 +396,7 @@ hr.soften { font-weight: 300; line-height: 24px; color: #999; + text-align: center; } @@ -600,6 +631,9 @@ h2 + .row { } /* Example sites showcase */ +.example-sites { + margin-left: 20px; +} .example-sites img { max-width: 100%; margin: 0 auto; -- cgit v1.2.3 From 269ce715f1a722a10d0a4a9229bcca8da3aa682a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 7 Jun 2012 22:24:47 -0700 Subject: overhaul js docs top sections, update subhead --- docs/assets/css/docs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 640dc5cfb..b5e4cc33c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -258,9 +258,10 @@ hr.soften { font-size: 60px; } .subhead .lead { - max-width: 780px; margin-bottom: 30px; line-height: 25px; + font-size: 30px; + line-height: 40px; } /* Subnav */ -- cgit v1.2.3 From 550e375af08a5b6ad401c043f8c0d2f3b1d3b6c2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 8 Jun 2012 16:35:04 -0700 Subject: restore scrollspy to body --- docs/assets/css/docs.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b5e4cc33c..bbf8e339a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -455,8 +455,12 @@ hr.soften { -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075); box-shadow: 0 1px 2px rgba(0,0,0,.075); } +.mini-layout, +.mini-layout .mini-layout-body, +.mini-layout.fluid .mini-layout-sidebar { + height: 300px; +} .mini-layout { - height: 240px; margin-bottom: 20px; padding: 9px; } @@ -469,7 +473,6 @@ hr.soften { background-color: #dceaf4; margin: 0 auto; width: 70%; - height: 240px; } .mini-layout.fluid .mini-layout-sidebar, .mini-layout.fluid .mini-layout-header, @@ -479,7 +482,6 @@ hr.soften { .mini-layout.fluid .mini-layout-sidebar { background-color: #bbd8e9; width: 20%; - height: 240px; } .mini-layout.fluid .mini-layout-body { width: 77.5%; -- cgit v1.2.3 From aff3694f28946a0640f15dc07591dbfb332fcbaf Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 9 Jun 2012 12:58:55 -0700 Subject: remove mention of prettify from docs, fix docs subnav width when fixed --- docs/assets/css/docs.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index bbf8e339a..18b7f5c9f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -346,7 +346,7 @@ hr.soften { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */ } .subnav-fixed .nav { - width: 938px; + max-width: 780px; margin: 0 auto; padding: 0 1px; } @@ -918,7 +918,7 @@ form.bs-docs-example { /* Jumbotron buttons */ .jumbotron .btn { margin-bottom: 10px; - } +av } /* Subnav */ .subnav { @@ -1026,7 +1026,7 @@ form.bs-docs-example { /* Update subnav container */ .subnav-fixed .nav { - width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */ + max-width: 970px; /* 2px less to account for left/right borders being removed when in fixed mode */ } } -- cgit v1.2.3 From c65006601e65cbfa23611f55c0af314fc762d84d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 9 Jun 2012 19:15:46 -0700 Subject: overhaul forms docs to simplify presentation of everything, reduce text, and increase visibility of examples --- docs/assets/css/docs.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 18b7f5c9f..4c7a7ddab 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -37,6 +37,12 @@ li { line-height: 25px; } +/* Code in headings */ +h3 code { + font-size: 14px; + font-weight: normal; +} + /* Tweak navbar brand link to be super sleek -- cgit v1.2.3 From f2e39233f54a733df54d5d998abd79233e0f143f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 10 Jun 2012 15:12:02 -0700 Subject: rewrite alerts and progress bars sections --- docs/assets/css/docs.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 4c7a7ddab..4d65f6b04 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -739,7 +739,10 @@ form.well { .bs-docs-example p:last-child { margin-bottom: 0; } -.bs-docs-example .table { +.bs-docs-example .table, +.bs-docs-example .progress, +.bs-docs-example .well, +.bs-docs-example .alert { margin-bottom: 5px; } form.bs-docs-example { -- cgit v1.2.3 From 3985379ccabcdcf9f96432ba37be2dd38ed117bc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 10 Jun 2012 15:14:21 -0700 Subject: rearrange hero unit section --- docs/assets/css/docs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 4d65f6b04..fc9df07e2 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -742,7 +742,8 @@ form.well { .bs-docs-example .table, .bs-docs-example .progress, .bs-docs-example .well, -.bs-docs-example .alert { +.bs-docs-example .alert, +.bs-docs-example .hero-unit { margin-bottom: 5px; } form.bs-docs-example { -- cgit v1.2.3 From 0c817bf5e2ab635777c17e00caed829e6939f34f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 10 Jun 2012 16:46:46 -0700 Subject: redo pagination and breadcrumbs --- docs/assets/css/docs.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index fc9df07e2..83533ea78 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -743,9 +743,13 @@ form.well { .bs-docs-example .progress, .bs-docs-example .well, .bs-docs-example .alert, -.bs-docs-example .hero-unit { +.bs-docs-example .hero-unit, +.bs-docs-example .pagination { margin-bottom: 5px; } +.bs-docs-example .pagination { + margin-top: 0; +} form.bs-docs-example { padding-bottom: 19px; } -- cgit v1.2.3 From 017b7cb804106a14d1a7b6f6b02109dddd4926a2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 10 Jun 2012 20:39:00 -0700 Subject: rewrite the navbar section --- docs/assets/css/docs.css | 33 ++++++++++++++++++++++++++++++--- 1 file changed, 30 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 83533ea78..889e3008d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -52,7 +52,7 @@ h3 code { .subnav { font-size: 13px; } -.navbar-fixed-top .brand { +body > .navbar-fixed-top .brand { padding-right: 0; padding-left: 0; margin-left: 20px; @@ -64,7 +64,7 @@ h3 code { -moz-transition: all .2s linear; transition: all .2s linear; } -.navbar-fixed-top .brand:hover { +body > .navbar-fixed-top .brand:hover { text-decoration: none; } @@ -744,12 +744,39 @@ form.well { .bs-docs-example .well, .bs-docs-example .alert, .bs-docs-example .hero-unit, -.bs-docs-example .pagination { +.bs-docs-example .pagination, +.bs-docs-example .navbar { margin-bottom: 5px; } .bs-docs-example .pagination { margin-top: 0; } +.bs-navbar-top-example, +.bs-navbar-bottom-example { + z-index: 1; + padding: 0; + height: 90px; +} +.bs-navbar-top-example { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +.bs-navbar-top-example:after { + top: auto; + bottom: -1px; + -webkit-border-radius: 0 4px 0 4px; + -moz-border-radius: 0 4px 0 4px; + border-radius: 0 4px 0 4px; +} +.bs-navbar-bottom-example { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} +.bs-navbar-bottom-example .navbar { + margin-bottom: 0; +} form.bs-docs-example { padding-bottom: 19px; } -- cgit v1.2.3 From a0cd886c56708bbd8d6896ee81b04579f86fb0aa Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 10 Jun 2012 21:24:13 -0700 Subject: rewrite the rest of the nav section --- docs/assets/css/docs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 889e3008d..d6791ff07 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -745,7 +745,8 @@ form.well { .bs-docs-example .alert, .bs-docs-example .hero-unit, .bs-docs-example .pagination, -.bs-docs-example .navbar { +.bs-docs-example .navbar, +.bs-docs-example .nav { margin-bottom: 5px; } .bs-docs-example .pagination { -- cgit v1.2.3 From 7ed02b461be8f520f672284f9984fdc9ce4487e7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 11 Jun 2012 20:20:51 -0700 Subject: fix blockquote alignment --- docs/assets/css/docs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index d6791ff07..a39dc3c6e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -746,7 +746,8 @@ form.well { .bs-docs-example .hero-unit, .bs-docs-example .pagination, .bs-docs-example .navbar, -.bs-docs-example .nav { +.bs-docs-example .nav, +.bs-docs-example blockquote { margin-bottom: 5px; } .bs-docs-example .pagination { -- cgit v1.2.3 From 5dd47f11967f25aa8f5fe4ad25db807c5b33ccca Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 11 Jun 2012 20:33:00 -0700 Subject: keep tables at 13px in docs for now, clean up some modals js docs stuff --- docs/assets/css/docs.css | 80 +++--------------------------------------------- 1 file changed, 5 insertions(+), 75 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index a39dc3c6e..c91afd73a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -69,81 +69,6 @@ body > .navbar-fixed-top .brand:hover { } - -/* Left nav --------------------------------------------------- */ - -.bs-docs-nav { - display: none; - position: fixed; - top: 0; - left: 0; - bottom: 0; - overflow-y: scroll; - width: 150px; - padding: 25px; - background-color: #dde2e9; - text-shadow: 0 1px 0 rgba(255,255,255,.55); - -webkit-box-shadow: inset -10px 0 15px rgba(0,0,0,.15); - -moz-box-shadow: inset -10px 0 15px rgba(0,0,0,.15); - box-shadow: inset -10px 0 15px rgba(0,0,0,.15); - background-color: #444; - text-shadow: 0 1px 0 rgba(0,0,0,.5); -} -.bs-docs-nav ul { - margin-left: 0; - margin-bottom: 15px; -} -.bs-docs-nav ul li { - list-style: none; - line-height: 1; -} -.bs-docs-nav a:hover { - text-decoration: none; -} -.bs-docs-nav ul li a { - display: block; - width: 145px; - padding: 0 30px; - margin: 0 -30px; - font-size: 12px; - line-height: 22px; - color: #444; - color: #999; -} -.bs-docs-nav ul li a:hover { - color: #333; - color: #fff; - background-color: rgba(0,0,0,.05); -} -.bs-docs-nav > ul > li > a { - font-size: 14px; - font-weight: bold; - line-height: 24px; - color: #333; - color: #fff; -} - -/* Logo wordmark */ -.bs-docs-logo { - font-size: 24px; - font-weight: bold; - line-height: 1; - margin-top: 0; - margin-bottom: 20px; -} -.bs-docs-logo a { - color: #a4b4cb; - color: #333; - text-shadow: 0 1px 0 #555; -} -.bs-docs-logo a:hover { - color: #8e9db3; - color: #222; -} - - - /* Space out sub-sections more -------------------------------------------------- */ @@ -151,6 +76,11 @@ section { padding-top: 60px; } +section > .table { + font-size: 13px; +} + + /* Table of contents */ .bs-docs-contents li { line-height: 25px; -- cgit v1.2.3 From f453909f390f88664cc590fe3f1fa3c0df041200 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 11 Jun 2012 21:48:41 -0700 Subject: add a dropdowns section to Components (still needs work) and reformat much of the js docs --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index c91afd73a..366582101 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -676,7 +676,7 @@ form.well { .bs-docs-example .hero-unit, .bs-docs-example .pagination, .bs-docs-example .navbar, -.bs-docs-example .nav, +.bs-docs-example > .nav, .bs-docs-example blockquote { margin-bottom: 5px; } -- cgit v1.2.3 From 2cbff258b9351569c76be8e7be1dd9f227a7d2ae Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 11 Jun 2012 22:33:16 -0700 Subject: fix examples page --- docs/assets/css/docs.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 366582101..458fa234e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -622,6 +622,10 @@ form.well { /* Eaxmples page ------------------------- */ +.bootstrap-examples p { + font-size: 13px; + line-height: 18px; +} .bootstrap-examples .thumbnail { margin-bottom: 9px; background-color: #fff; -- cgit v1.2.3 From 71669dda63644a7b4162ca63f8b9c88b3586c7e4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 24 Jun 2012 20:26:48 -0700 Subject: tons of docs cleanup in css, adding subnav to official components --- docs/assets/css/docs.css | 232 ++++++++--------------------------------------- 1 file changed, 37 insertions(+), 195 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 458fa234e..9e6964a84 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -69,24 +69,14 @@ body > .navbar-fixed-top .brand:hover { } -/* Space out sub-sections more +/* Sections -------------------------------------------------- */ +/* padding for in-page bookmarks and fixed navbar */ section { padding-top: 60px; } -section > .table { - font-size: 13px; -} - - -/* Table of contents */ -.bs-docs-contents li { - line-height: 25px; - color: #777; -} - /* Separators (hr) */ .bs-docs-separator { margin: 40px 0 39px; @@ -121,8 +111,10 @@ hr.soften { line-height: 1; } .jumbotron p { - margin-bottom: 20px; + font-size: 24px; font-weight: 300; + line-height: 30px; + margin-bottom: 30px; } .jumbotron .btn-large { font-size: 18px; @@ -143,17 +135,21 @@ hr.soften { margin-top: 20px; margin-bottom: 80px; } -.masthead h1, -.masthead p { -} -.masthead h1 { - margin-bottom: 10px; -} .masthead p { + margin-bottom: 20px; font-size: 30px; line-height: 40px; } +/* Subhead (other pages) +------------------------- */ +.subhead { + text-align: left; +} +.subhead h1 { + font-size: 60px; +} + /* Quick links ------------------------- */ .bs-links { @@ -183,127 +179,13 @@ hr.soften { } - -/* Specific jumbotrons -------------------------- */ -/* supporting docs pages */ -.subhead { - text-align: left; -} -.subhead h1 { - font-size: 60px; -} -.subhead .lead { - margin-bottom: 30px; - line-height: 25px; - font-size: 30px; - line-height: 40px; -} - -/* Subnav */ -.subnav { - width: 100%; - height: 36px; - background-color: #eeeeee; /* Old browsers */ - background-repeat: repeat-x; /* Repeat the gradient */ - background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */ - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ - background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */ - background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */ - background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ - background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */ - border: 1px solid #e5e5e5; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.subnav .nav { - margin-bottom: 0; -} -.subnav .nav > li > a { - margin: 0; - padding-top: 11px; - padding-bottom: 11px; - border-left: 1px solid #f5f5f5; - border-right: 1px solid #e5e5e5; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -.subnav .nav > .active > a, -.subnav .nav > .active > a:hover { - padding-left: 13px; - color: #777; - background-color: #e9e9e9; - border-right-color: #ddd; - border-left: 0; - -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); - -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); - box-shadow: inset 0 3px 5px rgba(0,0,0,.05); -} -.subnav .nav > .active > a .caret, -.subnav .nav > .active > a:hover .caret { - border-top-color: #777; -} -.subnav .nav > li:first-child > a, -.subnav .nav > li:first-child > a:hover { - border-left: 0; - padding-left: 12px; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; -} -.subnav .nav > li:last-child > a { - border-right: 0; -} -.subnav .dropdown-menu { - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; -} - -/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */ -@media (min-width: 980px) { - .subnav-fixed { - position: fixed; - top: 40px; - left: 0; - right: 0; - z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */ - border-color: #d5d5d5; - border-width: 0 0 1px; /* drop the border on the fixed edges */ - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); - -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); - box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */ - } - .subnav-fixed .nav { - max-width: 780px; - margin: 0 auto; - padding: 0 1px; - } - .subnav .nav > li:first-child > a, - .subnav .nav > li:first-child > a:hover { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - } -} - - - - /* Marketing section of Overview -------------------------------------------------- */ .marketing .row { margin-bottom: 9px; } .marketing h1 { - margin: 36px 0 27px; + margin: 40px 0 10px; font-size: 40px; font-weight: 300; text-align: center; @@ -312,11 +194,8 @@ hr.soften { .marketing h3 { font-weight: 300; } -.marketing h2 { - font-size: 22px; -} .marketing p { - margin-right: 10px; + margin: 5px 10px 15px 0; } .marketing .bs-icon { float: left; @@ -327,11 +206,11 @@ hr.soften { float: left; margin: 4px 5px 0 0; } -.marketing-byline { - margin: -18px 0 27px; - font-size: 18px; +.marketing .marketing-byline { + margin-bottom: 30px; + font-size: 20px; font-weight: 300; - line-height: 24px; + line-height: 25px; color: #999; text-align: center; } @@ -340,15 +219,13 @@ hr.soften { /* Footer -------------------------------------------------- */ .footer { - padding: 35px 0 36px; - margin-top: 45px; + padding: 40px 0; + margin-top: 49px; border-top: 1px solid #e5e5e5; } .footer p { - font-size: 12px; - line-height: 20px; margin-bottom: 0; - color: #555; + color: #777; } @@ -800,35 +677,15 @@ form.bs-docs-example { } /* Change up some type stuff */ - h2 { - margin-top: 27px; - } h2 small { display: block; - line-height: 18px; - } - h3 { - margin-top: 18px; } - /* icons */ - .marketing .bs-icon { - margin: 0; - } - - /* Adjust the jumbotron */ - .jumbotron h1, - .jumbotron p { - text-align: center; - margin-right: 0; - } + /* Downsize the jumbotrons */ .jumbotron h1 { font-size: 45px; - margin-right: 0; } .jumbotron p { - margin-right: 0; - margin-left: 0; font-size: 18px; line-height: 24px; } @@ -838,18 +695,10 @@ form.bs-docs-example { padding: 10px 14px; margin: 0 auto 10px; } - /* Masthead (home page jumbotron) */ - .masthead { - padding-top: 0; - } - - /* Don't space out quick links so much */ - .quick-links { - margin: 40px 0 0; - } - /* hide the bullets on mobile since our horizontal space is limited */ - .quick-links .divider { - display: none; + /* center align subhead text like the masthead */ + .subhead h1, + .subhead p { + text-align: center; } /* center example sites */ @@ -867,6 +716,7 @@ form.bs-docs-example { max-width: 270px; } + /* Do our best to make tables work in narrow viewports */ table code { white-space: normal; word-wrap: break-word; @@ -882,6 +732,11 @@ form.bs-docs-example { left: auto; } + /* Unfloat the back to top in footer to prevent odd text wrapping */ + .footer .pull-right { + float: none; + } + } @@ -895,7 +750,7 @@ form.bs-docs-example { /* Jumbotron buttons */ .jumbotron .btn { margin-bottom: 10px; -av } + } /* Subnav */ .subnav { @@ -948,14 +803,6 @@ av } @media (min-width: 480px) and (max-width: 768px) { - /* Scale down the jumbotron content */ - .jumbotron h1 { - font-size: 54px; - } - .jumbotron p { - margin-right: 0; - margin-left: 0; - } } @@ -967,18 +814,13 @@ av } padding-top: 0; } - /* Scale down the jumbotron content */ - .jumbotron h1 { - font-size: 72px; - } - } @media (max-width: 980px) { /* Unfloat brand */ - .navbar-fixed-top .brand { + body > .navbar-fixed-top .brand { float: left; margin-left: 0; padding-left: 10px; -- cgit v1.2.3 From c09e8473e2be483d3f53186840c002167647c44b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Jun 2012 10:03:46 -0700 Subject: use variablef or wells background-color, update docs for glyphicons license mention, update popovers to remove that thick border and make them look mo betta --- docs/assets/css/docs.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 9e6964a84..a0f3546a4 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -601,6 +601,20 @@ form.bs-docs-example { line-height: 18px; } +/* Popovers */ +.bs-docs-example-popover { + padding-bottom: 24px; + background-color: #f9f9f9; +} +.bs-docs-example-popover .popover { + position: relative; + display: block; + float: left; + width: 210px; + margin: 10px; +} + + /* Responsive table ------------------------- */ .responsive-utilities th small { -- cgit v1.2.3 From c31a4e51316eb8767baebe9d8e370c782f15ea38 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Jun 2012 20:59:16 -0700 Subject: remove responsive subnav from docs and place in navbar-responsive.less --- docs/assets/css/docs.css | 39 +-------------------------------------- 1 file changed, 1 insertion(+), 38 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index a0f3546a4..257d03f7f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -48,8 +48,7 @@ h3 code { /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ -.navbar, -.subnav { +.navbar { font-size: 13px; } body > .navbar-fixed-top .brand { @@ -766,42 +765,6 @@ form.bs-docs-example { margin-bottom: 10px; } - /* Subnav */ - .subnav { - position: static; - top: auto; - z-index: auto; - width: auto; - height: auto; - background: #fff; /* whole background property since we use a background-image for gradient */ - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - } - .subnav .nav > li { - float: none; - } - .subnav .nav > li > a { - border: 0; - } - .subnav .nav > li + li > a { - border-top: 1px solid #e5e5e5; - } - .subnav .nav > li:first-child > a, - .subnav .nav > li:first-child > a:hover { - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; - } - - /* Popovers */ - .large-bird { - display: none; - } - .popover-well .popover-wrapper { - margin-left: 0; - } - /* Space out the show-grid examples */ .show-grid [class*="span"] { margin-bottom: 5px; -- cgit v1.2.3 From 6f4360c47b0fa2beaabf4595a58bbb929df7cecc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Jun 2012 21:06:54 -0700 Subject: cleanup docs css more --- docs/assets/css/docs.css | 239 +++++++++++++++++++---------------------------- 1 file changed, 94 insertions(+), 145 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 257d03f7f..772fee2c3 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -51,6 +51,8 @@ h3 code { .navbar { font-size: 13px; } + +/* Change the docs' brand */ body > .navbar-fixed-top .brand { padding-right: 0; padding-left: 0; @@ -93,6 +95,7 @@ hr.soften { } + /* Jumbotrons -------------------------------------------------- */ @@ -149,7 +152,7 @@ hr.soften { font-size: 60px; } -/* Quick links +/* Quick links on Home ------------------------- */ .bs-links { margin: 40px 0 0; @@ -178,8 +181,10 @@ hr.soften { } + /* Marketing section of Overview -------------------------------------------------- */ + .marketing .row { margin-bottom: 9px; } @@ -189,8 +194,7 @@ hr.soften { font-weight: 300; text-align: center; } -.marketing h2, -.marketing h3 { +.marketing h2 { font-weight: 300; } .marketing p { @@ -201,10 +205,6 @@ hr.soften { margin: 7px 10px 0 0; opacity: .8; } -.marketing .small-bs-icon { - float: left; - margin: 4px 5px 0 0; -} .marketing .marketing-byline { margin-bottom: 30px; font-size: 20px; @@ -215,8 +215,10 @@ hr.soften { } + /* Footer -------------------------------------------------- */ + .footer { padding: 40px 0; margin-top: 49px; @@ -231,6 +233,7 @@ hr.soften { /* Special grid styles -------------------------------------------------- */ + .show-grid { margin-top: 10px; margin-bottom: 20px; @@ -256,7 +259,8 @@ hr.soften { } -/* Render mini layout previews + +/* Mini layout previews -------------------------------------------------- */ .mini-layout { border: 1px solid #ddd; @@ -301,32 +305,10 @@ hr.soften { } -/* Popover docs --------------------------------------------------- */ -.popover-well { - min-height: 160px; -} -.popover-well .popover { - display: block; -} -.popover-well .popover-wrapper { - width: 50%; - height: 160px; - float: left; - margin-left: 55px; - position: relative; -} -.popover-well .popover-menu-wrapper { - height: 80px; -} -.large-bird { - margin: 5px 0 0 310px; - opacity: .1; -} - /* Download page -------------------------------------------------- */ + .download .page-header { margin-top: 36px; } @@ -410,30 +392,6 @@ hr.soften { -/* Color swatches on LESS docs page --------------------------------------------------- */ -/* Sets the width of the td */ -.swatch-col { - width: 30px; -} -/* Le swatch */ -.swatch { - display: inline-block; - width: 30px; - height: 20px; - margin: -6px 0; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -/* For white swatches, give a border */ -.swatch-bordered { - width: 28px; - height: 18px; - border: 1px solid #eee; -} - - /* Misc -------------------------------------------------- */ @@ -460,15 +418,6 @@ h2 + .row { position: relative; } -/* Remove bottom margin on example forms in wells */ -form.well { - padding: 14px; -} - -/* Tighten up spacing */ -.well hr { - margin: 18px 0; -} /* Fake the :focus state to demo it */ .focused { @@ -507,8 +456,12 @@ form.well { background-color: #fff; } -/* Docs examples -------------------------- */ + + +/* Bootstrap code examples +-------------------------------------------------- */ + +/* Base class */ .bs-docs-example { position: relative; margin: 15px 0; @@ -519,6 +472,8 @@ form.well { -moz-border-radius: 4px; border-radius: 4px; } + +/* Echo out a label for the example */ .bs-docs-example:after { content: "Example"; position: absolute; @@ -534,10 +489,15 @@ form.well { -moz-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0; } + +/* Remove spacing between an example and it's code */ .bs-docs-example + .prettyprint { margin-top: -20px; padding-top: 15px; } + +/* Tweak examples +------------------------- */ .bs-docs-example, .bs-docs-example > p { font-size: 13px; @@ -614,7 +574,11 @@ form.bs-docs-example { } -/* Responsive table + +/* Responsive docs +-------------------------------------------------- */ + +/* Utility classes table ------------------------- */ .responsive-utilities th small { display: block; @@ -680,10 +644,71 @@ form.bs-docs-example { -/* Responsive Docs +/* Responsive -------------------------------------------------- */ -@media (max-width: 480px) { +/* Desktop large +------------------------- */ +@media (min-width: 1210px) { + .bs-docs-container { + max-width: 970px; + } +} + +/* Desktop +------------------------- */ +@media (max-width: 980px) { + /* Unfloat brand */ + body > .navbar-fixed-top .brand { + float: left; + margin-left: 0; + padding-left: 10px; + padding-right: 10px; + } + + /* Inline-block quick links for more spacing */ + .quick-links li { + display: inline-block; + margin: 5px; + } +} + +/* Tablet to desktop +------------------------- */ +@media (min-width: 768px) and (max-width: 980px) { + /* Remove any padding from the body */ + body { + padding-top: 0; + } +} + +/* Tablet +------------------------- */ +@media (max-width: 768px) { + /* Remove any padding from the body */ + body { + padding-top: 0; + } + + /* Jumbotron buttons */ + .jumbotron .btn { + margin-bottom: 10px; + } + + /* Space out the show-grid examples */ + .show-grid [class*="span"] { + margin-bottom: 5px; + } + + /* Unfloat the back to top link in footer */ + .footer p { + margin-bottom: 9px; + } +} + +/* Landscape phones +------------------------- */ +@media (max-width: 480px) { /* Reduce padding above jumbotron */ body { padding-top: 70px; @@ -749,80 +774,4 @@ form.bs-docs-example { .footer .pull-right { float: none; } - -} - - -@media (max-width: 768px) { - - /* Remove any padding from the body */ - body { - padding-top: 0; - } - - /* Jumbotron buttons */ - .jumbotron .btn { - margin-bottom: 10px; - } - - /* Space out the show-grid examples */ - .show-grid [class*="span"] { - margin-bottom: 5px; - } - - /* Unfloat the back to top link in footer */ - .footer p { - margin-bottom: 9px; - } - -} - - -@media (min-width: 480px) and (max-width: 768px) { - - -} - - -@media (min-width: 768px) and (max-width: 980px) { - - /* Remove any padding from the body */ - body { - padding-top: 0; - } - -} - - -@media (max-width: 980px) { - - /* Unfloat brand */ - body > .navbar-fixed-top .brand { - float: left; - margin-left: 0; - padding-left: 10px; - padding-right: 10px; - } - - /* Inline-block quick links for more spacing */ - .quick-links li { - display: inline-block; - margin: 5px; - } - -} - - -/* LARGE DESKTOP SCREENS */ -@media (min-width: 1210px) { - - .bs-docs-container { - max-width: 970px; - } - - /* Update subnav container */ - .subnav-fixed .nav { - max-width: 970px; /* 2px less to account for left/right borders being removed when in fixed mode */ - } - } -- cgit v1.2.3 From 70e81e6f55ad77f3777e87c4edd646a2f5ac8bee Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 1 Jul 2012 08:42:09 -0700 Subject: new jumbotron --- docs/assets/css/docs.css | 58 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 772fee2c3..1328177a4 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -775,3 +775,61 @@ form.bs-docs-example { float: none; } } + + + + +.navbar { +} +.jumbo { + padding: 100px 0; + margin-top: -60px; + background-color: #222; + color: #fff; + text-align: center; + text-shadow: 0 1px 0 rgba(0,0,0,.1), 0 0 30px rgba(0,0,0,.075); + + background: #c9cabc; /* Old browsers */ +background: -moz-linear-gradient(-45deg, #c9cabc 0%, #68686d 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c9cabc), color-stop(100%,#68686d)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(-45deg, #c9cabc 0%,#68686d 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(-45deg, #c9cabc 0%,#68686d 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(-45deg, #c9cabc 0%,#68686d 100%); /* IE10+ */ +background: linear-gradient(135deg, #c9cabc 0%,#68686d 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cabc', endColorstr='#68686d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ + + xborder-bottom: 1px solid #68686d; + + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); +} +.jumbo h1 { + font-size: 120px; + font-weight: 200; + line-height: 1; + margin: 0 0 5px; + letter-spacing: -2px; +} +.jumbo p { + margin-bottom: 30px; + font-size: 40px; + font-weight: 200; + line-height: 1.25; +} +.jumbo .btn { + font-size: 20px; + padding: 14px 24px; + margin: 0 10px 30px 0; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.2); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.2); + box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.2); +} +.jumbo .btn:active { + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.25); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.25); + box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.25); +} + + + -- cgit v1.2.3 From 3ad52ca632e07948153ffb072132527d74e67c1d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 1 Jul 2012 22:49:01 -0700 Subject: fast responsive tweaks --- docs/assets/css/docs.css | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 1328177a4..1e73e9ef0 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -820,7 +820,8 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cabc', end .jumbo .btn { font-size: 20px; padding: 14px 24px; - margin: 0 10px 30px 0; + margin: 0 0 30px 0; + font-weight: 200; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.2); @@ -832,4 +833,21 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cabc', end } +@media (max-width: 480px) { + body { + padding-top: 0; + } + .jumbo { + margin: -20px -20px ; + padding: 40px 25px; + } + .jumbo h1 { + font-size: 72px; + } + .jumbo p { + font-size: 20px; + } + +} + -- cgit v1.2.3 From 62c386259b7fbd1ef665fc6baf4458c8e05ad1f8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 4 Jul 2012 23:31:30 -0700 Subject: rewrite docs homepage, new graphics --- docs/assets/css/docs.css | 105 +++++++++++++++++++++++++++++++---------------- 1 file changed, 70 insertions(+), 35 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 1e73e9ef0..b003b89d5 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -86,7 +86,7 @@ section { /* Faded out hr */ hr.soften { height: 1px; - margin: 54px 0; + margin: 70px 0; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); @@ -185,33 +185,33 @@ hr.soften { /* Marketing section of Overview -------------------------------------------------- */ -.marketing .row { - margin-bottom: 9px; +.marketing { + text-align: center; } .marketing h1 { - margin: 40px 0 10px; - font-size: 40px; - font-weight: 300; - text-align: center; + margin: 60px 0 10px; + font-size: 60px; + font-weight: 400; + line-height: 1; + letter-spacing: -1px; } .marketing h2 { - font-weight: 300; + font-weight: 400; + letter-spacing: -1px; } .marketing p { - margin: 5px 10px 15px 0; -} -.marketing .bs-icon { - float: left; - margin: 7px 10px 0 0; - opacity: .8; + color: #555; } .marketing .marketing-byline { - margin-bottom: 30px; + margin-bottom: 40px; font-size: 20px; font-weight: 300; line-height: 25px; color: #999; - text-align: center; +} +.marketing img { + display: block; + margin: 0 auto 20px; } @@ -220,8 +220,8 @@ hr.soften { -------------------------------------------------- */ .footer { - padding: 40px 0; - margin-top: 49px; + padding: 70px 0; + margin-top: 70px; border-top: 1px solid #e5e5e5; } .footer p { @@ -405,7 +405,7 @@ h2 + .row { /* Example sites showcase */ .example-sites { - margin-left: 20px; + xmargin-left: 20px; } .example-sites img { max-width: 100%; @@ -778,16 +778,18 @@ form.bs-docs-example { - -.navbar { +.navbar-inner { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } .jumbo { padding: 100px 0; - margin-top: -60px; + margin: -60px 0 60px; background-color: #222; color: #fff; text-align: center; - text-shadow: 0 1px 0 rgba(0,0,0,.1), 0 0 30px rgba(0,0,0,.075); + text-shadow: 0 1px 5px rgba(0,0,0,.25), 0 0 30px rgba(0,0,0,.075); background: #c9cabc; /* Old browsers */ background: -moz-linear-gradient(-45deg, #c9cabc 0%, #68686d 100%); /* FF3.6+ */ @@ -798,6 +800,24 @@ background: -ms-linear-gradient(-45deg, #c9cabc 0%,#68686d 100%); /* IE10+ */ background: linear-gradient(135deg, #c9cabc 0%,#68686d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cabc', endColorstr='#68686d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ + background: #020031; /* Old browsers */ + background: -moz-linear-gradient(45deg, #020031 0%, #803353 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#803353)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(45deg, #020031 0%,#803353 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(45deg, #020031 0%,#803353 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(45deg, #020031 0%,#803353 100%); /* IE10+ */ + background: linear-gradient(45deg, #020031 0%,#803353 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#803353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ + + background: #020031; /* Old browsers */ + background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* IE10+ */ + background: linear-gradient(45deg, #020031 0%,#6d3353 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ + xborder-bottom: 1px solid #68686d; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); @@ -806,9 +826,9 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cabc', end } .jumbo h1 { font-size: 120px; - font-weight: 200; + font-weight: ; line-height: 1; - margin: 0 0 5px; + margin: 0 0 10px; letter-spacing: -2px; } .jumbo p { @@ -818,19 +838,36 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cabc', end line-height: 1.25; } .jumbo .btn { - font-size: 20px; + font-size: 24px; padding: 14px 24px; - margin: 0 0 30px 0; font-weight: 200; - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.2); - -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.2); - box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.2); + border: 0; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); + box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); } .jumbo .btn:active { - -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.25); - -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.25); - box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.25); + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); + box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); +} +.jumbo-links { + margin: 0; + list-style: none; +} +.jumbo-links li { + display: inline; + padding: 0 10px; + color: rgba(255,255,255,.25); +} +.jumbo-links a { + color: #fff; + color: rgba(255,255,255,.5); } +.jumbo-links a:hover { + color: #fff; +} + @media (max-width: 480px) { @@ -849,5 +886,3 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cabc', end } } - - -- cgit v1.2.3 From a645664e503475af2b8ed6f81f6860aad188f327 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 5 Jul 2012 10:12:15 -0700 Subject: update thumbnails to fix display issues and refine aesthetics --- docs/assets/css/docs.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b003b89d5..7b12bb5da 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -33,10 +33,10 @@ body { p { margin-bottom: 15px; } -li { +/*li { line-height: 25px; } - +*/ /* Code in headings */ h3 code { font-size: 14px; -- cgit v1.2.3 From 3c07eaa251b73e6c5eff4b56e074c54708a4b4ba Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 5 Jul 2012 15:11:54 -0700 Subject: updates to type scale --- docs/assets/css/docs.css | 15 +-------------- 1 file changed, 1 insertion(+), 14 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 7b12bb5da..6d64028f8 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -26,17 +26,6 @@ body { margin: 0 auto; } -/* Increase docs base type size and line-heights */ -body { - line-height: 20px; -} -p { - margin-bottom: 15px; -} -/*li { - line-height: 25px; -} -*/ /* Code in headings */ h3 code { font-size: 14px; @@ -49,7 +38,6 @@ h3 code { -------------------------------------------------- */ .navbar { - font-size: 13px; } /* Change the docs' brand */ @@ -197,8 +185,7 @@ hr.soften { } .marketing h2 { font-weight: 400; - letter-spacing: -1px; -} +`} .marketing p { color: #555; } -- cgit v1.2.3 From 68146db00454b46493545aff34d06cf2c11e0f6d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 5 Jul 2012 15:15:57 -0700 Subject: buttons and pre updates for font-size --- docs/assets/css/docs.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 6d64028f8..bee42dc36 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -428,6 +428,9 @@ h2 + .row { margin-left: 0; list-style: none; } +.the-icons li { + line-height: 25px; +} .the-icons i:hover { background-color: rgba(255,0,0,.25); } -- cgit v1.2.3 From 095e052606a8e1afb496ec4a1e95567a7f123827 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 6 Jul 2012 10:10:56 -0700 Subject: adding homepage social buttons --- docs/assets/css/docs.css | 22 +++++++++++++--------- 1 file changed, 13 insertions(+), 9 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index bee42dc36..6ad151181 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -147,7 +147,7 @@ hr.soften { font-size: 12px; } .quick-links { - min-height: 30px; + height: 20px; margin: 0; padding: 0; list-style: none; @@ -157,15 +157,10 @@ hr.soften { min-height: 0; } .quick-links li { - display: inline; + display: inline-block; margin: 0 8px; color: #999; -} -.quick-links .github-btn, -.quick-links .tweet-btn, -.quick-links .follow-btn { - position: relative; - top: 5px; + line-height: 1; } @@ -774,7 +769,7 @@ form.bs-docs-example { border-radius: 6px; } .jumbo { - padding: 100px 0; + padding: 80px 0; margin: -60px 0 60px; background-color: #222; color: #fff; @@ -859,6 +854,15 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cabc', end } +.jumbo-buttons { + padding: 20px 0; + margin-top: -60px; + text-align: center; + background-color: #f5f5f5; + border-top: 1px solid #fff; + border-bottom: 1px solid #ddd; +} + @media (max-width: 480px) { body { -- cgit v1.2.3 From e2b777d9a3ea12ec10f6046975ec0f43c6636601 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 7 Jul 2012 12:34:47 -0700 Subject: docs pre font-size and nowrap on prepend/append --- docs/assets/css/docs.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 6ad151181..2fd1715af 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -479,6 +479,7 @@ h2 + .row { .bs-docs-example + .prettyprint { margin-top: -20px; padding-top: 15px; + font-size: 12px; } /* Tweak examples -- cgit v1.2.3 From 5f861ef51735d8b0f2c0f0faf8f438808a480d99 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 7 Jul 2012 23:16:07 -0700 Subject: fix up docs to use default container, fix responsive home changes --- docs/assets/css/docs.css | 282 ++++++++++++++++++++--------------------------- 1 file changed, 119 insertions(+), 163 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2fd1715af..a8398ca4d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -37,9 +37,6 @@ h3 code { /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ -.navbar { -} - /* Change the docs' brand */ body > .navbar-fixed-top .brand { padding-right: 0; @@ -94,7 +91,6 @@ hr.soften { text-align: center; } .jumbotron h1 { - margin-bottom: 10px; font-size: 80px; font-weight: bold; letter-spacing: -1px; @@ -122,47 +118,100 @@ hr.soften { /* Masthead (docs home) ------------------------- */ .masthead { - margin-top: 20px; - margin-bottom: 80px; + padding: 50px 0 60px; + margin-top: -60px; + margin-bottom: 0; + color: #fff; + text-align: center; + text-shadow: 0 1px 5px rgba(0,0,0,.25), 0 0 30px rgba(0,0,0,.075); + background: #020031; /* Old browsers */ + background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* IE10+ */ + background: linear-gradient(45deg, #020031 0%,#6d3353 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); +} +.masthead h1 { + font-size: 120px; + line-height: 1; + letter-spacing: -2px; } .masthead p { - margin-bottom: 20px; - font-size: 30px; - line-height: 40px; + font-size: 40px; + font-weight: 200; + line-height: 1.25; } -/* Subhead (other pages) -------------------------- */ -.subhead { - text-align: left; +/* Drop borders on buttons, improve shadows */ +.masthead .btn { + font-size: 24px; + padding: 14px 24px; + font-weight: 200; + border: 0; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); + box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); } -.subhead h1 { - font-size: 60px; +.masthead .btn:active { + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); + box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); } -/* Quick links on Home -------------------------- */ -.bs-links { - margin: 40px 0 0; - font-size: 12px; -} -.quick-links { - height: 20px; +/* Textual links in masthead */ +.masthead-links { margin: 0; - padding: 0; list-style: none; - overflow: hidden; } -.quick-links:first-child { - min-height: 0; +.masthead-links li { + display: inline; + padding: 0 10px; + color: rgba(255,255,255,.25); +} +.masthead-links a { + color: #fff; + color: rgba(255,255,255,.5); +} +.masthead-links a:hover { + color: #fff; +} + +/* Social proof buttons from GitHub & Twitter */ +.bs-docs-social { + padding: 15px 0; + text-align: center; + background-color: #f5f5f5; + border-top: 1px solid #fff; + border-bottom: 1px solid #ddd; +} + +/* Quick links on Home */ +.bs-docs-social-buttons { + margin-left: 0; + margin-bottom: 0; + padding-left: 0; + list-style: none; } -.quick-links li { +.bs-docs-social-buttons li { display: inline-block; - margin: 0 8px; - color: #999; + padding: 5px 8px; line-height: 1; } +/* Subhead (other pages) +------------------------- */ +.subhead { + text-align: left; +} +.subhead h1 { + font-size: 60px; +} + /* Marketing section of Overview @@ -210,6 +259,13 @@ hr.soften { margin-bottom: 0; color: #777; } +.footer-links { + margin: 10px 0; +} +.footer-links li { + display: inline; + margin-right: 10px; +} @@ -479,7 +535,6 @@ h2 + .row { .bs-docs-example + .prettyprint { margin-top: -20px; padding-top: 15px; - font-size: 12px; } /* Tweak examples @@ -666,6 +721,10 @@ form.bs-docs-example { body { padding-top: 0; } + /* Widen masthead and social buttons to fill body padding */ + .masthead { + margin-top: -20px; /* Offset bottom margin on .navbar */ + } } /* Tablet @@ -676,9 +735,22 @@ form.bs-docs-example { padding-top: 0; } - /* Jumbotron buttons */ - .jumbotron .btn { - margin-bottom: 10px; + /* Widen masthead and social buttons to fill body padding */ + .masthead { + padding: 40px 20px; + margin-top: -20px; /* Offset bottom margin on .navbar */ + margin-right: -20px; + margin-left: -20px; + } + .masthead h1 { + font-size: 90px; + } + .masthead p, + .masthead .btn { + font-size: 24px; + } + .bs-docs-social { + margin: 0 -20px; } /* Space out the show-grid examples */ @@ -695,9 +767,9 @@ form.bs-docs-example { /* Landscape phones ------------------------- */ @media (max-width: 480px) { - /* Reduce padding above jumbotron */ + /* Remove padding above jumbotron */ body { - padding-top: 70px; + padding-top: 0; } /* Change up some type stuff */ @@ -707,24 +779,28 @@ form.bs-docs-example { /* Downsize the jumbotrons */ .jumbotron h1 { - font-size: 45px; + font-size: 60px; } - .jumbotron p { - font-size: 18px; - line-height: 24px; + .jumbotron p, + .jumbotron .btn { + font-size: 20px; } .jumbotron .btn { display: block; - font-size: 18px; - padding: 10px 14px; - margin: 0 auto 10px; + margin: 0 auto; } + /* center align subhead text like the masthead */ .subhead h1, .subhead p { text-align: center; } + /* Marketing on home */ + .marketing h1 { + font-size: 40px; + } + /* center example sites */ .example-sites { margin-left: 0; @@ -761,123 +837,3 @@ form.bs-docs-example { float: none; } } - - - -.navbar-inner { - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; -} -.jumbo { - padding: 80px 0; - margin: -60px 0 60px; - background-color: #222; - color: #fff; - text-align: center; - text-shadow: 0 1px 5px rgba(0,0,0,.25), 0 0 30px rgba(0,0,0,.075); - - background: #c9cabc; /* Old browsers */ -background: -moz-linear-gradient(-45deg, #c9cabc 0%, #68686d 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c9cabc), color-stop(100%,#68686d)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(-45deg, #c9cabc 0%,#68686d 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(-45deg, #c9cabc 0%,#68686d 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(-45deg, #c9cabc 0%,#68686d 100%); /* IE10+ */ -background: linear-gradient(135deg, #c9cabc 0%,#68686d 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cabc', endColorstr='#68686d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ - - background: #020031; /* Old browsers */ - background: -moz-linear-gradient(45deg, #020031 0%, #803353 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#803353)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(45deg, #020031 0%,#803353 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(45deg, #020031 0%,#803353 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(45deg, #020031 0%,#803353 100%); /* IE10+ */ - background: linear-gradient(45deg, #020031 0%,#803353 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#803353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ - - background: #020031; /* Old browsers */ - background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* IE10+ */ - background: linear-gradient(45deg, #020031 0%,#6d3353 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ - - xborder-bottom: 1px solid #68686d; - - -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); - -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); - box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -} -.jumbo h1 { - font-size: 120px; - font-weight: ; - line-height: 1; - margin: 0 0 10px; - letter-spacing: -2px; -} -.jumbo p { - margin-bottom: 30px; - font-size: 40px; - font-weight: 200; - line-height: 1.25; -} -.jumbo .btn { - font-size: 24px; - padding: 14px 24px; - font-weight: 200; - border: 0; - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); - -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); - box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); -} -.jumbo .btn:active { - -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); - -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); - box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); -} -.jumbo-links { - margin: 0; - list-style: none; -} -.jumbo-links li { - display: inline; - padding: 0 10px; - color: rgba(255,255,255,.25); -} -.jumbo-links a { - color: #fff; - color: rgba(255,255,255,.5); -} -.jumbo-links a:hover { - color: #fff; -} - - -.jumbo-buttons { - padding: 20px 0; - margin-top: -60px; - text-align: center; - background-color: #f5f5f5; - border-top: 1px solid #fff; - border-bottom: 1px solid #ddd; -} - - -@media (max-width: 480px) { - body { - padding-top: 0; - } - .jumbo { - margin: -20px -20px ; - padding: 40px 25px; - } - .jumbo h1 { - font-size: 72px; - } - .jumbo p { - font-size: 20px; - } - -} -- cgit v1.2.3 From 20676ddd4d3e46c9fb32aadfeddb3a4a68efa6a3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 8 Jul 2012 01:47:36 -0700 Subject: adding getting started page based on Bootstrap University from awhile back, testing out side nav on docs instead of subnav bar --- docs/assets/css/docs.css | 84 ++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 75 insertions(+), 9 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index a8398ca4d..e84d118d1 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -12,7 +12,7 @@ body { position: relative; - padding-top: 100px; + padding-top: 80px; font-size: 14px; background-color: #fff; background-image: url(../img/grid-20px.png); @@ -20,12 +20,6 @@ body { background-position: 0 40px; } -/* Custom container for the narrow docs */ -.bs-docs-container { - max-width: 780px; - margin: 0 auto; -} - /* Code in headings */ h3 code { font-size: 14px; @@ -37,6 +31,10 @@ h3 code { /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ +body > .navbar-fixed-top { + font-size: 13px; +} + /* Change the docs' brand */ body > .navbar-fixed-top .brand { padding-right: 0; @@ -52,6 +50,7 @@ body > .navbar-fixed-top .brand { } body > .navbar-fixed-top .brand:hover { text-decoration: none; + text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4); } @@ -119,7 +118,7 @@ hr.soften { ------------------------- */ .masthead { padding: 50px 0 60px; - margin-top: -60px; + margin-top: -40px; margin-bottom: 0; color: #fff; text-align: center; @@ -207,10 +206,14 @@ hr.soften { ------------------------- */ .subhead { text-align: left; + border-bottom: 1px solid #ddd; } .subhead h1 { font-size: 60px; } +.subhead .navbar { + display: none; +} @@ -242,7 +245,7 @@ hr.soften { } .marketing img { display: block; - margin: 0 auto 20px; + margin: 0 auto 30px; } @@ -837,3 +840,66 @@ form.bs-docs-example { float: none; } } + + + +/* Docs side .nav-list +------------------------- */ +.span3 { + min-height: 1px; +} +.bs-docs-sidenav { + margin-top: 40px; + padding: 0; + margin-right: 10px; + background-color: #fff; + border: 1px solid #e5e5e5; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.bs-docs-sidenav > li > a { + margin: 0; + font-size: 14px; + padding: 9px 14px; + border-top: 1px solid #eee; +} +.bs-docs-sidenav > li:first-child > a { + border-top: 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; +} +.bs-docs-sidenav > li:last-child > a { + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + border-radius: 0 0 5px 5px; +} +/* Chevrons */ +.bs-docs-sidenav .icon-chevron-right { + float: right; + margin-top: 2px; + margin-right: -6px; + opacity: .25; +} +.bs-docs-sidenav > li > a:hover { + background-color: #f5f5f5; +} +.bs-docs-sidenav a:hover .icon-chevron-right { + opacity: .5; +} +.bs-docs-sidenav .active .icon-chevron-right { + background-image: url(../img/glyphicons-halflings-white.png); + opacity: .75; +} + +@media (max-width: 979px) { + + .bs-docs-sidenav { + margin-top: 30px; + margin-right: 0; + } + +} + + -- cgit v1.2.3 From db9925510ba9328f227e5ad3935f73e0c67904d8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 8 Jul 2012 21:47:16 -0700 Subject: fix up carousel alignment and line-height --- docs/assets/css/docs.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e84d118d1..fd2a01d46 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -547,10 +547,10 @@ h2 + .row { font-size: 13px; line-height: 18px; } -.bs-docs-example p { +.bs-docs-example > p { margin-bottom: 9px; } -.bs-docs-example p:last-child { +.bs-docs-example > p:last-child { margin-bottom: 0; } .bs-docs-example .table, -- cgit v1.2.3 From 16cf6b30cd0ea82dda210f021dfc163a3783fe1c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 9 Jul 2012 00:17:36 -0700 Subject: docs changes for icons --- docs/assets/css/docs.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index fd2a01d46..e2b6aeba1 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -483,6 +483,8 @@ h2 + .row { list-style: none; } .the-icons li { + float: left; + width: 25%; line-height: 25px; } .the-icons i:hover { -- cgit v1.2.3 From 9887d3cf4af4897c4959491ece2fe56bef3d1114 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 9 Jul 2012 00:26:32 -0700 Subject: updating docs examples to remove 13/18 resets, fix up buttons alignments and carets --- docs/assets/css/docs.css | 8 -------- 1 file changed, 8 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e2b6aeba1..9593ae772 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -544,14 +544,6 @@ h2 + .row { /* Tweak examples ------------------------- */ -.bs-docs-example, -.bs-docs-example > p { - font-size: 13px; - line-height: 18px; -} -.bs-docs-example > p { - margin-bottom: 9px; -} .bs-docs-example > p:last-child { margin-bottom: 0; } -- cgit v1.2.3 From f4877c236968ba61ac76f4862bba49e0354c60e5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 9 Jul 2012 21:13:33 -0700 Subject: fix up docs popover examples and copy --- docs/assets/css/docs.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 9593ae772..c5d92b613 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -607,8 +607,8 @@ form.bs-docs-example { position: relative; display: block; float: left; - width: 210px; - margin: 10px; + width: 260px; + margin: 20px; } -- cgit v1.2.3 From 64e87a85f5e17e3cf603b97e21d58b077060e7b2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 9 Jul 2012 22:14:30 -0700 Subject: remove popoverarrows mixin, relegate code to tooltips and popvers since we only used them once each; this fixes the problem of broken tooltips in 2.1 --- docs/assets/css/docs.css | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index c5d92b613..bbdff228d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -598,6 +598,17 @@ form.bs-docs-example { line-height: 18px; } +/* Tooltips */ +.bs-docs-tooltip-examples { + text-align: center; + margin: 0 0 10px; + list-style: none; +} +.bs-docs-tooltip-examples li { + display: inline; + padding: 0 10px; +} + /* Popovers */ .bs-docs-example-popover { padding-bottom: 24px; -- cgit v1.2.3 From 338c7ef2b6aa62cc6b5f08f687f04eeb960719f0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 12 Jul 2012 13:45:07 -0700 Subject: tweak code snippet on pager and clean up type and font-sizes on docs Home --- docs/assets/css/docs.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index bbdff228d..a0aca5282 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -222,19 +222,22 @@ hr.soften { .marketing { text-align: center; + color: #5a5a5a; } .marketing h1 { margin: 60px 0 10px; font-size: 60px; - font-weight: 400; + font-weight: 200; line-height: 1; letter-spacing: -1px; } .marketing h2 { - font-weight: 400; -`} + font-weight: 200; + margin-bottom: 5px; +} .marketing p { - color: #555; + font-size: 16px; + line-height: 1.5; } .marketing .marketing-byline { margin-bottom: 40px; -- cgit v1.2.3 From c884d6eaa6bbcf4cb4d679c4d9be57d2f28ce93b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 12 Jul 2012 13:50:27 -0700 Subject: clean up docs for subnav --- docs/assets/css/docs.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index a0aca5282..148dc3f0c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -570,6 +570,11 @@ h2 + .row { padding: 0; height: 90px; } +.bs-navbar-top-example .navbar-fixed-top, +.bs-navbar-bottom-example .navbar-fixed-bottom { + margin-left: 0; + margin-right: 0; +} .bs-navbar-top-example { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -- cgit v1.2.3 From 280dfda6edda74772bfd5f2b16828411e7e8c5d0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 12 Jul 2012 16:16:06 -0700 Subject: docs css cleanup for spacing and stuff --- docs/assets/css/docs.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 148dc3f0c..c3c82a659 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -602,9 +602,6 @@ form.bs-docs-example { font-size: 18px; line-height: 24px; } -.bs-docs-example li { - line-height: 18px; -} /* Tooltips */ .bs-docs-tooltip-examples { @@ -765,6 +762,9 @@ form.bs-docs-example { .masthead .btn { font-size: 24px; } + .marketing .span4 { + margin-bottom: 40px; + } .bs-docs-social { margin: 0 -20px; } -- cgit v1.2.3 From 549d61fc289cb9efe5f8959e706e170b080663ba Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 12 Jul 2012 17:02:55 -0700 Subject: updated footer --- docs/assets/css/docs.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index c3c82a659..ff6e37fe0 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -260,6 +260,7 @@ hr.soften { padding: 70px 0; margin-top: 70px; border-top: 1px solid #e5e5e5; + background-color: #f5f5f5; } .footer p { margin-bottom: 0; -- cgit v1.2.3 From a12f0e551f7da763a9be23013d1b51c161a0f6f8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 12 Jul 2012 18:11:49 -0700 Subject: overhaul docs on sub pages, clean up css and copy --- docs/assets/css/docs.css | 42 +++++++++++++++++++++--------------------- 1 file changed, 21 insertions(+), 21 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index ff6e37fe0..35eb7b83c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -12,12 +12,8 @@ body { position: relative; - padding-top: 80px; + padding-top: 40px; font-size: 14px; - background-color: #fff; - background-image: url(../img/grid-20px.png); - background-repeat: repeat-x; - background-position: 0 40px; } /* Code in headings */ @@ -87,7 +83,22 @@ hr.soften { ------------------------- */ .jumbotron { position: relative; + padding: 40px 0; + color: #fff; text-align: center; + text-shadow: 0 1px 5px rgba(0,0,0,.25), 0 0 30px rgba(0,0,0,.075); + background: #020031; /* Old browsers */ + background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* IE10+ */ + background: linear-gradient(45deg, #020031 0%,#6d3353 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + } .jumbotron h1 { font-size: 80px; @@ -118,22 +129,8 @@ hr.soften { ------------------------- */ .masthead { padding: 50px 0 60px; - margin-top: -40px; margin-bottom: 0; color: #fff; - text-align: center; - text-shadow: 0 1px 5px rgba(0,0,0,.25), 0 0 30px rgba(0,0,0,.075); - background: #020031; /* Old browsers */ - background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* IE10+ */ - background: linear-gradient(45deg, #020031 0%,#6d3353 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ - -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); - -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); - box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); } .masthead h1 { font-size: 120px; @@ -211,6 +208,9 @@ hr.soften { .subhead h1 { font-size: 60px; } +.subhead p { + margin-bottom: 10px; +} .subhead .navbar { display: none; } @@ -736,7 +736,7 @@ form.bs-docs-example { padding-top: 0; } /* Widen masthead and social buttons to fill body padding */ - .masthead { + .jumbotron { margin-top: -20px; /* Offset bottom margin on .navbar */ } } @@ -750,7 +750,7 @@ form.bs-docs-example { } /* Widen masthead and social buttons to fill body padding */ - .masthead { + .jumbotron { padding: 40px 20px; margin-top: -20px; /* Offset bottom margin on .navbar */ margin-right: -20px; -- cgit v1.2.3 From 9343e1e933c1a38ec4cc58024b01edda631863b0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 12 Jul 2012 21:38:18 -0700 Subject: remove getting started link from home, add to navbar, overhaul getting started docs --- docs/assets/css/docs.css | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 35eb7b83c..0a713d626 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -95,9 +95,9 @@ hr.soften { background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* IE10+ */ background: linear-gradient(45deg, #020031 0%,#6d3353 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ - -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); - -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); - box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), inset 0 -3px 7px rgba(0,0,0,.15); + -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), inset 0 -3px 7px rgba(0,0,0,.15); + box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), inset 0 -3px 7px rgba(0,0,0,.15); } .jumbotron h1 { @@ -209,7 +209,7 @@ hr.soften { font-size: 60px; } .subhead p { - margin-bottom: 10px; + margin-bottom: 20px; } .subhead .navbar { display: none; @@ -915,5 +915,3 @@ form.bs-docs-example { } } - - -- cgit v1.2.3 From 750badabf760d7fb0a68a1a214442ecbdff8a16c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 13 Jul 2012 14:43:51 -0700 Subject: copy edits and tweaks to utility classes to ensure they always are specific enough --- docs/assets/css/docs.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 0a713d626..2c73a78c2 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -57,6 +57,10 @@ body > .navbar-fixed-top .brand:hover { section { padding-top: 60px; } +section > .page-header, +section > .lead { + color: #5a5a5a; +} /* Separators (hr) */ .bs-docs-separator { -- cgit v1.2.3 From e20d2dfe9d1f43e164d8fdbef64f4041df70b762 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 15 Jul 2012 16:13:25 -0700 Subject: docs cleanup and blockquote cleanup for .pull-right option --- docs/assets/css/docs.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2c73a78c2..a3ca5850e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -61,6 +61,9 @@ section > .page-header, section > .lead { color: #5a5a5a; } +section > ul li { + margin-bottom: 5px; +} /* Separators (hr) */ .bs-docs-separator { -- cgit v1.2.3 From 4008d666a5e8c78766a68811b08f9b8500b1fc8e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 17 Jul 2012 19:54:29 -0700 Subject: new pattern for masthead --- docs/assets/css/docs.css | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index a3ca5850e..761dc9686 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -105,7 +105,6 @@ hr.soften { -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), inset 0 -3px 7px rgba(0,0,0,.15); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), inset 0 -3px 7px rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), inset 0 -3px 7px rgba(0,0,0,.15); - } .jumbotron h1 { font-size: 80px; @@ -132,6 +131,24 @@ hr.soften { font-size: 14px; } +/* Pattern overlay +------------------------- */ +.jumbotron .container { + position: relative; + z-index: 2; +} +.jumbotron:after { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: url(../img/bs-docs-masthead-pattern.png); + opacity: .5; +} + /* Masthead (docs home) ------------------------- */ .masthead { -- cgit v1.2.3 From 62f6368344cd4d76eb7e10be209f9fe62e4456cf Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 17 Jul 2012 20:22:55 -0700 Subject: center masthead bg pattern --- docs/assets/css/docs.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 761dc9686..844b39577 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -93,7 +93,7 @@ hr.soften { padding: 40px 0; color: #fff; text-align: center; - text-shadow: 0 1px 5px rgba(0,0,0,.25), 0 0 30px rgba(0,0,0,.075); + text-shadow: 0 1px 5px rgba(0,0,0,.3), 0 0 30px rgba(0,0,0,.075); background: #020031; /* Old browsers */ background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */ @@ -145,7 +145,7 @@ hr.soften { right: 0; bottom: 0; left: 0; - background: url(../img/bs-docs-masthead-pattern.png); + background: url(../img/bs-docs-masthead-pattern.png) repeat center center; opacity: .5; } -- cgit v1.2.3 From aac3736eeaa1ff1eaf3a6a04502efd6d5b9e7e49 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 17 Jul 2012 23:32:52 -0700 Subject: fixes #3845: add .btn-link for transparent buttons styled as links --- docs/assets/css/docs.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 844b39577..e2cb315fb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -93,7 +93,7 @@ hr.soften { padding: 40px 0; color: #fff; text-align: center; - text-shadow: 0 1px 5px rgba(0,0,0,.3), 0 0 30px rgba(0,0,0,.075); + text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); background: #020031; /* Old browsers */ background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */ @@ -146,7 +146,7 @@ hr.soften { bottom: 0; left: 0; background: url(../img/bs-docs-masthead-pattern.png) repeat center center; - opacity: .5; + opacity: .3; } /* Masthead (docs home) -- cgit v1.2.3 From 6c23fff4d6d06953ae9804a4146cdc3fe2dd5a2e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 18 Jul 2012 01:06:52 -0700 Subject: misc docs content changes --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e2cb315fb..7013fb3ea 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -146,7 +146,7 @@ hr.soften { bottom: 0; left: 0; background: url(../img/bs-docs-masthead-pattern.png) repeat center center; - opacity: .3; + opacity: .4; } /* Masthead (docs home) -- cgit v1.2.3 From ee750bbce154fd1e8f1137f5782d9ba21ec07406 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 20 Jul 2012 21:38:28 -0700 Subject: tweak docs masthead links hover --- docs/assets/css/docs.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 7013fb3ea..f16cb7442 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -196,9 +196,13 @@ hr.soften { .masthead-links 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; } .masthead-links a:hover { color: #fff; + text-shadow: 0 0 10px rgba(255,255,255,.25); } /* Social proof buttons from GitHub & Twitter */ -- cgit v1.2.3 From b9105b98f9ee5f15d5b18bccf277344683d4a6db Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 20 Jul 2012 22:06:47 -0700 Subject: move from downloads.html to customize.html to better match purpose of page, fix up customize page layout to match other docs, link style refinement to jumbotrons --- docs/assets/css/docs.css | 63 ++++++++++++++++++++++-------------------------- 1 file changed, 29 insertions(+), 34 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index f16cb7442..e4dd2e966 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -118,19 +118,41 @@ hr.soften { line-height: 30px; margin-bottom: 30px; } -.jumbotron .btn-large { - font-size: 18px; - font-weight: normal; - padding: 13px 24px; - margin-right: 10px; + +/* Link styles (used on .masthead-links as well) */ +.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; +} +.jumbotron a:hover { + color: #fff; + text-shadow: 0 0 10px rgba(255,255,255,.25); +} + +/* Download button */ +.masthead .btn { + padding: 14px 24px; + font-size: 24px; + font-weight: 200; + color: #fff; /* redeclare to override the `.jumbotron a` */ + border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); + box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); } -.jumbotron .btn-large small { - font-size: 14px; +.masthead .btn:active { + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); + box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); } + /* Pattern overlay ------------------------- */ .jumbotron .container { @@ -167,22 +189,6 @@ hr.soften { line-height: 1.25; } -/* Drop borders on buttons, improve shadows */ -.masthead .btn { - font-size: 24px; - padding: 14px 24px; - font-weight: 200; - border: 0; - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); - -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); - box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); -} -.masthead .btn:active { - -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); - -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); - box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); -} - /* Textual links in masthead */ .masthead-links { margin: 0; @@ -193,17 +199,6 @@ hr.soften { padding: 0 10px; color: rgba(255,255,255,.25); } -.masthead-links 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; -} -.masthead-links a:hover { - color: #fff; - text-shadow: 0 0 10px rgba(255,255,255,.25); -} /* Social proof buttons from GitHub & Twitter */ .bs-docs-social { -- cgit v1.2.3 From dcf75697ecd243517b23d8ef440f772d91f699c0 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 22 Jul 2012 18:28:39 -0700 Subject: some progress on affix plugin --- docs/assets/css/docs.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e4dd2e966..0f78130de 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -891,6 +891,7 @@ form.bs-docs-example { margin-right: 10px; background-color: #fff; border: 1px solid #e5e5e5; + margin-left: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; @@ -930,11 +931,27 @@ form.bs-docs-example { opacity: .75; } +.bs-docs-sidenav.affix { + top: 40px; +} + @media (max-width: 979px) { + .bs-docs-sidenav.affix { + top: 0px; + } + .bs-docs-sidenav { margin-top: 30px; margin-right: 0; } } + +@media (max-width: 767px) { + + .bs-docs-sidenav.affix { + position: relative; + } + +} -- cgit v1.2.3 From 5b8838aeace0bf725438be84a7396d988749d62c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 23 Jul 2012 12:51:48 -0700 Subject: more alignment fixes for customize page --- docs/assets/css/docs.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e4dd2e966..8e32d186b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -407,6 +407,8 @@ hr.soften { /* Custom, larger checkbox labels */ .download .checkbox { padding: 6px 10px 6px 25px; + font-size: 13px; + line-height: 18px; color: #555; background-color: #f9f9f9; -webkit-border-radius: 3px; -- cgit v1.2.3 From 0dda2c4659c6e0407b5b9fda6618ab5c8c12a897 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 23 Jul 2012 22:36:08 -0700 Subject: make docs scroll over jumbotrons, but only for 980px up --- docs/assets/css/docs.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 8e32d186b..95495456c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -940,3 +940,35 @@ form.bs-docs-example { } } + + +@media (min-width: 979px) { + .masthead, + .subhead { + position: fixed; + top: 40px; + right: 0; + left: 0; + } + .masthead { + height: 400px; + } + .subhead { + height: 120px; /* +80px pdding */ + } + .bs-docs-canvas { + position: absolute; + width: 100%; + z-index: 10; + background-color: #fff; + -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5); + -moz-box-shadow: 0 1px 5px rgba(0,0,0,.5); + box-shadow: 0 1px 5px rgba(0,0,0,.5); + } + .masthead + .bs-docs-canvas { + top: 550px; + } + .subhead + .bs-docs-canvas { + top: 240px; + } +} -- cgit v1.2.3 From 6245886b269cdba7e8006ebf59165d7558492ec3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 23 Jul 2012 23:54:26 -0700 Subject: tweak docs shadows --- docs/assets/css/docs.css | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 657bcd8a9..fa487e001 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -29,6 +29,9 @@ h3 code { body > .navbar-fixed-top { font-size: 13px; + -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.15); + -moz-box-shadow: 0 5px 15px rgba(0,0,0,.15); + box-shadow: 0 5px 15px rgba(0,0,0,.15); } /* Change the docs' brand */ @@ -960,25 +963,25 @@ form.bs-docs-example { left: 0; } .masthead { - height: 400px; + height: 380px; } .subhead { - height: 120px; /* +80px pdding */ + height: 130px; /* +80px pdding */ } .bs-docs-canvas { position: absolute; width: 100%; z-index: 10; background-color: #fff; - -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5); - -moz-box-shadow: 0 1px 5px rgba(0,0,0,.5); - box-shadow: 0 1px 5px rgba(0,0,0,.5); + -webkit-box-shadow: 0 -5px 15px rgba(0,0,0,.15); + -moz-box-shadow: 0 -5px 15px rgba(0,0,0,.15); + box-shadow: 0 -5px 15px rgba(0,0,0,.15); } .masthead + .bs-docs-canvas { - top: 550px; + top: 530px; } .subhead + .bs-docs-canvas { - top: 240px; + top: 250px; } } -- cgit v1.2.3 From 4ea7c472358e2d77f76193ed3c1bafd641dd74ae Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Tue, 24 Jul 2012 00:21:40 -0700 Subject: slightly fix side bar --- docs/assets/css/docs.css | 23 ++++++++++++++++------- 1 file changed, 16 insertions(+), 7 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 0f78130de..4f55f268a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -886,6 +886,7 @@ form.bs-docs-example { min-height: 1px; } .bs-docs-sidenav { + width: 218px; margin-top: 40px; padding: 0; margin-right: 10px; @@ -930,28 +931,36 @@ form.bs-docs-example { background-image: url(../img/glyphicons-halflings-white.png); opacity: .75; } - .bs-docs-sidenav.affix { top: 40px; } -@media (max-width: 979px) { - - .bs-docs-sidenav.affix { - top: 0px; +@media (min-width: 1200px) { + .bs-docs-sidenav { + width: 258px; } +} +@media (max-width: 979px) { .bs-docs-sidenav { + top: 0px; margin-top: 30px; margin-right: 0; } +} +@media (min-width: 768px) and (max-width: 979px) { + .bs-docs-sidenav { + width: 166px; + } } @media (max-width: 767px) { - + .bs-docs-sidenav { + width: auto; + } .bs-docs-sidenav.affix { position: relative; + width: auto; } - } -- cgit v1.2.3 From 7590e65f6f4641d946d0bfec2f4a84bbd3f561cd Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jul 2012 01:44:12 -0700 Subject: fix search form, mostly in navbar --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index ff7d48ae4..ec1cfc9eb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -892,7 +892,7 @@ form.bs-docs-example { } .bs-docs-sidenav { width: 218px; - margin-top: 40px; + margin-top: 30px; padding: 0; margin-right: 10px; background-color: #fff; -- cgit v1.2.3 From 880bdbc4dd05f98389d039062ab956f79c6236a4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jul 2012 16:07:25 -0700 Subject: simplify styles for bs docs nav --- docs/assets/css/docs.css | 26 ++++++++++++++++---------- 1 file changed, 16 insertions(+), 10 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index ec1cfc9eb..f2975c81b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -896,28 +896,34 @@ form.bs-docs-example { padding: 0; margin-right: 10px; background-color: #fff; - border: 1px solid #e5e5e5; margin-left: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.05); + -moz-box-shadow: 0 1px 3px rgba(0,0,0,.05); + box-shadow: 0 1px 3px rgba(0,0,0,.05); } .bs-docs-sidenav > li > a { - margin: 0; + margin: 0 0 -1px; font-size: 14px; padding: 9px 14px; - border-top: 1px solid #eee; + border: 1px solid #e5e5e5; } .bs-docs-sidenav > li:first-child > a { - border-top: 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; } .bs-docs-sidenav > li:last-child > a { - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; +} +.bs-docs-sidenav > .active > a { + border-color: #08c; + position: relative; + z-index: 2; } /* Chevrons */ .bs-docs-sidenav .icon-chevron-right { -- cgit v1.2.3 From f75277e62d3025fbeb3588a6790caa2ce92122f0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 26 Jul 2012 21:45:19 -0700 Subject: indenting and such --- docs/assets/css/docs.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index f2975c81b..764cfbbac 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -900,9 +900,9 @@ form.bs-docs-example { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.05); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,.05); - box-shadow: 0 1px 3px rgba(0,0,0,.05); + -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); + -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); + box-shadow: 0 1px 4px rgba(0,0,0,.065); } .bs-docs-sidenav > li > a { margin: 0 0 -1px; @@ -1005,4 +1005,4 @@ form.bs-docs-example { .subhead + .bs-docs-canvas { top: 250px; } -} \ No newline at end of file +} -- cgit v1.2.3 From 6474190746fd163375200119b9d2cc7066e05d43 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 26 Jul 2012 23:42:36 -0700 Subject: increase height of homepage jumbotron, update vars and styles of popovers --- docs/assets/css/docs.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 764cfbbac..0897cc5c5 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -177,7 +177,7 @@ hr.soften { /* Masthead (docs home) ------------------------- */ .masthead { - padding: 50px 0 60px; + padding: 70px 0 80px; margin-bottom: 0; color: #fff; } @@ -1000,7 +1000,7 @@ form.bs-docs-example { box-shadow: 0 -5px 15px rgba(0,0,0,.15); } .masthead + .bs-docs-canvas { - top: 530px; + top: 570px; } .subhead + .bs-docs-canvas { top: 250px; -- cgit v1.2.3 From 1e9b4506196bd448c4038151964733ca524c10bb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 27 Jul 2012 00:06:43 -0700 Subject: add image styles, for now to scaffolding (soon to own file) --- docs/assets/css/docs.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 0897cc5c5..f7b79e2dd 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -632,6 +632,12 @@ form.bs-docs-example { line-height: 24px; } +/* Images */ +.bs-docs-example-images img { + margin: 10px; + display: inline-block; +} + /* Tooltips */ .bs-docs-tooltip-examples { text-align: center; -- cgit v1.2.3 From a30045daef809edf5ed592ad842c04377898e444 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 29 Jul 2012 00:30:15 -0700 Subject: reverse navbar styles to save code --- docs/assets/css/docs.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index f7b79e2dd..6110e9302 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -13,7 +13,6 @@ body { position: relative; padding-top: 40px; - font-size: 14px; } /* Code in headings */ @@ -29,10 +28,10 @@ h3 code { body > .navbar-fixed-top { font-size: 13px; - -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.15); +/* -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.15); -moz-box-shadow: 0 5px 15px rgba(0,0,0,.15); box-shadow: 0 5px 15px rgba(0,0,0,.15); -} +*/} /* Change the docs' brand */ body > .navbar-fixed-top .brand { @@ -598,6 +597,7 @@ h2 + .row { z-index: 1; padding: 0; height: 90px; + overflow: hidden; /* cut the drop shadows off */ } .bs-navbar-top-example .navbar-fixed-top, .bs-navbar-bottom-example .navbar-fixed-bottom { -- cgit v1.2.3 From 84a9c74efde9f5d7508a4c7cb330b452be9666ce Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 29 Jul 2012 23:51:18 -0700 Subject: fix footer in responsive --- docs/assets/css/docs.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 6110e9302..784aa153b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -28,10 +28,7 @@ h3 code { body > .navbar-fixed-top { font-size: 13px; -/* -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.15); - -moz-box-shadow: 0 5px 15px rgba(0,0,0,.15); - box-shadow: 0 5px 15px rgba(0,0,0,.15); -*/} +} /* Change the docs' brand */ body > .navbar-fixed-top .brand { @@ -810,6 +807,10 @@ form.bs-docs-example { } /* Unfloat the back to top link in footer */ + .footer { + margin-left: -20px; + margin-right: -20px; + } .footer p { margin-bottom: 9px; } -- cgit v1.2.3 From 9795e9bbe62b05a95e3485a64ba139539113f2db Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 30 Jul 2012 23:48:26 -0700 Subject: place chevrons first in sidenav in docs, fix ie7 bugs for said sidenav --- docs/assets/css/docs.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 784aa153b..5470cfe31 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -912,6 +912,8 @@ form.bs-docs-example { box-shadow: 0 1px 4px rgba(0,0,0,.065); } .bs-docs-sidenav > li > a { + display: block; + *width: 190px; margin: 0 0 -1px; font-size: 14px; padding: 9px 14px; -- cgit v1.2.3 From e191964ff800f5576576d6212be1e43112567ebe Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 31 Jul 2012 00:01:04 -0700 Subject: reorder docs css --- docs/assets/css/docs.css | 252 +++++++++++++++++++++++------------------------ 1 file changed, 125 insertions(+), 127 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 5470cfe31..b91910d93 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -730,15 +730,88 @@ form.bs-docs-example { +/* Sidenav for Docs +-------------------------------------------------- */ + +/* prevent column from collapsing when affixing */ +.span3 { + min-height: 1px; +} + +.bs-docs-sidenav { + width: 218px; + margin-top: 30px; + padding: 0; + margin-right: 10px; + background-color: #fff; + margin-left: 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); + -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); + box-shadow: 0 1px 4px rgba(0,0,0,.065); +} +.bs-docs-sidenav > li > a { + display: block; + *width: 190px; + margin: 0 0 -1px; + font-size: 14px; + padding: 9px 14px; + border: 1px solid #e5e5e5; +} +.bs-docs-sidenav > li:first-child > a { + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; +} +.bs-docs-sidenav > li:last-child > a { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; +} +.bs-docs-sidenav > .active > a { + border-color: #08c; + position: relative; + z-index: 2; +} +/* Chevrons */ +.bs-docs-sidenav .icon-chevron-right { + float: right; + margin-top: 2px; + margin-right: -6px; + opacity: .25; +} +.bs-docs-sidenav > li > a:hover { + background-color: #f5f5f5; +} +.bs-docs-sidenav a:hover .icon-chevron-right { + opacity: .5; +} +.bs-docs-sidenav .active .icon-chevron-right { + background-image: url(../img/glyphicons-halflings-white.png); + opacity: .75; +} +.bs-docs-sidenav.affix { + top: 30px; +} + + + + + /* Responsive -------------------------------------------------- */ /* Desktop large ------------------------- */ -@media (min-width: 1210px) { +@media (min-width: 1200px) { .bs-docs-container { max-width: 970px; } + .bs-docs-sidenav { + width: 258px; + } } /* Desktop @@ -757,6 +830,44 @@ form.bs-docs-example { display: inline-block; margin: 5px; } + + /* When affixed, space properly */ + .bs-docs-sidenav { + top: 0; + margin-top: 30px; + margin-right: 0; + } +} + +@media (min-width: 979px) { + .masthead, + .subhead { + position: fixed; + top: 40px; + right: 0; + left: 0; + } + .masthead { + height: 380px; + } + .subhead { + height: 130px; /* +80px pdding */ + } + .bs-docs-canvas { + position: absolute; + width: 100%; + z-index: 10; + background-color: #fff; + -webkit-box-shadow: 0 -5px 15px rgba(0,0,0,.15); + -moz-box-shadow: 0 -5px 15px rgba(0,0,0,.15); + box-shadow: 0 -5px 15px rgba(0,0,0,.15); + } + .masthead + .bs-docs-canvas { + top: 570px; + } + .subhead + .bs-docs-canvas { + top: 250px; + } } /* Tablet to desktop @@ -770,6 +881,10 @@ form.bs-docs-example { .jumbotron { margin-top: -20px; /* Offset bottom margin on .navbar */ } + /* Adjust sidenav width */ + .bs-docs-sidenav { + width: 166px; + } } /* Tablet @@ -806,6 +921,15 @@ form.bs-docs-example { margin-bottom: 5px; } + /* Sidenav */ + .bs-docs-sidenav { + width: auto; + } + .bs-docs-sidenav.affix { + position: relative; + width: auto; + } + /* Unfloat the back to top link in footer */ .footer { margin-left: -20px; @@ -889,129 +1013,3 @@ form.bs-docs-example { float: none; } } - - - -/* Docs side .nav-list -------------------------- */ -.span3 { - min-height: 1px; -} -.bs-docs-sidenav { - width: 218px; - margin-top: 30px; - padding: 0; - margin-right: 10px; - background-color: #fff; - margin-left: 0; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); - -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); - box-shadow: 0 1px 4px rgba(0,0,0,.065); -} -.bs-docs-sidenav > li > a { - display: block; - *width: 190px; - margin: 0 0 -1px; - font-size: 14px; - padding: 9px 14px; - border: 1px solid #e5e5e5; -} -.bs-docs-sidenav > li:first-child > a { - -webkit-border-radius: 6px 6px 0 0; - -moz-border-radius: 6px 6px 0 0; - border-radius: 6px 6px 0 0; -} -.bs-docs-sidenav > li:last-child > a { - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; -} -.bs-docs-sidenav > .active > a { - border-color: #08c; - position: relative; - z-index: 2; -} -/* Chevrons */ -.bs-docs-sidenav .icon-chevron-right { - float: right; - margin-top: 2px; - margin-right: -6px; - opacity: .25; -} -.bs-docs-sidenav > li > a:hover { - background-color: #f5f5f5; -} -.bs-docs-sidenav a:hover .icon-chevron-right { - opacity: .5; -} -.bs-docs-sidenav .active .icon-chevron-right { - background-image: url(../img/glyphicons-halflings-white.png); - opacity: .75; -} -.bs-docs-sidenav.affix { - top: 40px; -} - -@media (min-width: 1200px) { - .bs-docs-sidenav { - width: 258px; - } -} - -@media (max-width: 979px) { - .bs-docs-sidenav { - top: 0px; - margin-top: 30px; - margin-right: 0; - } -} - -@media (min-width: 768px) and (max-width: 979px) { - .bs-docs-sidenav { - width: 166px; - } -} - -@media (max-width: 767px) { - .bs-docs-sidenav { - width: auto; - } - .bs-docs-sidenav.affix { - position: relative; - width: auto; - } -} - -@media (min-width: 979px) { - .masthead, - .subhead { - position: fixed; - top: 40px; - right: 0; - left: 0; - } - .masthead { - height: 380px; - } - .subhead { - height: 130px; /* +80px pdding */ - } - .bs-docs-canvas { - position: absolute; - width: 100%; - z-index: 10; - background-color: #fff; - -webkit-box-shadow: 0 -5px 15px rgba(0,0,0,.15); - -moz-box-shadow: 0 -5px 15px rgba(0,0,0,.15); - box-shadow: 0 -5px 15px rgba(0,0,0,.15); - } - .masthead + .bs-docs-canvas { - top: 570px; - } - .subhead + .bs-docs-canvas { - top: 250px; - } -} -- cgit v1.2.3 From 5637c6fb7031ed045902a4f74bbb164978b7dd38 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 1 Aug 2012 11:52:48 -0700 Subject: pulsing download button on homepage --- docs/assets/css/docs.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b91910d93..0abef7a9e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -132,6 +132,11 @@ hr.soften { } /* Download button */ +@-webkit-keyframes downloadButton { + from { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.1); } + 50% { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 20px rgba(0,68,204,.75); } + to { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.1); } +} .masthead .btn { padding: 14px 24px; font-size: 24px; @@ -141,9 +146,12 @@ hr.soften { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); - -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); - box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01); + box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01); + -webkit-animation-name: downloadButton; + -webkit-animation-duration: 2s; + -webkit-animation-iteration-count: infinite; } .masthead .btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); -- cgit v1.2.3 From e8fd7e6c96d44f21422b65620ceacb084282745a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 1 Aug 2012 16:15:21 -0700 Subject: fix jank button on docs homepage --- docs/assets/css/docs.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 0abef7a9e..8c81ec72e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -134,8 +134,8 @@ hr.soften { /* Download button */ @-webkit-keyframes downloadButton { from { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.1); } - 50% { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 20px rgba(0,68,204,.75); } - to { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.1); } + 50% { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 20px rgba(0,68,204,.75); } + to { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.1); } } .masthead .btn { padding: 14px 24px; @@ -152,6 +152,10 @@ hr.soften { -webkit-animation-name: downloadButton; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; + -webkit-transition: none; + -moz-transition: none; + transition: none; + } .masthead .btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); -- cgit v1.2.3 From c2e899f2a014e18f9cf981ea89a20e18a5c9fefb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 1 Aug 2012 19:00:25 -0700 Subject: remove the canvas slider doodad --- docs/assets/css/docs.css | 31 ------------------------------- 1 file changed, 31 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 8c81ec72e..52f8ff1bc 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -851,37 +851,6 @@ form.bs-docs-example { } } -@media (min-width: 979px) { - .masthead, - .subhead { - position: fixed; - top: 40px; - right: 0; - left: 0; - } - .masthead { - height: 380px; - } - .subhead { - height: 130px; /* +80px pdding */ - } - .bs-docs-canvas { - position: absolute; - width: 100%; - z-index: 10; - background-color: #fff; - -webkit-box-shadow: 0 -5px 15px rgba(0,0,0,.15); - -moz-box-shadow: 0 -5px 15px rgba(0,0,0,.15); - box-shadow: 0 -5px 15px rgba(0,0,0,.15); - } - .masthead + .bs-docs-canvas { - top: 570px; - } - .subhead + .bs-docs-canvas { - top: 250px; - } -} - /* Tablet to desktop ------------------------- */ @media (min-width: 768px) and (max-width: 980px) { -- cgit v1.2.3 From 72323051c31810138fdff4156a88ee863f4f8001 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 1 Aug 2012 19:18:42 -0700 Subject: increase padding on navbar responsive nav links, fix footer margins --- docs/assets/css/docs.css | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 52f8ff1bc..3ac60b0b0 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -134,7 +134,7 @@ hr.soften { /* Download button */ @-webkit-keyframes downloadButton { from { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.1); } - 50% { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 20px rgba(0,68,204,.75); } + 50% { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 50px rgba(0,68,204,1); } to { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.1); } } .masthead .btn { @@ -912,10 +912,6 @@ form.bs-docs-example { } /* Unfloat the back to top link in footer */ - .footer { - margin-left: -20px; - margin-right: -20px; - } .footer p { margin-bottom: 9px; } -- cgit v1.2.3 From 3c742fc08bd1714bf9145cebac8e7f653e83c05d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 1 Aug 2012 19:25:50 -0700 Subject: add test for textarea at .span12, really fix docs footer --- docs/assets/css/docs.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 3ac60b0b0..aa7f08095 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -912,6 +912,12 @@ form.bs-docs-example { } /* Unfloat the back to top link in footer */ + .footer { + margin-left: -20px; + margin-right: -20px; + padding-left: 20px; + padding-right: 20px; + } .footer p { margin-bottom: 9px; } -- cgit v1.2.3 From 86a577d76bd1dcd226dad90899886dbe18d36e39 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 1 Aug 2012 20:34:19 -0700 Subject: decrease box-shadow --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index aa7f08095..7ddfeb1ac 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -134,7 +134,7 @@ hr.soften { /* Download button */ @-webkit-keyframes downloadButton { from { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.1); } - 50% { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 50px rgba(0,68,204,1); } + 50% { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 25px rgba(0,68,204,.9); } to { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.1); } } .masthead .btn { -- cgit v1.2.3 From 33c6ab9b208ed01c4bd0909dd9aa5fc90280f049 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 1 Aug 2012 23:21:06 -0700 Subject: decrease docs nav padding --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 7ddfeb1ac..19f50457d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -769,7 +769,7 @@ form.bs-docs-example { *width: 190px; margin: 0 0 -1px; font-size: 14px; - padding: 9px 14px; + padding: 8px 14px; border: 1px solid #e5e5e5; } .bs-docs-sidenav > li:first-child > a { -- cgit v1.2.3 From 03eee2395267f466475ee5f4369f21016b4b3a3b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 7 Aug 2012 23:02:01 -0700 Subject: speed up animation and brightness on docs download --- docs/assets/css/docs.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 19f50457d..684e9529b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -133,9 +133,9 @@ hr.soften { /* Download button */ @-webkit-keyframes downloadButton { - from { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.1); } + from { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } 50% { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 25px rgba(0,68,204,.9); } - to { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.1); } + to { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } } .masthead .btn { padding: 14px 24px; @@ -150,7 +150,7 @@ hr.soften { -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01); -webkit-animation-name: downloadButton; - -webkit-animation-duration: 2s; + -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-transition: none; -moz-transition: none; -- cgit v1.2.3 From b14d946afbe1844ef026a120ee82bf1f2c3ef348 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 Aug 2012 15:12:22 -0700 Subject: add animation to docs download btn for firefox --- docs/assets/css/docs.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 684e9529b..e58093e1a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -133,9 +133,14 @@ hr.soften { /* Download button */ @-webkit-keyframes downloadButton { - from { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } - 50% { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 25px rgba(0,68,204,.9); } - to { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } + from { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } + 50% { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 25px rgba(0,68,204,.9); } + to { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } +} +@-moz-keyframes downloadButton { + from { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } + 50% { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 25px rgba(0,68,204,.9); } + to { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } } .masthead .btn { padding: 14px 24px; @@ -150,8 +155,11 @@ hr.soften { -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01); -webkit-animation-name: downloadButton; + -moz-animation-name: downloadButton; -webkit-animation-duration: 1.5s; + -moz-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; + -moz-animation-iteration-count: infinite; -webkit-transition: none; -moz-transition: none; transition: none; -- cgit v1.2.3 From dee57462e2805421a0fe0d786229446bbaef677b Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Tue, 14 Aug 2012 21:06:08 -0700 Subject: get affix actually working and update docs --- docs/assets/css/docs.css | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 684e9529b..685f3b7af 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -805,9 +805,13 @@ form.bs-docs-example { opacity: .75; } .bs-docs-sidenav.affix { - top: 30px; + top: 40px; +} +.bs-docs-sidenav.affix-bottom { + position: absolute; + top: auto; + bottom: 270px; } - @@ -860,12 +864,15 @@ form.bs-docs-example { } /* Widen masthead and social buttons to fill body padding */ .jumbotron { - margin-top: -20px; /* Offset bottom margin on .navbar */ + margin-top: -20px; /* Offset bottom margin on .navbar */ } /* Adjust sidenav width */ .bs-docs-sidenav { width: 166px; } + .bs-docs-sidenav.affix { + top: 0px; + } } /* Tablet @@ -921,6 +928,9 @@ form.bs-docs-example { .footer p { margin-bottom: 9px; } + .bs-docs-sidenav.affix { + top: 0; + } } /* Landscape phones -- cgit v1.2.3 From bb85bbc657e9ba35292acb7dd37fbeb2551b94c2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 Aug 2012 12:04:41 -0700 Subject: compy edits to docs --- docs/assets/css/docs.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 02fd34c51..2150baede 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -776,7 +776,6 @@ form.bs-docs-example { display: block; *width: 190px; margin: 0 0 -1px; - font-size: 14px; padding: 8px 14px; border: 1px solid #e5e5e5; } @@ -879,7 +878,7 @@ form.bs-docs-example { width: 166px; } .bs-docs-sidenav.affix { - top: 0px; + top: 0; } } -- cgit v1.2.3 From 47cf3cc62f249052f67b1390bdeb433684b6da0b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 Aug 2012 12:07:23 -0700 Subject: copy edits to base css page --- docs/assets/css/docs.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2150baede..e12f46a99 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -876,6 +876,7 @@ form.bs-docs-example { /* Adjust sidenav width */ .bs-docs-sidenav { width: 166px; + margin-top: 20px; } .bs-docs-sidenav.affix { top: 0; -- cgit v1.2.3 From 4e979f084d0a0942cb820ca54786ad2b99e4acff Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 Aug 2012 21:12:52 -0700 Subject: fix static navbar container issues, clean up docs presentation by unfixing the top navbar in favor of static one, start adding table of contents for longer sections of docs --- docs/assets/css/docs.css | 33 +++++++++++++-------------------- 1 file changed, 13 insertions(+), 20 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e12f46a99..2801efe5e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -12,7 +12,6 @@ body { position: relative; - padding-top: 40px; } /* Code in headings */ @@ -26,12 +25,12 @@ h3 code { /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ -body > .navbar-fixed-top { +body > .navbar-static-top { font-size: 13px; } /* Change the docs' brand */ -body > .navbar-fixed-top .brand { +body > .navbar-static-top .brand { padding-right: 0; padding-left: 0; margin-left: 20px; @@ -43,7 +42,7 @@ body > .navbar-fixed-top .brand { -moz-transition: all .2s linear; transition: all .2s linear; } -body > .navbar-fixed-top .brand:hover { +body > .navbar-static-top .brand:hover { text-decoration: none; text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4); } @@ -54,7 +53,7 @@ body > .navbar-fixed-top .brand:hover { /* padding for in-page bookmarks and fixed navbar */ section { - padding-top: 60px; + padding-top: 30px; } section > .page-header, section > .lead { @@ -759,10 +758,9 @@ form.bs-docs-example { } .bs-docs-sidenav { - width: 218px; + width: 228px; margin-top: 30px; padding: 0; - margin-right: 10px; background-color: #fff; margin-left: 0; -webkit-border-radius: 6px; @@ -790,9 +788,13 @@ form.bs-docs-example { border-radius: 0 0 6px 6px; } .bs-docs-sidenav > .active > a { - border-color: #08c; position: relative; z-index: 2; + padding: 9px 15px; + border: 0; + -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); + -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); + box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); } /* Chevrons */ .bs-docs-sidenav .icon-chevron-right { @@ -807,12 +809,13 @@ form.bs-docs-example { .bs-docs-sidenav a:hover .icon-chevron-right { opacity: .5; } -.bs-docs-sidenav .active .icon-chevron-right { +.bs-docs-sidenav .active .icon-chevron-right, +.bs-docs-sidenav .active a:hover .icon-chevron-right { background-image: url(../img/glyphicons-halflings-white.png); opacity: .75; } .bs-docs-sidenav.affix { - top: 40px; + top: 0; } .bs-docs-sidenav.affix-bottom { position: absolute; @@ -869,18 +872,11 @@ form.bs-docs-example { body { padding-top: 0; } - /* Widen masthead and social buttons to fill body padding */ - .jumbotron { - margin-top: -20px; /* Offset bottom margin on .navbar */ - } /* Adjust sidenav width */ .bs-docs-sidenav { width: 166px; margin-top: 20px; } - .bs-docs-sidenav.affix { - top: 0; - } } /* Tablet @@ -936,9 +932,6 @@ form.bs-docs-example { .footer p { margin-bottom: 9px; } - .bs-docs-sidenav.affix { - top: 0; - } } /* Landscape phones -- cgit v1.2.3 From a667fd93aba8e947f94af973518b7dce25c08765 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 Aug 2012 23:01:24 -0700 Subject: pre font-size increase; revert static top navbar, undo contents section for now --- docs/assets/css/docs.css | 22 ++++++++++++++-------- 1 file changed, 14 insertions(+), 8 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2801efe5e..d9b9f1606 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -12,6 +12,7 @@ body { position: relative; + padding-top: 40px; } /* Code in headings */ @@ -25,12 +26,12 @@ h3 code { /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ -body > .navbar-static-top { +body > .navbar { font-size: 13px; } /* Change the docs' brand */ -body > .navbar-static-top .brand { +body > .navbar .brand { padding-right: 0; padding-left: 0; margin-left: 20px; @@ -42,7 +43,7 @@ body > .navbar-static-top .brand { -moz-transition: all .2s linear; transition: all .2s linear; } -body > .navbar-static-top .brand:hover { +body > .navbar .brand:hover { text-decoration: none; text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4); } @@ -100,9 +101,9 @@ hr.soften { background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* IE10+ */ background: linear-gradient(45deg, #020031 0%,#6d3353 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ - -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), inset 0 -3px 7px rgba(0,0,0,.15); - -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), inset 0 -3px 7px rgba(0,0,0,.15); - box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), inset 0 -3px 7px rgba(0,0,0,.15); + -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); + -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); + box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); } .jumbotron h1 { font-size: 80px; @@ -792,6 +793,7 @@ form.bs-docs-example { z-index: 2; padding: 9px 15px; border: 0; + text-shadow: 0 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); @@ -812,10 +814,10 @@ form.bs-docs-example { .bs-docs-sidenav .active .icon-chevron-right, .bs-docs-sidenav .active a:hover .icon-chevron-right { background-image: url(../img/glyphicons-halflings-white.png); - opacity: .75; + opacity: 1; } .bs-docs-sidenav.affix { - top: 0; + top: 40px; } .bs-docs-sidenav.affix-bottom { position: absolute; @@ -872,6 +874,10 @@ form.bs-docs-example { body { padding-top: 0; } + /* Widen masthead and social buttons to fill body padding */ + .jumbotron { + margin-top: -20px; /* Offset bottom margin on .navbar */ + } /* Adjust sidenav width */ .bs-docs-sidenav { width: 166px; -- cgit v1.2.3 From e59642838fcac7af9a326b1d5a3830b18d9f3001 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 20 Aug 2012 11:28:30 -0700 Subject: remove relative and top positioning from docs sidenav at narrow layout --- docs/assets/css/docs.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index d9b9f1606..17bfcda6a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -760,10 +760,9 @@ form.bs-docs-example { .bs-docs-sidenav { width: 228px; - margin-top: 30px; + margin: 30px 0 20px; padding: 0; background-color: #fff; - margin-left: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; @@ -924,8 +923,9 @@ form.bs-docs-example { width: auto; } .bs-docs-sidenav.affix { - position: relative; + position: static; width: auto; + top: 0; } /* Unfloat the back to top link in footer */ -- cgit v1.2.3 From 6cf3752b9be2ad4f4804fc974d465e0f897a63df Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 20 Aug 2012 12:16:15 -0700 Subject: fix ie7 dropdowns examples in docs --- docs/assets/css/docs.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 17bfcda6a..f12f2423f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -239,6 +239,8 @@ hr.soften { display: inline-block; padding: 5px 8px; line-height: 1; + *display: inline; + *zoom: 1; } /* Subhead (other pages) @@ -560,6 +562,7 @@ h2 + .row { position: relative; margin: 15px 0; padding: 39px 19px 14px; + *padding-top: 19px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; -- cgit v1.2.3