From cb46ddee72eb45f835504a625947c821c8f60635 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 28 Aug 2012 13:46:13 -0700 Subject: grid docs changes --- docs/assets/css/docs.css | 12 +++++++++--- 1 file changed, 9 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 679322562..84be1df11 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -336,9 +336,6 @@ hr.soften { min-height: 40px; line-height: 40px; } -.show-grid:hover [class*="span"] { - background: #ddd; -} .show-grid .show-grid { margin-top: 0; margin-bottom: 0; @@ -347,6 +344,15 @@ hr.soften { background-color: #ccc; } +.show-grid [class*="span"]:nth-child(even) { + background-color: #ddd; +} + +.show-grid [class*="span"]:hover { + background-color: #333; + color: #fff; + cursor: pointer; +} /* Mini layout previews -- cgit v1.2.3 From c59e5251e12a57b5f305b4996d6f164b71c7f22c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 25 Sep 2012 22:48:02 -0700 Subject: initial pass at removing navbar-inner from .navbar component --- 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 322699452..4abea08c7 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -28,6 +28,7 @@ h3 code { body > .navbar { font-size: 13px; + background-color: rgba(0,0,0,.9); } /* Change the docs' brand */ -- cgit v1.2.3 From f8efc75a66590abb2b788b0d237fb91ba345d6a5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 25 Sep 2012 22:51:05 -0700 Subject: increase padding on navbar links, remove font-size override on .navbar from docs css --- 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 4abea08c7..33b4cf1a1 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -12,7 +12,7 @@ body { position: relative; - padding-top: 40px; + padding-top: 44px; } /* Code in headings */ @@ -27,7 +27,6 @@ h3 code { -------------------------------------------------- */ body > .navbar { - font-size: 13px; background-color: rgba(0,0,0,.9); } -- cgit v1.2.3 From d1affe61540e53f3a292c6bfaaa8e5d4725a9b26 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 25 Sep 2012 22:53:41 -0700 Subject: restore gradient to navbars --- docs/assets/css/docs.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 33b4cf1a1..bba138415 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -26,10 +26,6 @@ h3 code { /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ -body > .navbar { - background-color: rgba(0,0,0,.9); -} - /* Change the docs' brand */ body > .navbar .brand { padding-right: 0; -- cgit v1.2.3 From 72198a59c056857d93d35b5e3251b1baf8b5ab1c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 2 Nov 2012 01:20:06 -0700 Subject: removing glyphicons images, swapping in new icon font with new classes --- docs/assets/css/docs.css | 19 ++++++++++++------- 1 file changed, 12 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 60782ecea..eaa28915d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -528,7 +528,11 @@ h2 + .row { width: 25%; line-height: 25px; } -.the-icons i:hover { +.the-icons [class^="glyphicon-"] { + vertical-align: middle; + margin-right: 3px; +} +.the-icons li:hover [class^="glyphicon-"] { background-color: rgba(255,0,0,.25); } @@ -783,21 +787,22 @@ form.bs-docs-example { 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 { +.bs-docs-sidenav .glyphicon-chevron-right { float: right; - margin-top: 2px; + margin-top: -2px; margin-right: -6px; opacity: .25; + color: #000; } .bs-docs-sidenav > li > a:hover { background-color: #f5f5f5; } -.bs-docs-sidenav a:hover .icon-chevron-right { +.bs-docs-sidenav a:hover .glyphicon-chevron-right { opacity: .5; } -.bs-docs-sidenav .active .icon-chevron-right, -.bs-docs-sidenav .active a:hover .icon-chevron-right { - background-image: url(../img/glyphicons-halflings-white.png); +.bs-docs-sidenav .active .glyphicon-chevron-right, +.bs-docs-sidenav .active a:hover .glyphicon-chevron-right { + color: #fff; opacity: 1; } .bs-docs-sidenav.affix { -- cgit v1.2.3 From c0eacca0dbf9fec606968e08e1b21f8ec80e67ef Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 3 Nov 2012 16:14:44 -0700 Subject: Navs refactor, restoring .nav-list --- docs/assets/css/docs.css | 38 -------------------------------------- 1 file changed, 38 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 8852926d3..335d05a02 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -754,41 +754,6 @@ form.bs-docs-example { .bs-docs-sidenav { width: 228px; margin: 30px 0 0; - padding: 0; - background-color: #fff; - -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 \9; - margin: 0 0 -1px; - padding: 8px 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 { - position: relative; - 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); } /* Chevrons */ .bs-docs-sidenav .icon-chevron-right { @@ -797,9 +762,6 @@ form.bs-docs-example { margin-right: -6px; opacity: .25; } -.bs-docs-sidenav > li > a:hover { - background-color: #f5f5f5; -} .bs-docs-sidenav a:hover .icon-chevron-right { opacity: .5; } -- cgit v1.2.3 From 3de6f3ff88eeac5276af46e0262101b715dea1ad Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 3 Nov 2012 16:18:02 -0700 Subject: Swap old icons for new in 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 c3fbf0c2c..ec15ae2f1 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -762,7 +762,7 @@ form.bs-docs-example { /* Chevrons */ .bs-docs-sidenav .glyphicon-chevron-right { float: right; - margin-top: -2px; + margin-top: 1px; margin-right: -6px; opacity: .25; color: #000; -- cgit v1.2.3 From 25fded1ff4a0ba13e1566adcf6ac82b88e291adb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 4 Nov 2012 00:31:43 -0700 Subject: responsive images, updated shadows on navbars, remove responsive file from docs --- docs/assets/css/docs.css | 17 +++++++++++------ 1 file changed, 11 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 ec15ae2f1..ebd111fd8 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -134,9 +134,6 @@ hr.soften { 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); @@ -173,6 +170,16 @@ hr.soften { background: url(../img/bs-docs-masthead-pattern.png) repeat center center; opacity: .4; } +@media +only screen and (-webkit-min-device-pixel-ratio: 2), +only screen and ( min--moz-device-pixel-ratio: 2), +only screen and ( -o-min-device-pixel-ratio: 2/1) { + + .jumbotron:after { + background-size: 150px 150px; + } + +} /* Masthead (docs home) ------------------------- */ @@ -317,9 +324,7 @@ hr.soften { .show-grid [class*="span"] { background-color: #eee; text-align: center; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; min-height: 40px; line-height: 40px; } -- cgit v1.2.3 From dd11d0a3fa4ba061f6dcb8db81f144d81101e052 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 1 Dec 2012 13:47:07 -0800 Subject: move around social buttons --- docs/assets/css/docs.css | 53 ++++++++++++++++++++++++------------------------ 1 file changed, 27 insertions(+), 26 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 21dc6ea18..151d9987a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -210,30 +210,6 @@ only screen and ( -o-min-device-pixel-ratio: 2/1) { color: rgba(255,255,255,.25); } -/* 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; -} -.bs-docs-social-buttons li { - display: inline-block; - padding: 5px 8px; - line-height: 1; - *display: inline; - *zoom: 1; -} - /* Subhead (other pages) ------------------------- */ .subhead { @@ -295,9 +271,8 @@ only screen and ( -o-min-device-pixel-ratio: 2/1) { .footer { text-align: center; padding: 30px 0; - margin-top: 70px; + margin-top: 100px; border-top: 1px solid #e5e5e5; - background-color: #f5f5f5; } .footer p { margin-bottom: 0; @@ -314,6 +289,32 @@ only screen and ( -o-min-device-pixel-ratio: 2/1) { padding-left: 0; } +/* Social proof buttons from GitHub & Twitter */ +.bs-docs-social { + margin: -46px 0 30px; + text-align: center; + border-top: 1px solid #fff; +} +/* Quick links on Home */ +.bs-docs-social-buttons { + display: inline-block; + margin: 0; + padding: 0 10px; + list-style: none; + background-color: #fff; +} +.bs-docs-social-buttons li { + display: inline-block; + padding: 5px 8px; + line-height: 1; +} +.bs-docs-social-buttons .twitter-follow-button { + width: 216px !important; +} +.bs-docs-social-buttons .twitter-share-button { + width: 98px !important; +} + /* Special grid styles -- cgit v1.2.3 From 9c028ea54b7be6361f1be1e26b5a8a5dd6aa6bb0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 1 Dec 2012 18:51:03 -0800 Subject: follow button width --- 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 151d9987a..c0f8dc830 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -309,7 +309,7 @@ only screen and ( -o-min-device-pixel-ratio: 2/1) { line-height: 1; } .bs-docs-social-buttons .twitter-follow-button { - width: 216px !important; + width: 225px !important; } .bs-docs-social-buttons .twitter-share-button { width: 98px !important; -- cgit v1.2.3 From b3019d7aab877cccf03fda3e6894c0fdaa7330f3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 4 Dec 2012 20:30:21 -0800 Subject: add gallery page, fill with a few screenshots to start --- docs/assets/css/docs.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index c0f8dc830..54a76236d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -794,6 +794,14 @@ form.bs-docs-example { +/* Gallery +-------------------------------------------------- */ + +.bs-docs-gallery .thumbnail { + margin-bottom: 30px; +} + + /* Responsive -------------------------------------------------- */ -- cgit v1.2.3 From 65edc9cd6e453a7bf30ccbd6a57b3ea340e21907 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Dec 2012 21:42:36 -0800 Subject: Change .jumbotron usage in docs layout to .bs-docs-jumbotron --- docs/assets/css/docs.css | 10 +++++----- 1 file changed, 5 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 6a7b3d485..a30c62d83 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -83,7 +83,7 @@ hr.soften { /* Base class ------------------------- */ -.jumbotron { +.bs-docs-jumbotron { position: relative; padding: 40px 0; color: #fff; @@ -101,13 +101,13 @@ hr.soften { -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 { +.bs-docs-jumbotron h1 { font-size: 80px; font-weight: bold; letter-spacing: -1px; line-height: 1; } -.jumbotron p { +.bs-docs-jumbotron p { font-size: 24px; font-weight: 300; line-height: 1.25; @@ -115,14 +115,14 @@ hr.soften { } /* Link styles (used on .masthead-links as well) */ -.jumbotron a { +.bs-docs-jumbotron a { color: #fff; color: rgba(255,255,255,.5); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } -.jumbotron a:hover { +.bs-docs-jumbotron a:hover { color: #fff; text-shadow: 0 0 10px rgba(255,255,255,.25); } -- cgit v1.2.3 From ff02043bbc5a6dca3eec734a274e91cffc611dd4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jan 2013 14:31:18 -0800 Subject: Flatten navbar --- 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 a30c62d83..04e1e5335 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -34,14 +34,12 @@ body > .navbar .brand { 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; } 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); } @@ -88,18 +86,7 @@ hr.soften { padding: 40px 0; color: #fff; text-align: center; - 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+ */ - 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 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); + background-color: #222; } .bs-docs-jumbotron h1 { font-size: 80px; -- cgit v1.2.3 From 7bcd02c16764cdcc82530f8a82961555f8cab6af Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jan 2013 19:02:48 -0800 Subject: Tweak button --- docs/assets/css/docs.css | 24 ++++++++---------------- 1 file changed, 8 insertions(+), 16 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 04e1e5335..9ed3fa0ed 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -118,25 +118,17 @@ hr.soften { .masthead .btn { padding: 19px 24px; font-size: 24px; - font-weight: 200; color: #fff; /* redeclare to override the `.jumbotron a` */ - 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); - -webkit-transition: none; - -moz-transition: none; - transition: none; -} -.masthead .btn:hover { - -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); + border: 2px solid #fff; + background-color: transparent; +} +.masthead .btn:hover, +.masthead .btn:active { + color: #333; + background-color: #fff; } .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); + box-shadow: none; } -- cgit v1.2.3 From 0b31cfc90e1f3ca0f10dd188bf268cca470882f6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jan 2013 20:10:42 -0800 Subject: Fix up .brand in navbar of docs --- docs/assets/css/docs.css | 5 ----- 1 file changed, 5 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 9ed3fa0ed..cd2e93436 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -28,12 +28,7 @@ h3 code { /* Change the docs' brand */ body > .navbar .brand { - padding-right: 0; - padding-left: 0; - margin-left: 20px; - float: right; font-weight: bold; - color: #000; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; -- cgit v1.2.3 From d247f71217917f6e53354e410b8020289b841a47 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 13 Jan 2013 04:27:51 -0800 Subject: Reset docs jumbotron button to blue defaults --- docs/assets/css/docs.css | 10 ---------- 1 file changed, 10 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 978f68ba9..62a09506a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -114,16 +114,6 @@ hr.soften { padding: 19px 24px; font-size: 24px; color: #fff; /* redeclare to override the `.jumbotron a` */ - border: 2px solid #fff; - background-color: transparent; -} -.masthead .btn:hover, -.masthead .btn:active { - color: #333; - background-color: #fff; -} -.masthead .btn:active { - box-shadow: none; } -- cgit v1.2.3 From 25c9b6b59a23ac572634e5314c0b682e2ec8cf3d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 14 Jan 2013 22:05:55 -0800 Subject: nuke and flatten and stuff --- docs/assets/css/docs.css | 1004 ---------------------------------------------- 1 file changed, 1004 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 62a09506a..e69de29bb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -1,1004 +0,0 @@ -/* Add additional stylesheets below --------------------------------------------------- */ -/* - Bootstrap's documentation styles - Special styles for presenting Bootstrap's documentation and examples -*/ - - - -/* Body and structure --------------------------------------------------- */ - -body { - position: relative; - padding-top: 44px; -} - -/* Code in headings */ -h3 code { - font-size: 14px; - font-weight: normal; -} - - - -/* Tweak navbar brand link to be super sleek --------------------------------------------------- */ - -/* Change the docs' brand */ -body > .navbar .brand { - font-weight: bold; - -webkit-transition: all .2s linear; - -moz-transition: all .2s linear; - transition: all .2s linear; -} -body > .navbar .brand:hover { - text-decoration: none; -} - - -/* Sections --------------------------------------------------- */ - -/* padding for in-page bookmarks and fixed navbar */ -section { - padding-top: 30px; -} -section > .page-header, -section > .lead { - color: #5a5a5a; -} -section > ul li { - margin-bottom: 5px; -} - -/* Separators (hr) */ -.bs-docs-separator { - margin: 40px 0 39px; -} - -/* Faded out hr */ -hr.soften { - height: 1px; - 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)); - background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); - border: 0; -} - - - -/* Jumbotrons --------------------------------------------------- */ - -/* Base class -------------------------- */ -.bs-docs-jumbotron { - position: relative; - padding: 40px 0; - color: #fff; - text-align: center; - background-color: #222; -} -.bs-docs-jumbotron h1 { - font-size: 80px; - font-weight: bold; - letter-spacing: -1px; - line-height: 1; -} -.bs-docs-jumbotron p { - font-size: 24px; - font-weight: 300; - line-height: 1.25; - margin-bottom: 30px; -} - -/* Link styles (used on .masthead-links as well) */ -.bs-docs-jumbotron a { - color: #fff; - color: rgba(255,255,255,.5); - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; -} -.bs-docs-jumbotron a:hover { - color: #fff; - text-shadow: 0 0 10px rgba(255,255,255,.25); -} - -/* Download button */ -.masthead .btn { - padding: 19px 24px; - font-size: 24px; - color: #fff; /* redeclare to override the `.jumbotron a` */ -} - - -/* 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) repeat center center; - opacity: .4; -} -@media -only screen and (-webkit-min-device-pixel-ratio: 2), -only screen and ( min--moz-device-pixel-ratio: 2), -only screen and ( -o-min-device-pixel-ratio: 2/1) { - - .jumbotron:after { - background-size: 150px 150px; - } - -} - -/* Masthead (docs home) -------------------------- */ -.masthead { - padding: 70px 0 80px; - margin-bottom: 0; - color: #fff; -} -.masthead h1 { - font-size: 120px; - line-height: 1; - letter-spacing: -2px; -} -.masthead p { - font-size: 40px; - font-weight: 200; - line-height: 1.25; -} - -/* Textual links in masthead */ -.masthead-links { - margin: 0; - list-style: none; -} -.masthead-links li { - display: inline; - padding: 0 10px; - color: rgba(255,255,255,.25); -} - -/* Subhead (other pages) -------------------------- */ -.subhead { - text-align: left; - border-bottom: 1px solid #ddd; -} -.subhead h1 { - font-size: 60px; -} -.subhead p { - margin-bottom: 20px; -} -.subhead .navbar { - display: none; -} - - - -/* Marketing section of Overview --------------------------------------------------- */ - -.marketing { - text-align: center; - color: #5a5a5a; -} -.marketing h1 { - margin: 60px 0 10px; - font-size: 60px; - font-weight: 200; - line-height: 1; - letter-spacing: -1px; -} -.marketing h2 { - font-weight: 200; - margin-bottom: 5px; -} -.marketing p { - font-size: 16px; - line-height: 1.5; -} -.marketing .marketing-byline { - margin-bottom: 40px; - font-size: 20px; - font-weight: 300; - line-height: 1.25; - color: #999; -} -.marketing-img { - display: block; - margin: 0 auto 30px; - max-height: 145px; -} - - - -/* Footer --------------------------------------------------- */ - -.footer { - text-align: center; - padding: 30px 0; - margin-top: 100px; - border-top: 1px solid #e5e5e5; -} -.footer p { - margin-bottom: 0; - color: #777; -} -.footer-links { - margin: 10px 0; -} -.footer-links li { - display: inline; - padding: 0 2px; -} -.footer-links li:first-child { - padding-left: 0; -} - -/* Social proof buttons from GitHub & Twitter */ -.bs-docs-social { - margin: -46px 0 30px; - text-align: center; - border-top: 1px solid #fff; -} -/* Quick links on Home */ -.bs-docs-social-buttons { - display: inline-block; - margin: 0; - padding: 0 10px; - list-style: none; - background-color: #fff; -} -.bs-docs-social-buttons li { - display: inline-block; - padding: 5px 8px; - line-height: 1; -} -.bs-docs-social-buttons .twitter-follow-button { - width: 225px !important; -} -.bs-docs-social-buttons .twitter-share-button { - width: 98px !important; -} - - - -/* Special grid styles --------------------------------------------------- */ - -.show-grid { - margin-top: 10px; - margin-bottom: 20px; -} -.show-grid [class*="span"] { - background-color: #eee; - text-align: center; - border-radius: 3px; - min-height: 40px; - line-height: 40px; -} -.show-grid .show-grid { - margin-top: 0; - margin-bottom: 0; -} -.show-grid .show-grid [class*="span"] { - margin-top: 5px; -} -.show-grid [class*="span"] [class*="span"] { - background-color: #ccc; -} -.show-grid [class*="span"] [class*="span"] [class*="span"] { - background-color: #999; -} - -.show-grid [class*="span"]:nth-child(even) { - background-color: #ddd; -} - -.show-grid [class*="span"]:hover { - background-color: #333; - color: #fff; - cursor: pointer; -} - - -/* Mini layout previews --------------------------------------------------- */ -.mini-layout { - border: 1px solid #ddd; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075); - -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 { - margin-bottom: 20px; - padding: 9px; -} -.mini-layout div { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.mini-layout .mini-layout-body { - background-color: #dceaf4; - margin: 0 auto; - width: 70%; -} -.mini-layout.fluid .mini-layout-sidebar, -.mini-layout.fluid .mini-layout-header, -.mini-layout.fluid .mini-layout-body { - float: left; -} -.mini-layout.fluid .mini-layout-sidebar { - background-color: #bbd8e9; - width: 20%; -} -.mini-layout.fluid .mini-layout-body { - width: 77.5%; - margin-left: 2.5%; -} - - - -/* Download page --------------------------------------------------- */ - -.download .page-header { - margin-top: 36px; -} -.page-header .toggle-all { - margin-top: 5px; -} - -/* Space out h3s when following a section */ -.download h3 { - margin-bottom: 5px; -} -.download-builder input + h3, -.download-builder .checkbox + h3 { - margin-top: 9px; -} - -/* Fields for variables */ -.download-builder input[type=text] { - margin-bottom: 9px; - font-family: Menlo, Monaco, "Courier New", monospace; - font-size: 12px; - color: #d14; -} -.download-builder input[type=text]:focus { - background-color: #fff; -} - -/* 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; - -moz-border-radius: 3px; - border-radius: 3px; - cursor: pointer; -} -.download .checkbox:hover { - color: #333; - background-color: #f5f5f5; -} -.download .checkbox small { - font-size: 12px; - color: #777; -} - -/* Variables section */ -#variables label { - margin-bottom: 0; -} - -/* Giant download button */ -.download-btn { - margin: 36px 0 108px; -} -#download p, -#download h4 { - max-width: 50%; - margin: 0 auto; - color: #999; - text-align: center; -} -#download h4 { - margin-bottom: 0; -} -#download p { - margin-bottom: 18px; -} -.download-btn .btn { - display: block; - width: auto; - padding: 19px 24px; - margin-bottom: 27px; - font-size: 30px; - line-height: 1; - text-align: center; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; -} - - - -/* Misc --------------------------------------------------- */ - -/* Make tables spaced out a bit more */ -h2 + table, -h3 + table, -h4 + table, -h2 + .row { - margin-top: 5px; -} - -/* Example sites showcase */ -.example-sites { - xmargin-left: 20px; -} -.example-sites img { - max-width: 100%; - margin: 0 auto; -} - -.scrollspy-example { - height: 200px; - overflow: auto; - position: relative; -} - - -/* Fake the :focus state to demo it */ -.focused { - border-color: rgba(82,168,236,.8); - -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); - -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); - box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); - outline: 0; -} - -/* For input sizes, make them display block */ -.docs-input-sizes select, -.docs-input-sizes input[type=text] { - display: block; - margin-bottom: 9px; -} - -/* Icons -------------------------- */ -.the-icons { - margin-left: 0; - list-style: none; -} -.the-icons li { - float: left; - width: 25%; - line-height: 25px; -} -.the-icons [class^="glyphicon-"] { - vertical-align: middle; - margin-right: 3px; -} -.the-icons li:hover [class^="glyphicon-"] { - background-color: rgba(255,0,0,.25); -} - -/* Example page -------------------------- */ -.bootstrap-examples h4 { - margin: 10px 0 5px; -} -.bootstrap-examples p { - font-size: 13px; - line-height: 18px; -} -.bootstrap-examples .thumbnail { - margin-bottom: 9px; - background-color: #fff; -} - - - -/* Bootstrap code examples --------------------------------------------------- */ - -/* Base class */ -.bs-docs-example { - position: relative; - margin: 15px 0; - padding: 39px 19px 14px; - *padding-top: 19px; - background-color: #fff; - border: 1px solid #ddd; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -/* Echo out a label for the example */ -.bs-docs-example:after { - content: "Example"; - position: absolute; - top: -1px; - left: -1px; - padding: 3px 7px; - font-size: 12px; - font-weight: bold; - background-color: #f5f5f5; - border: 1px solid #ddd; - color: #9da0a4; - -webkit-border-radius: 4px 0 4px 0; - -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 > p:last-child { - margin-bottom: 0; -} -.bs-docs-example .table, -.bs-docs-example .progress, -.bs-docs-example .well, -.bs-docs-example .alert, -.bs-docs-example .hero-unit, -.bs-docs-example .pagination, -.bs-docs-example .navbar, -.bs-docs-example > .nav, -.bs-docs-example blockquote { - 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; - overflow: hidden; /* cut the drop shadows off */ -} -.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; - 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; -} - -/* Images */ -.bs-docs-example-images img { - margin: 10px; - display: inline-block; -} - -/* 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; - background-color: #f9f9f9; -} -.bs-docs-example-popover .popover { - position: relative; - display: block; - float: left; - width: 260px; - margin: 20px; -} - -/* Dropdowns */ -.bs-docs-example-submenus { - min-height: 180px; -} -.bs-docs-example-submenus > .pull-left + .pull-left { - margin-left: 20px; -} -.bs-docs-example-submenus .dropup > .dropdown-menu, -.bs-docs-example-submenus .dropdown > .dropdown-menu { - display: block; - position: static; - margin-bottom: 5px; - *width: 180px; -} - - - -/* Responsive docs --------------------------------------------------- */ - -/* Utility classes table -------------------------- */ -.responsive-utilities th small { - display: block; - font-weight: normal; - color: #999; -} -.responsive-utilities tbody th { - font-weight: normal; -} -.responsive-utilities td { - text-align: center; -} -.responsive-utilities td.is-visible { - color: #468847; - background-color: #dff0d8 !important; -} -.responsive-utilities td.is-hidden { - color: #ccc; - background-color: #f9f9f9 !important; -} - -/* Responsive tests -------------------------- */ -.responsive-utilities-test { - margin-top: 5px; - margin-left: 0; - list-style: none; - overflow: hidden; /* clear floats */ -} -.responsive-utilities-test li { - position: relative; - float: left; - width: 25%; - height: 43px; - font-size: 14px; - font-weight: bold; - line-height: 43px; - color: #999; - text-align: center; - border: 1px solid #ddd; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.responsive-utilities-test li + li { - margin-left: 10px; -} -.responsive-utilities-test span { - position: absolute; - top: -1px; - left: -1px; - right: -1px; - bottom: -1px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.responsive-utilities-test span { - color: #468847; - background-color: #dff0d8; - border: 1px solid #d6e9c6; -} - - - -/* Sidenav for Docs --------------------------------------------------- */ - -.bs-docs-sidenav { - width: 228px; - margin: 30px 0 0; -} -/* Chevrons */ -.bs-docs-sidenav .glyphicon-chevron-right { - float: right; - margin-top: 1px; - margin-right: -6px; - opacity: .25; - color: #000; -} -.bs-docs-sidenav a:hover .glyphicon-chevron-right { - opacity: .5; -} -.bs-docs-sidenav .active .glyphicon-chevron-right, -.bs-docs-sidenav .active a:hover .glyphicon-chevron-right { - color: #fff; - opacity: 1; -} -.bs-docs-sidenav.affix { - top: 40px; -} -.bs-docs-sidenav.affix-bottom { - position: absolute; - top: auto; - bottom: 270px; -} - - - -/* Gallery --------------------------------------------------- */ - -.bs-docs-gallery .thumbnail { - margin-bottom: 30px; -} - - - -/* Responsive --------------------------------------------------- */ - -/* Desktop large -------------------------- */ -@media (min-width: 1200px) { - .bs-docs-container { - max-width: 970px; - } - .bs-docs-sidenav { - width: 258px; - } - .bs-docs-sidenav > li > a { - width: 230px \9; /* Override the previous IE8-9 hack */ - } -} - -/* 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; - } - - /* When affixed, space properly */ - .bs-docs-sidenav { - top: 0; - width: 218px; - margin-top: 30px; - margin-right: 0; - } -} - -/* Tablet to desktop -------------------------- */ -@media (min-width: 768px) and (max-width: 979px) { - /* Remove any padding from the body */ - 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 -------------------------- */ -@media (max-width: 767px) { - /* Remove any padding from the body */ - body { - padding-top: 0; - } - - /* Widen masthead and social buttons to fill body padding */ - .jumbotron { - 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; - } - .marketing .span4 { - margin-bottom: 40px; - } - .bs-docs-social { - margin: 0 -20px; - } - - /* Space out the show-grid examples */ - .show-grid [class*="span"] { - margin-bottom: 5px; - } - - /* Sidenav */ - .bs-docs-sidenav { - width: auto; - margin-bottom: 20px; - } - .bs-docs-sidenav.affix { - position: static; - width: auto; - top: 0; - } - - /* 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; - } -} - -/* Landscape phones -------------------------- */ -@media (max-width: 480px) { - /* Remove padding above jumbotron */ - body { - padding-top: 0; - } - - /* Change up some type stuff */ - h2 small { - display: block; - } - - /* Downsize the jumbotrons */ - .jumbotron h1 { - font-size: 45px; - } - .jumbotron p, - .jumbotron .btn { - font-size: 18px; - } - .jumbotron .btn { - display: block; - margin: 0 auto; - } - - /* center align subhead text like the masthead */ - .subhead h1, - .subhead p { - text-align: center; - } - - /* Marketing on home */ - .marketing h1 { - font-size: 30px; - } - .marketing-byline { - font-size: 18px; - } - - /* center example sites */ - .example-sites { - margin-left: 0; - } - .example-sites > li { - float: none; - display: block; - max-width: 280px; - margin: 0 auto 18px; - text-align: center; - } - .example-sites .thumbnail > img { - max-width: 270px; - } - - /* Do our best to make tables work in narrow viewports */ - table code { - white-space: normal; - word-wrap: break-word; - word-break: break-all; - } - - /* Examples: dropdowns */ - .bs-docs-example-submenus > .pull-left { - float: none; - clear: both; - } - .bs-docs-example-submenus > .pull-left, - .bs-docs-example-submenus > .pull-left + .pull-left { - margin-left: 0; - } - .bs-docs-example-submenus p { - margin-bottom: 0; - } - .bs-docs-example-submenus .dropup > .dropdown-menu, - .bs-docs-example-submenus .dropdown > .dropdown-menu { - margin-bottom: 10px; - float: none; - max-width: 180px; - } - - /* Examples: modal */ - .modal-example .modal { - position: relative; - top: auto; - right: auto; - bottom: auto; - left: auto; - } - - /* Tighten up footer */ - .footer { - padding-top: 20px; - padding-bottom: 20px; - } -} -- cgit v1.2.3 From 09696143e0301e30b931467a40d13a6d357dac07 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 15 Jan 2013 10:14:12 -0800 Subject: type and stuff --- docs/assets/css/docs.css | 306 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 306 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e69de29bb..6f19543cd 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -0,0 +1,306 @@ + + + +/* Page =================================================== */ +html { + background-color: #fff; + font-size: 62.5%; + -webkit-overflow-scrolling: touch; + -webkit-tap-highlight-color: rgba(0,0,0,0); + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +body { + margin: 0; + padding: 0; + width: 100%; + background-color: transparent; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + font-size: 1.4rem; + line-height: 1.5; + color: #333; +} +p { + margin: 15px 0; +} +.lead { + font-size: 2rem; + font-size: 20px; +} + + +img { + max-width: 100%; +} + + +/* Typography =================================================== */ +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 1rem 0; + color: inherit; + font-family: inherit; + font-weight: 500; + text-rendering: optimizelegibility; +} +h1 small, +h2 small { + font-weight: normal; + color: #bfbfbf; +} +h1 { + font-size: 40px; + font-size: 4rem; + line-height: 1.2; +} +h2 { + font-size: 30px; + font-size: 3rem; + line-height: 1.2; +} +h3 { + font-size: 24px; + font-size: 2.4rem; + line-height: 1.2; +} +h4 { + font-size: 18px; + font-size: 1.8rem; + line-height: 1.25; +} +h5 { + font-size: 16px; + font-size: 1.6rem; + margin-bottom: 1.5em; +} +h6 { + margin-bottom: 1.5em; + font-weight: normal; + letter-spacing: 1px; + text-transform: uppercase; +} +small { + font-size: 80%; +} +ul, +ol { + margin: 0 0 .5em; + padding: 0 0 0 28px; +} +li ul, +li ol { + margin-bottom: 0; +} + + +a { + color: #428bca; + text-decoration: none; +} +a:hover { + text-decoration: underline; +} + + + +.collapse { + position: relative; + height: 0; + overflow: hidden; +} +.collapse.in { + height: auto; +} + + + +.nav { + margin-bottom: 0; + padding-left: 0; /* override default ul/ol */ + overflow: hidden; /* clearfix */ +} +.nav > li { + display: block; +} +.nav > li > a { + display: block; + padding: 10px 15px; +} + + +.navbar { + padding: 15px; + background-color: #eee; + overflow: hidden; /* clearfix */ +} + +.navbar .brand { + display: inline-block; + padding: 4px 15px; + font-size: 1.8rem; + font-size: 18px; + font-weight: bold; +} +.navbar .brand:hover { + text-decoration: none; + background-color: #ddd; +} + +.navbar .nav { + margin-top: 15px; /* space out from .navbar .brand and .btn-navbar */ +} +.navbar .nav > li > a { +} +.navbar .nav > li > a:hover { + text-decoration: none; + background-color: #ddd; +} +.navbar .nav > .active > a { + background-color: #ddd; +} + +.btn-navbar { + float: right; + margin-top: 3px; + padding: 8px 10px; + background-color: #ddd; + border: 0; + border-radius: 4px; +} +.btn-navbar .icon-bar { + display: block; + width: 18px; + height: 3px; + background-color: #fff; + border-radius: 1px; +} +.btn-navbar .icon-bar + .icon-bar { + margin-top: 2px; +} + + +.navbar-inverse { + background-color: #222; +} +.navbar-inverse .brand { + color: #fff; +} +.navbar-inverse .brand:hover { + background-color: #333; +} +.navbar-inverse .nav > li > a { + color: #fff; +} +.navbar-inverse .nav > li > a:hover { + background-color: #333; +} +.navbar .nav > .active > a { + background-color: #333; +} +.navbar-inverse .btn-navbar { + background-color: #444; +} + + + +/* Disable iOS/WinMobile font size changes */ +@media screen and (max-device-width: 480px) { + html { + -ms-text-size-adjust: none; + -webkit-text-size-adjust: none; + } +} + + +@media screen and (min-width: 480px) { + +} +@media screen and (min-width: 600px) { + +} +@media screen and (min-width: 768px) { + + h1 { } + h2 { } + h3 { } + h4 { } + h5 { } + h6 { } + +} +@media screen and (min-width: 992px) { + + body { + font-size: 1.6rem; + font-size: 16px; + } + + .container { + width: 940px; + margin-left: auto; + margin-right: auto; + } + + .navbar { + padding-top: 0; + padding-bottom: 0; + } + .navbar .brand { + float: left; + padding-top: 7px; + padding-bottom: 7px; + } + .navbar .nav { + overflow: hidden; /* clearfix */ + margin-top: 0; /* undo top margin to make nav extend full height of navbar */ + } + .navbar .nav > li { + float: left; + } + .navbar .nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + } + + /* Required to make the collapsing navbar work on regular desktops */ + .navbar .btn-navbar { + display: none; + } + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; + } + +} +@media screen and (min-width: 1382px) { + +} + + +/* Docs =================================================== */ + +body > .container { + padding-left: 15px; + padding-right: 15px; +} + +/* Jumbotrons +-------------------------------------------------- */ + +/* Base class +------------------------- */ +.bs-docs-jumbotron { + position: relative; + padding: 15px; + color: #fff; + background-color: #b94a48; +} +.bs-docs-jumbotron h1 { +} +.bs-docs-jumbotron p { +} \ No newline at end of file -- cgit v1.2.3 From 267690eb1bd0192338b07c6d4ed2f5b25d2fc143 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 15 Jan 2013 14:30:00 -0800 Subject: docs changes, more type improvements, add grid system basics back --- docs/assets/css/docs.css | 152 ++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 132 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 6f19543cd..f32eba178 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -19,14 +19,19 @@ body { font-size: 14px; font-size: 1.4rem; line-height: 1.5; - color: #333; + color: #3a3a3a; } p { - margin: 15px 0; + margin: 0 0 10px; } .lead { - font-size: 2rem; - font-size: 20px; + font-size: 18px; + font-size: 1.8rem; +} +.page-header { + margin-top: 30px; + margin-bottom: 19px; + border-bottom: 1px solid #ddd; } @@ -42,7 +47,7 @@ h3, h4, h5, h6 { - margin: 1rem 0; + margin: 20px 0 10px; color: inherit; font-family: inherit; font-weight: 500; @@ -76,10 +81,8 @@ h4 { h5 { font-size: 16px; font-size: 1.6rem; - margin-bottom: 1.5em; } h6 { - margin-bottom: 1.5em; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; @@ -97,6 +100,23 @@ li ol { margin-bottom: 0; } +hr { + margin: 20px 0 19px; + border: 0; + border-top: 1px solid #ddd; +} + +pre, code { + color: #c7254e; +} +code { + padding: 1px 3px; + font-size: 90%; + white-space: nowrap; + border-radius: 3px; + background-color: #f9f2f4; +} + a { color: #428bca; @@ -128,9 +148,39 @@ a:hover { display: block; } .nav > li > a { + position: relative; display: block; padding: 10px 15px; } +.nav > li > a:hover { + text-decoration: none; + background-color: #f5f5f5; +} + + +.nav-list > li > a { + margin-bottom: -1px; /* tuck up the following item to make 1px border */ + border: 1px solid #ddd; +} +.nav-list > li:first-child > a { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +.nav-list > li:last-child > a { + margin-bottom: 0; /* undo the tuck */ + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} +.nav-list > .active > a, +.nav-list > .active > a:hover { + color: #fff; + background-color: #428bca; + border-color: #428bca; + z-index: 2; /* Bring active item forward so border sits on top of next element */ +} + + + .navbar { @@ -141,10 +191,11 @@ a:hover { .navbar .brand { display: inline-block; - padding: 4px 15px; + padding: 7px 15px; font-size: 1.8rem; font-size: 18px; font-weight: bold; + line-height: 1; } .navbar .brand:hover { text-decoration: none; @@ -155,9 +206,9 @@ a:hover { margin-top: 15px; /* space out from .navbar .brand and .btn-navbar */ } .navbar .nav > li > a { + line-height: 20px; } .navbar .nav > li > a:hover { - text-decoration: none; background-color: #ddd; } .navbar .nav > .active > a { @@ -166,21 +217,20 @@ a:hover { .btn-navbar { float: right; - margin-top: 3px; - padding: 8px 10px; + padding: 10px 12px; background-color: #ddd; border: 0; border-radius: 4px; } .btn-navbar .icon-bar { display: block; - width: 18px; - height: 3px; + width: 20px; + height: 2px; background-color: #fff; border-radius: 1px; } .btn-navbar .icon-bar + .icon-bar { - margin-top: 2px; + margin-top: 3px; } @@ -208,6 +258,22 @@ a:hover { + + + +.row { + margin-left: -10px; + margin-right: -10px; + overflow: hidden; /* clearfix */ +} +[class^="span"] { + padding-left: 10px; + padding-right: 10px; + -webkit-box-sizing: border-box; +} + + + /* Disable iOS/WinMobile font size changes */ @media screen and (max-device-width: 480px) { html { @@ -232,14 +298,30 @@ a:hover { h5 { } h6 { } + [class^="span"] { + float: left; + } + + .span1 { width: 8.3333333%; } + .span2 { width: 16.6666667%; } + .span3 { width: 25%; } + .span4 { width: 33.3333333%; } + .span5 { width: 41.666666667%; } + .span6 { width: 50%; } + .span7 { width: 58.333333333%; } + .span8 { width: 66.666666667%; } + .span9 { width: 75%; } + .span10 { width: 83.333333333%; } + .span11 { width: 91.666666667%; } + } @media screen and (min-width: 992px) { - body { +/* body { font-size: 1.6rem; font-size: 16px; } - +*/ .container { width: 940px; margin-left: auto; @@ -252,8 +334,9 @@ a:hover { } .navbar .brand { float: left; - padding-top: 7px; - padding-bottom: 7px; + padding-top: 11px; + padding-bottom: 11px; + margin-left: -15px; } .navbar .nav { overflow: hidden; /* clearfix */ @@ -272,6 +355,7 @@ a:hover { display: none; } .nav-collapse.collapse { + float: left; height: auto !important; overflow: visible !important; } @@ -296,11 +380,39 @@ body > .container { ------------------------- */ .bs-docs-jumbotron { position: relative; - padding: 15px; + margin-bottom: 20px; + padding: 30px 15px; color: #fff; background-color: #b94a48; } .bs-docs-jumbotron h1 { + margin: 0; } .bs-docs-jumbotron p { -} \ No newline at end of file + margin-bottom: 0; +} + + + + +.bs-docs-example { + border: 1px solid #ddd; + padding: 14px; + margin-bottom: -1px; +} +.bs-docs-example + .prettyprint { + margin-top: 0; +} + + + + + +.show-grid [class^="span"] { + padding-top: 10px; + padding-bottom: 10px; + background-color: #eee; + border: 1px solid #ddd; +} + + -- cgit v1.2.3 From 094767fbfe09b921da1f3f5deba4db2c79be37f5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 15 Jan 2013 14:34:04 -0800 Subject: code changes --- docs/assets/css/docs.css | 6 ++++-- 1 file changed, 4 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 f32eba178..c609cbeaa 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -110,8 +110,7 @@ pre, code { color: #c7254e; } code { - padding: 1px 3px; - font-size: 90%; + padding: 2px 4px; white-space: nowrap; border-radius: 3px; background-color: #f9f2f4; @@ -403,6 +402,9 @@ body > .container { .bs-docs-example + .prettyprint { margin-top: 0; } +.prettyprint .linenums { + margin-left: 0; +} -- cgit v1.2.3 From 85db846b651842444d374f8e54f3f362ca18d08e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 15 Jan 2013 17:55:14 -0800 Subject: mobile-first navs, navbar, grids, and type --- docs/assets/css/docs.css | 65 +++++++++++++++++++++++++++--------------------- 1 file changed, 36 insertions(+), 29 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index c609cbeaa..98a3bebe6 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -2,6 +2,7 @@ /* Page =================================================== */ +/* html { background-color: #fff; font-size: 62.5%; @@ -38,9 +39,10 @@ p { img { max-width: 100%; } - +*/ /* Typography =================================================== */ +/* h1, h2, h3, @@ -92,7 +94,7 @@ small { } ul, ol { - margin: 0 0 .5em; + margin: 0 0 1em; padding: 0 0 0 28px; } li ul, @@ -124,10 +126,10 @@ a { a:hover { text-decoration: underline; } +*/ - -.collapse { +/*.collapse { position: relative; height: 0; overflow: hidden; @@ -135,13 +137,13 @@ a:hover { .collapse.in { height: auto; } +*/ - -.nav { +/*.nav { margin-bottom: 0; - padding-left: 0; /* override default ul/ol */ - overflow: hidden; /* clearfix */ + padding-left: 0; + overflow: hidden; } .nav > li { display: block; @@ -154,11 +156,11 @@ a:hover { .nav > li > a:hover { text-decoration: none; background-color: #f5f5f5; -} +}*/ -.nav-list > li > a { - margin-bottom: -1px; /* tuck up the following item to make 1px border */ +/*.nav-list > li > a { + margin-bottom: -1px; // tuck up the following item to make 1px border border: 1px solid #ddd; } .nav-list > li:first-child > a { @@ -166,7 +168,7 @@ a:hover { border-top-right-radius: 5px; } .nav-list > li:last-child > a { - margin-bottom: 0; /* undo the tuck */ + margin-bottom: 0; undo the tuck border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } @@ -175,17 +177,17 @@ a:hover { color: #fff; background-color: #428bca; border-color: #428bca; - z-index: 2; /* Bring active item forward so border sits on top of next element */ -} + z-index: 2; // Bring active item forward so border sits on top of next element +}*/ -.navbar { +/*.navbar { padding: 15px; background-color: #eee; - overflow: hidden; /* clearfix */ + overflow: hidden; } .navbar .brand { @@ -199,10 +201,10 @@ a:hover { .navbar .brand:hover { text-decoration: none; background-color: #ddd; -} +}*/ -.navbar .nav { - margin-top: 15px; /* space out from .navbar .brand and .btn-navbar */ +/*.navbar .nav { + margin-top: 15px; } .navbar .nav > li > a { line-height: 20px; @@ -213,8 +215,8 @@ a:hover { .navbar .nav > .active > a { background-color: #ddd; } - -.btn-navbar { +*/ +/*.btn-navbar { float: right; padding: 10px 12px; background-color: #ddd; @@ -230,10 +232,10 @@ a:hover { } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; -} +}*/ -.navbar-inverse { +/*.navbar-inverse { background-color: #222; } .navbar-inverse .brand { @@ -253,33 +255,33 @@ a:hover { } .navbar-inverse .btn-navbar { background-color: #444; -} +}*/ -.row { +/*.row { margin-left: -10px; margin-right: -10px; - overflow: hidden; /* clearfix */ + overflow: hidden; } [class^="span"] { padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -} +}*/ /* Disable iOS/WinMobile font size changes */ -@media screen and (max-device-width: 480px) { +/*@media screen and (max-device-width: 480px) { html { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; } -} +}*/ @media screen and (min-width: 480px) { @@ -399,6 +401,11 @@ body > .container { padding: 14px; margin-bottom: -1px; } +.bs-docs-example p:last-child, +.bs-docs-example ul:last-child, +.bs-docs-example ol:last-child { + margin-bottom: 0; +} .bs-docs-example + .prettyprint { margin-top: 0; } -- cgit v1.2.3 From 8fd26040d80f72e357692d257e80526bf2c36427 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 10:52:33 -0800 Subject: Port over temp responsive styles to bootstrap.less; readd buttons --- docs/assets/css/docs.css | 367 ----------------------------------------------- 1 file changed, 367 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 98a3bebe6..ffff81f21 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -1,372 +1,5 @@ - -/* Page =================================================== */ -/* -html { - background-color: #fff; - font-size: 62.5%; - -webkit-overflow-scrolling: touch; - -webkit-tap-highlight-color: rgba(0,0,0,0); - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} -body { - margin: 0; - padding: 0; - width: 100%; - background-color: transparent; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - font-size: 1.4rem; - line-height: 1.5; - color: #3a3a3a; -} -p { - margin: 0 0 10px; -} -.lead { - font-size: 18px; - font-size: 1.8rem; -} -.page-header { - margin-top: 30px; - margin-bottom: 19px; - border-bottom: 1px solid #ddd; -} - - -img { - max-width: 100%; -} -*/ - -/* Typography =================================================== */ -/* -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 20px 0 10px; - color: inherit; - font-family: inherit; - font-weight: 500; - text-rendering: optimizelegibility; -} -h1 small, -h2 small { - font-weight: normal; - color: #bfbfbf; -} -h1 { - font-size: 40px; - font-size: 4rem; - line-height: 1.2; -} -h2 { - font-size: 30px; - font-size: 3rem; - line-height: 1.2; -} -h3 { - font-size: 24px; - font-size: 2.4rem; - line-height: 1.2; -} -h4 { - font-size: 18px; - font-size: 1.8rem; - line-height: 1.25; -} -h5 { - font-size: 16px; - font-size: 1.6rem; -} -h6 { - font-weight: normal; - letter-spacing: 1px; - text-transform: uppercase; -} -small { - font-size: 80%; -} -ul, -ol { - margin: 0 0 1em; - padding: 0 0 0 28px; -} -li ul, -li ol { - margin-bottom: 0; -} - -hr { - margin: 20px 0 19px; - border: 0; - border-top: 1px solid #ddd; -} - -pre, code { - color: #c7254e; -} -code { - padding: 2px 4px; - white-space: nowrap; - border-radius: 3px; - background-color: #f9f2f4; -} - - -a { - color: #428bca; - text-decoration: none; -} -a:hover { - text-decoration: underline; -} -*/ - - -/*.collapse { - position: relative; - height: 0; - overflow: hidden; -} -.collapse.in { - height: auto; -} -*/ - - -/*.nav { - margin-bottom: 0; - padding-left: 0; - overflow: hidden; -} -.nav > li { - display: block; -} -.nav > li > a { - position: relative; - display: block; - padding: 10px 15px; -} -.nav > li > a:hover { - text-decoration: none; - background-color: #f5f5f5; -}*/ - - -/*.nav-list > li > a { - margin-bottom: -1px; // tuck up the following item to make 1px border - border: 1px solid #ddd; -} -.nav-list > li:first-child > a { - border-top-left-radius: 5px; - border-top-right-radius: 5px; -} -.nav-list > li:last-child > a { - margin-bottom: 0; undo the tuck - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; -} -.nav-list > .active > a, -.nav-list > .active > a:hover { - color: #fff; - background-color: #428bca; - border-color: #428bca; - z-index: 2; // Bring active item forward so border sits on top of next element -}*/ - - - - - -/*.navbar { - padding: 15px; - background-color: #eee; - overflow: hidden; -} - -.navbar .brand { - display: inline-block; - padding: 7px 15px; - font-size: 1.8rem; - font-size: 18px; - font-weight: bold; - line-height: 1; -} -.navbar .brand:hover { - text-decoration: none; - background-color: #ddd; -}*/ - -/*.navbar .nav { - margin-top: 15px; -} -.navbar .nav > li > a { - line-height: 20px; -} -.navbar .nav > li > a:hover { - background-color: #ddd; -} -.navbar .nav > .active > a { - background-color: #ddd; -} -*/ -/*.btn-navbar { - float: right; - padding: 10px 12px; - background-color: #ddd; - border: 0; - border-radius: 4px; -} -.btn-navbar .icon-bar { - display: block; - width: 20px; - height: 2px; - background-color: #fff; - border-radius: 1px; -} -.btn-navbar .icon-bar + .icon-bar { - margin-top: 3px; -}*/ - - -/*.navbar-inverse { - background-color: #222; -} -.navbar-inverse .brand { - color: #fff; -} -.navbar-inverse .brand:hover { - background-color: #333; -} -.navbar-inverse .nav > li > a { - color: #fff; -} -.navbar-inverse .nav > li > a:hover { - background-color: #333; -} -.navbar .nav > .active > a { - background-color: #333; -} -.navbar-inverse .btn-navbar { - background-color: #444; -}*/ - - - - - - -/*.row { - margin-left: -10px; - margin-right: -10px; - overflow: hidden; -} -[class^="span"] { - padding-left: 10px; - padding-right: 10px; - -webkit-box-sizing: border-box; -}*/ - - - -/* Disable iOS/WinMobile font size changes */ -/*@media screen and (max-device-width: 480px) { - html { - -ms-text-size-adjust: none; - -webkit-text-size-adjust: none; - } -}*/ - - -@media screen and (min-width: 480px) { - -} -@media screen and (min-width: 600px) { - -} -@media screen and (min-width: 768px) { - - h1 { } - h2 { } - h3 { } - h4 { } - h5 { } - h6 { } - - [class^="span"] { - float: left; - } - - .span1 { width: 8.3333333%; } - .span2 { width: 16.6666667%; } - .span3 { width: 25%; } - .span4 { width: 33.3333333%; } - .span5 { width: 41.666666667%; } - .span6 { width: 50%; } - .span7 { width: 58.333333333%; } - .span8 { width: 66.666666667%; } - .span9 { width: 75%; } - .span10 { width: 83.333333333%; } - .span11 { width: 91.666666667%; } - -} -@media screen and (min-width: 992px) { - -/* body { - font-size: 1.6rem; - font-size: 16px; - } -*/ - .container { - width: 940px; - margin-left: auto; - margin-right: auto; - } - - .navbar { - padding-top: 0; - padding-bottom: 0; - } - .navbar .brand { - float: left; - padding-top: 11px; - padding-bottom: 11px; - margin-left: -15px; - } - .navbar .nav { - overflow: hidden; /* clearfix */ - margin-top: 0; /* undo top margin to make nav extend full height of navbar */ - } - .navbar .nav > li { - float: left; - } - .navbar .nav > li > a { - padding-top: 10px; - padding-bottom: 10px; - } - - /* Required to make the collapsing navbar work on regular desktops */ - .navbar .btn-navbar { - display: none; - } - .nav-collapse.collapse { - float: left; - height: auto !important; - overflow: visible !important; - } - -} -@media screen and (min-width: 1382px) { - -} - - /* Docs =================================================== */ body > .container { -- cgit v1.2.3 From 81a22e189a8e4a513fed6cb30a84aa30b793e246 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 11:03:54 -0800 Subject: add back docs footer --- docs/assets/css/docs.css | 54 +++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 53 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 ffff81f21..3652cbf33 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -2,7 +2,8 @@ /* Docs =================================================== */ -body > .container { +body > .container, +.footer .container { padding-left: 15px; padding-right: 15px; } @@ -58,3 +59,54 @@ body > .container { } + + + +/* Footer +-------------------------------------------------- */ + +.footer { + text-align: center; + padding: 30px 0; + margin-top: 100px; + border-top: 1px solid #e5e5e5; +} +.footer p { + margin-bottom: 0; + color: #777; +} +.footer-links { + margin: 10px 0; +} +.footer-links li { + display: inline; + padding: 0 2px; +} +.footer-links li:first-child { + padding-left: 0; +} + +/* Social proof buttons from GitHub & Twitter */ +.bs-docs-social { + margin-top: 10px; + margin-bottom: 20px; + text-align: center; +} +/* Quick links on Home */ +.bs-docs-social-buttons { + display: inline-block; + margin: 0; + padding: 0 10px; + list-style: none; +} +.bs-docs-social-buttons li { + display: inline-block; + padding: 5px 8px; + line-height: 1; +} +.bs-docs-social-buttons .twitter-follow-button { + width: 225px !important; +} +.bs-docs-social-buttons .twitter-share-button { + width: 98px !important; +} -- cgit v1.2.3 From 0df7411362bbfb1497c37d66e224ec88e34ffb8e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 11:38:34 -0800 Subject: Derp on type styles a bit more; bring back and fix up more more docs styles --- docs/assets/css/docs.css | 189 ++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 171 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 3652cbf33..002735b6a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -1,18 +1,49 @@ +/* + * Bootstrap Documentation + * Special styles for presenting Bootstrap's documentation and code examples. + */ -/* Docs =================================================== */ +/* Key scaffolding +-------------------------------------------------- */ + +body { + position: relative; /* For scrollyspy */ +} + +/* */ body > .container, .footer .container { padding-left: 15px; padding-right: 15px; } + + +/* Sections +-------------------------------------------------- */ + +/* Padding for in-page bookmarks */ +section { + padding-top: 30px; +} + +/* Few stylistic typography tweaks */ +section > .page-header, +section > .lead { + color: #5a5a5a; +} +section > ul li { + margin-bottom: 5px; +} + + + /* Jumbotrons -------------------------------------------------- */ -/* Base class -------------------------- */ +/* Base class */ .bs-docs-jumbotron { position: relative; margin-bottom: 20px; @@ -21,35 +52,117 @@ body > .container, background-color: #b94a48; } .bs-docs-jumbotron h1 { - margin: 0; + font-size: 50px; } -.bs-docs-jumbotron p { - margin-bottom: 0; + +/* Link styles (used on .masthead-links as well) */ +.bs-docs-jumbotron a { + color: #fff; + color: rgba(255,255,255,.5); + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} +.bs-docs-jumbotron a:hover { + color: #fff; } +/* Download button */ +.bs-docs-jumbotron .btn { + padding: 18px 24px; + font-size: 21px; + color: #b94a48; /* redeclare to override the `.jumbotron a` */ + background-color: #fff; +} +.bs-docs-jumbotron .btn, +.bs-docs-jumbotron .btn:hover, +.bs-docs-jumbotron .btn:active { + color: #b94a48; /* redeclare to override the `.jumbotron a` */ + background-color: #fff; + border-color: #fff; +} +/* Masthead (docs home) +------------------------- */ +.masthead { + /*padding: 70px 0 80px;*/ + color: #fff; + text-align: center; +} +.masthead h1 { + /*font-size: 120px;*/ + /*line-height: 1;*/ + /*letter-spacing: -2px;*/ +} +.masthead p { + /*font-size: 40px; + font-weight: 200; + line-height: 1.25;*/ +} +/* Textual links in masthead */ +.masthead-links { + margin: 20px 0; + list-style: none; +} +.masthead-links li { + display: inline; + padding: 0 10px; + color: rgba(255,255,255,.25); +} -.bs-docs-example { - border: 1px solid #ddd; - padding: 14px; - margin-bottom: -1px; +/* Subhead (other pages) +------------------------- */ +.subhead { + text-align: left; } -.bs-docs-example p:last-child, -.bs-docs-example ul:last-child, -.bs-docs-example ol:last-child { - margin-bottom: 0; +.subhead h1 { + font-size: 60px; } -.bs-docs-example + .prettyprint { - margin-top: 0; +.subhead p { + margin-bottom: 20px; } -.prettyprint .linenums { - margin-left: 0; +.subhead .navbar { + display: none; } +/* Marketing section of Overview +-------------------------------------------------- */ + +.marketing { + text-align: center; + color: #5a5a5a; +} +.marketing h1 { + margin: 60px 0 10px; + line-height: 1; +} +.marketing h2 { + margin-bottom: 5px; +} +.marketing p { + font-size: 16px; + line-height: 1.4; +} +.marketing .marketing-byline { + margin-bottom: 40px; + font-size: 21px; + font-weight: 300; + line-height: 1.25; + color: #999; +} +.marketing-img { + display: block; + margin: 30px auto 10px; + max-height: 145px; +} + + +/* Special grid styles +-------------------------------------------------- */ .show-grid [class^="span"] { padding-top: 10px; @@ -61,6 +174,46 @@ body > .container, +/* Bootstrap code examples +-------------------------------------------------- */ + +/* Base class */ +.bs-docs-example { + position: relative; + padding: 14px; + margin-bottom: -1px; + border: 1px solid #ddd; +} +/* Echo out a label for the example */ +.bs-docs-example:after { + content: "Example"; + position: absolute; + top: -1px; + left: -1px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: #9da0a4; + background-color: #f5f5f5; + border: 1px solid #ddd; +} + +/* Tweak display of the examples */ +.bs-docs-example + .prettyprint { + margin-top: 0; +} +.prettyprint .linenums { + margin-left: 0; +} + +/* Tweak content of examples for optimum awesome */ +.bs-docs-example p:last-child, +.bs-docs-example ul:last-child, +.bs-docs-example ol:last-child { + margin-bottom: 0; +} + + /* Footer -------------------------------------------------- */ -- cgit v1.2.3 From 6ac6be2a5e28c39c5fe359c6b4d8270ad324a094 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 11:45:16 -0800 Subject: more subhead/jumbotron tweaks for docs --- docs/assets/css/docs.css | 27 ++++++--------------------- 1 file changed, 6 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 002735b6a..8536a4ada 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -49,6 +49,7 @@ section > ul li { margin-bottom: 20px; padding: 30px 15px; color: #fff; + text-align: center; background-color: #b94a48; } .bs-docs-jumbotron h1 { @@ -86,8 +87,6 @@ section > ul li { ------------------------- */ .masthead { /*padding: 70px 0 80px;*/ - color: #fff; - text-align: center; } .masthead h1 { /*font-size: 120px;*/ @@ -111,21 +110,6 @@ section > ul li { color: rgba(255,255,255,.25); } -/* Subhead (other pages) -------------------------- */ -.subhead { - text-align: left; -} -.subhead h1 { - font-size: 60px; -} -.subhead p { - margin-bottom: 20px; -} -.subhead .navbar { - display: none; -} - /* Marketing section of Overview @@ -180,7 +164,7 @@ section > ul li { /* Base class */ .bs-docs-example { position: relative; - padding: 14px; + padding: 39px 14px 14px; margin-bottom: -1px; border: 1px solid #ddd; } @@ -207,9 +191,10 @@ section > ul li { } /* Tweak content of examples for optimum awesome */ -.bs-docs-example p:last-child, -.bs-docs-example ul:last-child, -.bs-docs-example ol:last-child { +.bs-docs-example > p:last-child, +.bs-docs-example > ul:last-child, +.bs-docs-example > ol:last-child, +.bs-docs-example > blockquote:last-child { margin-bottom: 0; } -- cgit v1.2.3 From b6b8633542623b1d86254b6d2b653754bb2c933f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 12:02:45 -0800 Subject: twerk docs code examples --- docs/assets/css/docs.css | 7 +++++-- 1 file changed, 5 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 8536a4ada..ac64c8769 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -185,16 +185,19 @@ section > ul li { /* Tweak display of the examples */ .bs-docs-example + .prettyprint { margin-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; } .prettyprint .linenums { - margin-left: 0; + /*margin-left: 0;*/ } /* Tweak content of examples for optimum awesome */ .bs-docs-example > p:last-child, .bs-docs-example > ul:last-child, .bs-docs-example > ol:last-child, -.bs-docs-example > blockquote:last-child { +.bs-docs-example > blockquote:last-child, +.bs-docs-example > .table:last-child { margin-bottom: 0; } -- cgit v1.2.3 From 992e0d922ae5c15bf9df2d65cbc6293cf203734f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 12:20:34 -0800 Subject: Re-add and update form styles: * Restore forms.less file * Overhaul .radio.inline .checkbox.inline to be .radio-inline or .checkbox-inline * Update docs to reflect changes --- 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 ac64c8769..06f94fd2e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -197,7 +197,10 @@ section > ul li { .bs-docs-example > ul:last-child, .bs-docs-example > ol:last-child, .bs-docs-example > blockquote:last-child, -.bs-docs-example > .table:last-child { +.bs-docs-example > .table:last-child, +.bs-docs-example > input:last-child, +.bs-docs-example > select:last-child, +.bs-docs-example > textarea:last-child { margin-bottom: 0; } -- cgit v1.2.3 From eb3cd5d7d20c53a0ca82c52a4d873dd8b3613313 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 12:44:11 -0800 Subject: Restore responsive docs --- docs/assets/css/docs.css | 75 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 75 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 06f94fd2e..5bf99208b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -206,6 +206,81 @@ section > ul li { +/* Responsive docs +-------------------------------------------------- */ + +/* Related: responsive utilities tables */ +.table code { + font-size: 13px; + font-weight: normal; +} + +/* Utility classes table +------------------------- */ +.responsive-utilities th small { + display: block; + font-weight: normal; + color: #999; +} +.responsive-utilities tbody th { + font-weight: normal; +} +.responsive-utilities td { + text-align: center; +} +.responsive-utilities td.is-visible { + color: #468847; + background-color: #dff0d8 !important; +} +.responsive-utilities td.is-hidden { + color: #ccc; + background-color: #f9f9f9 !important; +} + +/* Responsive tests +------------------------- */ +.responsive-utilities-test { + margin-top: 5px; + margin-left: 0; + list-style: none; + overflow: hidden; /* clear floats */ +} +.responsive-utilities-test li { + position: relative; + float: left; + width: 25%; + height: 43px; + font-size: 14px; + font-weight: bold; + line-height: 43px; + color: #999; + text-align: center; + border: 1px solid #ddd; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.responsive-utilities-test li + li { + margin-left: 10px; +} +.responsive-utilities-test span { + position: absolute; + top: -1px; + left: -1px; + right: -1px; + bottom: -1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.responsive-utilities-test span { + color: #468847; + background-color: #dff0d8; + border: 1px solid #d6e9c6; +} + + + /* Footer -------------------------------------------------- */ -- cgit v1.2.3 From c18b5b9735d3cc95e81f0f02b7f1555b9f344e95 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 13:02:15 -0800 Subject: restore glyphicons docs styles and then overhaul the shit out of them --- docs/assets/css/docs.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 5bf99208b..f37b18e3e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -206,6 +206,41 @@ section > ul li { +/* Icons +-------------------------------------------------- */ + +.the-icons { + padding-bottom: 1px; + margin-left: 0; + list-style: none; + margin-bottom: 20px; + overflow: hidden; +} +.the-icons li { + float: left; + width: 100px; + height: 110px; + padding: 10px; + border: 1px solid #ddd; + font-size: 12px; + line-height: 1.25; + text-align: center; + -webkit-box-sizing: border-box; + margin: 0 -1px -1px 0; +} +.the-icons [class^="glyphicon-"] { + display: block; + margin: 5px auto; + vertical-align: middle; + margin-right: 3px; + font-size: 24px; +} +.the-icons li:hover { + background-color: rgba(255,0,0,.1); +} + + + /* Responsive docs -------------------------------------------------- */ -- cgit v1.2.3 From beb2c13f4d9648da38cefa019f1ee7039b8a7f28 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 13:11:45 -0800 Subject: Prevent grids from collapsing, fix affixed side nav for docs --- docs/assets/css/docs.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index f37b18e3e..f973c6395 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -157,6 +157,39 @@ section > ul li { +/* Sidenav +-------------------------------------------------- */ + +.bs-docs-sidenav { + width: 218px; + margin: 20px 0 0; +} +/* Chevrons */ +.bs-docs-sidenav .glyphicon-chevron-right { + float: right; + margin-top: 1px; + margin-right: -6px; + opacity: .25; + color: #000; +} +.bs-docs-sidenav a:hover .glyphicon-chevron-right { + opacity: .5; +} +.bs-docs-sidenav .active .glyphicon-chevron-right, +.bs-docs-sidenav .active a:hover .glyphicon-chevron-right { + color: #fff; + opacity: 1; +} +.bs-docs-sidenav.affix { + top: 10px; +} +.bs-docs-sidenav.affix-bottom { + position: absolute; + top: auto; + bottom: 270px; +} + + /* Bootstrap code examples -------------------------------------------------- */ -- cgit v1.2.3 From 3e40e7dfbf24a227ca03bd6144af5ecdc8399bfa Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 13:20:32 -0800 Subject: mo betta sidenav for responsive hotness --- docs/assets/css/docs.css | 38 ++++++++++++++++++++++++++++++-------- 1 file changed, 30 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 f973c6395..7c086d903 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -160,11 +160,20 @@ section > ul li { /* Sidenav -------------------------------------------------- */ +/* Base styles are not affixable given mobile-first */ .bs-docs-sidenav { - width: 218px; margin: 20px 0 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.bs-docs-sidenav.affix { + position: static; + width: auto; + top: 0; } -/* Chevrons */ + +/* Chevrons within each link */ .bs-docs-sidenav .glyphicon-chevron-right { float: right; margin-top: 1px; @@ -180,17 +189,30 @@ section > ul li { color: #fff; opacity: 1; } -.bs-docs-sidenav.affix { - top: 10px; + +/* Affix all the things, and set widths because they're positioned, depending on viewport size */ +@media screen and (min-width: 768px) { + .bs-docs-sidenav.affix { + position: fixed; + top: 10px; + width: 170px; + } + .bs-docs-sidenav.affix-bottom { + position: absolute; + top: auto; + bottom: 270px; + } } -.bs-docs-sidenav.affix-bottom { - position: absolute; - top: auto; - bottom: 270px; + +@media screen and (min-width: 992px) { + .bs-docs-sidenav.affix { + width: 220px; + } } + /* Bootstrap code examples -------------------------------------------------- */ -- cgit v1.2.3 From 13a80f33c80bf8823b1d3addcfdb990ff42409ec Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 14:10:33 -0800 Subject: fix up sidenav and components page --- docs/assets/css/docs.css | 51 +++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 44 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 7c086d903..32b09a805 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -169,9 +169,14 @@ section > ul li { } .bs-docs-sidenav.affix { position: static; - width: auto; top: 0; } +.bs-docs-sidenav.affix-bottom { + position: absolute; + top: auto; + bottom: 270px; +} + /* Chevrons within each link */ .bs-docs-sidenav .glyphicon-chevron-right { @@ -192,20 +197,18 @@ section > ul li { /* Affix all the things, and set widths because they're positioned, depending on viewport size */ @media screen and (min-width: 768px) { + /* From here, start to affix the nav because we keep columns here */ .bs-docs-sidenav.affix { position: fixed; top: 10px; - width: 170px; } - .bs-docs-sidenav.affix-bottom { - position: absolute; - top: auto; - bottom: 270px; + .bs-docs-sidenav { + width: 189px; } } @media screen and (min-width: 992px) { - .bs-docs-sidenav.affix { + .bs-docs-sidenav { width: 220px; } } @@ -259,6 +262,40 @@ section > ul li { margin-bottom: 0; } +/* Navbar examples */ +.bs-navbar-top-example, +.bs-navbar-bottom-example { + 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 { + margin-left: 0; + margin-right: 0; +} +.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; +} + /* Icons -- cgit v1.2.3 From cf693b56321c457ce35e1ebb72a2a5f3606fc563 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 14:48:25 -0800 Subject: Add in responsive for 1200px+ layout; increase padding for that viewport size --- 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 32b09a805..36e5e70ce 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -213,6 +213,11 @@ section > ul li { } } +@media screen and (min-width: 1200px) { + .bs-docs-sidenav { + width: 260px; + } +} -- cgit v1.2.3 From 0b81dd217f88f21f1c9e7d4cd7a17f71c5dd6f49 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 15:11:17 -0800 Subject: tuck some margins --- docs/assets/css/docs.css | 5 +++-- 1 file changed, 3 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 36e5e70ce..96bf2a8dc 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -260,10 +260,11 @@ section > ul li { .bs-docs-example > ul:last-child, .bs-docs-example > ol:last-child, .bs-docs-example > blockquote:last-child, -.bs-docs-example > .table:last-child, .bs-docs-example > input:last-child, .bs-docs-example > select:last-child, -.bs-docs-example > textarea:last-child { +.bs-docs-example > textarea:last-child, +.bs-docs-example > .table:last-child, +.bs-docs-example > .jumbotron:last-child { margin-bottom: 0; } -- cgit v1.2.3 From baa8c3ec9eeefcc1644aa7d0cf58b4cc3337b003 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 15:16:04 -0800 Subject: restore alerts, and make them suck much less --- 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 96bf2a8dc..38fd87a44 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -264,7 +264,8 @@ section > ul li { .bs-docs-example > select:last-child, .bs-docs-example > textarea:last-child, .bs-docs-example > .table:last-child, -.bs-docs-example > .jumbotron:last-child { +.bs-docs-example > .jumbotron:last-child, +.bs-docs-example > .alert:last-child { margin-bottom: 0; } -- cgit v1.2.3 From 6b193dc22d544d55100c6c0eb237a30b8eaf184b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 16:20:29 -0800 Subject: More navbar tweaks, including making fixed navbars work in the docs by adding padding to body --- 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 38fd87a44..4e52cdf61 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -10,6 +10,7 @@ body { position: relative; /* For scrollyspy */ + padding-top: 62px; /* Default height of navbar */ } /* */ @@ -197,6 +198,9 @@ section > ul li { /* Affix all the things, and set widths because they're positioned, depending on viewport size */ @media screen and (min-width: 768px) { + body { + padding-top: 44px; + } /* From here, start to affix the nav because we keep columns here */ .bs-docs-sidenav.affix { position: fixed; -- cgit v1.2.3 From f5352017814b45a62a614f92cc7c687391c51021 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 23:33:26 -0800 Subject: improve navbar vars and fix side nav alignment --- docs/assets/css/docs.css | 11 +++++++++-- 1 file changed, 9 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 4e52cdf61..fc08e30da 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -111,6 +111,13 @@ section > ul li { color: rgba(255,255,255,.25); } +/* Subhead (other docs pages) +------------------------- */ + +.subhead { + text-align: left; +} + /* Marketing section of Overview @@ -204,10 +211,10 @@ section > ul li { /* From here, start to affix the nav because we keep columns here */ .bs-docs-sidenav.affix { position: fixed; - top: 10px; + top: 54px; } .bs-docs-sidenav { - width: 189px; + width: 170px; } } -- cgit v1.2.3 From 4129be6ebdeaefd976898b3b566a353af467530b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 00:13:04 -0800 Subject: Update sidenav and responsive css --- docs/assets/css/docs.css | 87 +++++++++++++++++++++++++++++------------------- 1 file changed, 52 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 fc08e30da..2aa2ec5e7 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -91,7 +91,7 @@ section > ul li { } .masthead h1 { /*font-size: 120px;*/ - /*line-height: 1;*/ + line-height: 1; /*letter-spacing: -2px;*/ } .masthead p { @@ -111,13 +111,6 @@ section > ul li { color: rgba(255,255,255,.25); } -/* Subhead (other docs pages) -------------------------- */ - -.subhead { - text-align: left; -} - /* Marketing section of Overview @@ -203,33 +196,6 @@ section > ul li { opacity: 1; } -/* Affix all the things, and set widths because they're positioned, depending on viewport size */ -@media screen and (min-width: 768px) { - body { - padding-top: 44px; - } - /* From here, start to affix the nav because we keep columns here */ - .bs-docs-sidenav.affix { - position: fixed; - top: 54px; - } - .bs-docs-sidenav { - width: 170px; - } -} - -@media screen and (min-width: 992px) { - .bs-docs-sidenav { - width: 220px; - } -} - -@media screen and (min-width: 1200px) { - .bs-docs-sidenav { - width: 260px; - } -} - /* Bootstrap code examples @@ -474,3 +440,54 @@ section > ul li { .bs-docs-social-buttons .twitter-share-button { width: 98px !important; } + + + +/* Responsive variations +-------------------------------------------------- */ + +/* Tablets and up */ +@media screen and (min-width: 768px) { + /* Account for fixed navbar */ + body { + padding-top: 44px; + } + + /* Tweak display of docs jumbotrons */ + .bs-docs-jumbotron { + padding-top: 100px; + padding-bottom: 100px; + } + .masthead h1 { + font-size: 80px; + } + .masthead p { + font-size: 24px; + } + .subhead { + text-align: left; + } + + /* From here, start to affix the nav because we keep columns here */ + .bs-docs-sidenav.affix { + position: fixed; + top: 54px; + } + .bs-docs-sidenav { + width: 170px; + } +} + +/* Tablets/desktops and up */ +@media screen and (min-width: 992px) { + .bs-docs-sidenav { + width: 220px; + } +} + +/* Large desktops and up */ +@media screen and (min-width: 1200px) { + .bs-docs-sidenav { + width: 260px; + } +} \ No newline at end of file -- cgit v1.2.3 From 9374965b83e17df55cb3bb80072a297b117ec00c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 00:20:00 -0800 Subject: docs css cleanup --- docs/assets/css/docs.css | 11 +---------- 1 file changed, 1 insertion(+), 10 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2aa2ec5e7..105c47d7b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -86,18 +86,8 @@ section > ul li { /* Masthead (docs home) ------------------------- */ -.masthead { - /*padding: 70px 0 80px;*/ -} .masthead h1 { - /*font-size: 120px;*/ line-height: 1; - /*letter-spacing: -2px;*/ -} -.masthead p { - /*font-size: 40px; - font-weight: 200; - line-height: 1.25;*/ } /* Textual links in masthead */ @@ -448,6 +438,7 @@ section > ul li { /* Tablets and up */ @media screen and (min-width: 768px) { + /* Account for fixed navbar */ body { padding-top: 44px; -- cgit v1.2.3 From 33864b4a3df961309d68ea8696c2d6d5b9e441a7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 00:23:25 -0800 Subject: dat docs messaging (on the homepage) --- docs/assets/css/docs.css | 6 ++++-- 1 file changed, 4 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 105c47d7b..d3741ce26 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -450,10 +450,12 @@ section > ul li { padding-bottom: 100px; } .masthead h1 { - font-size: 80px; + font-size: 100px; } .masthead p { - font-size: 24px; + font-size: 30px; + margin-left: 10%; + margin-right: 10%; } .subhead { text-align: left; -- cgit v1.2.3 From a8a60e94e329b730a99ce2db50eba96fb83d1f6c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 00:24:18 -0800 Subject: padding twerk --- docs/assets/css/docs.css | 4 +++- 1 file changed, 3 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 d3741ce26..a2ba17769 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -445,7 +445,7 @@ section > ul li { } /* Tweak display of docs jumbotrons */ - .bs-docs-jumbotron { + .masthead { padding-top: 100px; padding-bottom: 100px; } @@ -458,6 +458,8 @@ section > ul li { margin-right: 10%; } .subhead { + padding-top: 60px; + padding-bottom: 60px; text-align: left; } -- cgit v1.2.3 From 687d4a3eebf15fe9235ece784a541c1fad5852b0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 00:42:31 -0800 Subject: Move grid/container styles to grid.less; update docs; add offsetting back --- 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 a2ba17769..27744e96d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -139,6 +139,9 @@ section > ul li { /* Special grid styles -------------------------------------------------- */ +.show-grid { + margin-bottom: 15px; +} .show-grid [class^="span"] { padding-top: 10px; padding-bottom: 10px; -- cgit v1.2.3 From 267d3e7ed7f50cc5625145ad714a5e1099612e87 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 00:50:19 -0800 Subject: streamline css docs --- docs/assets/css/docs.css | 11 +++++------ 1 file changed, 5 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 27744e96d..244728817 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -165,12 +165,6 @@ section > ul li { position: static; top: 0; } -.bs-docs-sidenav.affix-bottom { - position: absolute; - top: auto; - bottom: 270px; -} - /* Chevrons within each link */ .bs-docs-sidenav .glyphicon-chevron-right { @@ -474,6 +468,11 @@ section > ul li { .bs-docs-sidenav { width: 170px; } + .bs-docs-sidenav.affix-bottom { + position: absolute; + top: auto; + bottom: 270px; + } } /* Tablets/desktops and up */ -- cgit v1.2.3 From bb94de78735c92525f04d3ec65b12272d5de699d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 14:22:41 -0800 Subject: Larger homepage headings --- 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 244728817..1d3d01b60 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -112,6 +112,7 @@ section > ul li { } .marketing h1 { margin: 60px 0 10px; + font-size: 50px; line-height: 1; } .marketing h2 { -- cgit v1.2.3 From 32bcbe5671faf83b9c0161dcae8a1ab0f1d61c59 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 15:00:49 -0800 Subject: cleanup example templates --- 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 1d3d01b60..7ab9f5842 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -270,6 +270,18 @@ section > ul li { +/* Example templates +-------------------------------------------------- */ + +.bs-docs-examples h4 { + margin-bottom: 5px; +} +.bs-docs-examples p { + margin-bottom: 20px; +} + + + /* Icons -------------------------------------------------- */ -- cgit v1.2.3 From 97975c5fcf3f671c26d1688f54c8d65bba41c87c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 15:36:36 -0800 Subject: Readd focused example of inputs to docs; clean up alerts section --- docs/assets/css/docs.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 7ab9f5842..b1369c96d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -443,6 +443,19 @@ section > ul li { +/* Misc docs stuff +-------------------------------------------------- */ + +/* Pseudo :focus state for showing how it looks in the docs */ +input.focused { + border-color: rgba(82,168,236,.8); + outline: 0; + outline: thin dotted \9; /* IE6-9 */ + -moz-box-shadow: 0 0 8px rgba(82,168,236,.6); + box-shadow: 0 0 8px rgba(82,168,236,.6); +} + + /* Responsive variations -------------------------------------------------- */ -- cgit v1.2.3 From 3a1e1167d66a0d9420d21b61fd3104d746b2eee1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 15:40:43 -0800 Subject: restore scrollspy example --- docs/assets/css/docs.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b1369c96d..8e6ad9b6d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -455,6 +455,14 @@ input.focused { box-shadow: 0 0 8px rgba(82,168,236,.6); } +/* Scrollspy demo on fixed height div */ +.scrollspy-example { + height: 200px; + overflow: auto; + position: relative; +} + + /* Responsive variations -------------------------------------------------- */ -- cgit v1.2.3 From e3047981948b44641125ddc48b40b93548ae9627 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 15:42:52 -0800 Subject: scrollspy example twerks --- 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 8e6ad9b6d..eb7bf24ea 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -457,9 +457,10 @@ input.focused { /* Scrollspy demo on fixed height div */ .scrollspy-example { + position: relative; height: 200px; + margin-top: 10px; overflow: auto; - position: relative; } -- cgit v1.2.3 From caed3a9dbb8de5f8269b0d9439c52a985c5b1a83 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 20:35:59 -0800 Subject: fix up jumbotron example --- 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 eb7bf24ea..0700fe477 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -473,7 +473,7 @@ input.focused { /* Account for fixed navbar */ body { - padding-top: 44px; + padding-top: 52px; } /* Tweak display of docs jumbotrons */ -- cgit v1.2.3 From d7d5069be104c6de2627ee08891ff0b3983d168c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 19 Jan 2013 09:38:49 -0800 Subject: Add sticky footer navbar example to list; fix docs 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 0700fe477..177e2487c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -473,7 +473,7 @@ input.focused { /* Account for fixed navbar */ body { - padding-top: 52px; + padding-top: 50px; } /* Tweak display of docs jumbotrons */ -- cgit v1.2.3 From 3cc65cb86c10a6534935f3945090a33b4e87105e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 30 Jan 2013 18:16:14 -0800 Subject: clear up show-grid stuff --- 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 114241404..af6554092 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -339,8 +339,8 @@ only screen and ( -o-min-device-pixel-ratio: 2/1) { min-height: 40px; line-height: 40px; } -.show-grid:hover [class*="span"] { - background: #ddd; +.show-grid [class*="span"]:hover { + background-color: #ddd; } .show-grid .show-grid { margin-top: 0; -- cgit v1.2.3 From fb1db88256d94bf1844c2fcdb34fc98a76c313fb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 5 Feb 2013 21:04:46 -0800 Subject: Update homepage examples, add hella new sites to gallery --- docs/assets/css/docs.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 0196c6448..fea976636 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -468,6 +468,14 @@ input.focused { +/* Docs gallery +-------------------------------------------------- */ + +.bs-docs-gallery .thumbnail { + margin-bottom: 20px; +} + + /* Responsive variations -------------------------------------------------- */ -- cgit v1.2.3 From cdb2147b132792dd29628055d0fd753ad6bf59a0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 7 Feb 2013 19:00:48 -0800 Subject: add new modal to docs example --- docs/assets/css/docs.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index fea976636..32cbdbf0b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -271,6 +271,22 @@ section > ul li { margin-bottom: 0; } +/* Example modals */ +.bs-docs-example-modal { + background-color: #f5f5f5; +} +.bs-docs-example-modal .modal { + position: relative; + top: auto; + right: auto; + left: auto; + bottom: auto; + z-index: 1; + display: block; + margin-left: auto; + margin-right: auto; +} + /* Example templates -- cgit v1.2.3 From a623b8c10f4293bd40a1e7c144b61fe374179826 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 7 Feb 2013 19:21:56 -0800 Subject: update docs modals --- 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 32cbdbf0b..c4e364559 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -283,6 +283,9 @@ section > ul li { bottom: auto; z-index: 1; display: block; +} +.bs-docs-example-modal .modal-dialog { + left: auto; margin-left: auto; margin-right: auto; } -- cgit v1.2.3 From 8b9733b288a3daca0da04fe60e0b5a0ae8681362 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 12 Feb 2013 12:25:05 -0800 Subject: nuke what we don't need for jekyll --- docs/assets/css/docs.css | 555 ----------------------------------------------- 1 file changed, 555 deletions(-) delete mode 100644 docs/assets/css/docs.css (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css deleted file mode 100644 index c4e364559..000000000 --- a/docs/assets/css/docs.css +++ /dev/null @@ -1,555 +0,0 @@ -/* - * Bootstrap Documentation - * Special styles for presenting Bootstrap's documentation and code examples. - */ - - - -/* Key scaffolding --------------------------------------------------- */ - -body { - position: relative; /* For scrollyspy */ - padding-top: 62px; /* Default height of navbar */ -} - -/* */ -body > .container, -.footer .container { - padding-left: 15px; - padding-right: 15px; -} - - - -/* Sections --------------------------------------------------- */ - -/* Padding for in-page bookmarks */ -section { - padding-top: 30px; -} - -/* Few stylistic typography tweaks */ -section > .page-header, -section > .lead { - color: #5a5a5a; -} -section > ul li { - margin-bottom: 5px; -} - - - -/* Jumbotrons --------------------------------------------------- */ - -/* Base class */ -.bs-docs-jumbotron { - position: relative; - margin-bottom: 20px; - padding: 30px 15px; - color: #fff; - text-align: center; - background-color: #b94a48; -} -.bs-docs-jumbotron h1 { - font-size: 50px; -} - -/* Link styles (used on .masthead-links as well) */ -.bs-docs-jumbotron a { - color: #fff; - color: rgba(255,255,255,.5); - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; -} -.bs-docs-jumbotron a:hover { - color: #fff; -} - -/* Download button */ -.bs-docs-jumbotron .btn { - padding: 18px 24px; - font-size: 21px; - color: #b94a48; /* redeclare to override the `.jumbotron a` */ - background-color: #fff; -} -.bs-docs-jumbotron .btn, -.bs-docs-jumbotron .btn:hover, -.bs-docs-jumbotron .btn:active { - color: #b94a48; /* redeclare to override the `.jumbotron a` */ - background-color: #fff; - border-color: #fff; -} - -/* Masthead (docs home) -------------------------- */ -.masthead h1 { - line-height: 1; -} - -/* Textual links in masthead */ -.masthead-links { - margin: 20px 0; - list-style: none; -} -.masthead-links li { - display: inline; - padding: 0 10px; - color: rgba(255,255,255,.25); -} - - - -/* Marketing section of Overview --------------------------------------------------- */ - -.marketing { - text-align: center; - color: #5a5a5a; -} -.marketing h1 { - margin: 60px 0 10px; - font-size: 50px; - line-height: 1; -} -.marketing h2 { - margin-bottom: 5px; -} -.marketing p { - font-size: 16px; - line-height: 1.4; -} -.marketing .marketing-byline { - margin-bottom: 40px; - font-size: 21px; - font-weight: 300; - line-height: 1.25; - color: #999; -} -.marketing-img { - display: block; - margin: 30px auto 10px; - max-height: 145px; -} - - - -/* Special grid styles --------------------------------------------------- */ - -.show-grid { - margin-bottom: 15px; -} -.show-grid [class^="span"] { - padding-top: 10px; - padding-bottom: 10px; - background-color: #eee; - border: 1px solid #ddd; -} -.show-grid [class*="span"]:hover { - background-color: #ddd; -} - - - -/* Sidenav --------------------------------------------------- */ - -/* Base styles are not affixable given mobile-first */ -.bs-docs-sidenav { - margin: 20px 0 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.bs-docs-sidenav.affix { - position: static; - top: 0; -} - -/* Chevrons within each link */ -.bs-docs-sidenav .glyphicon-chevron-right { - float: right; - margin-top: 1px; - margin-right: -6px; - opacity: .25; - color: #000; -} -.bs-docs-sidenav a:hover .glyphicon-chevron-right { - opacity: .5; -} -.bs-docs-sidenav .active .glyphicon-chevron-right, -.bs-docs-sidenav .active a:hover .glyphicon-chevron-right { - color: #fff; - opacity: 1; -} - - - -/* Bootstrap code examples --------------------------------------------------- */ - -/* Base class */ -.bs-docs-example { - position: relative; - padding: 39px 14px 14px; - margin-bottom: -1px; - border: 1px solid #ddd; -} -/* Echo out a label for the example */ -.bs-docs-example:after { - content: "Example"; - position: absolute; - top: -1px; - left: -1px; - padding: 3px 7px; - font-size: 12px; - font-weight: bold; - color: #9da0a4; - background-color: #f5f5f5; - border: 1px solid #ddd; -} - -/* Tweak display of the examples */ -.bs-docs-example + .prettyprint { - margin-top: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.prettyprint .linenums { - /*margin-left: 0;*/ -} - -/* Tweak content of examples for optimum awesome */ -.bs-docs-example > p:last-child, -.bs-docs-example > ul:last-child, -.bs-docs-example > ol:last-child, -.bs-docs-example > blockquote:last-child, -.bs-docs-example > input:last-child, -.bs-docs-example > select:last-child, -.bs-docs-example > textarea:last-child, -.bs-docs-example > .table:last-child, -.bs-docs-example > .jumbotron:last-child, -.bs-docs-example > .alert:last-child { - margin-bottom: 0; -} - -/* Navbar examples */ -.bs-navbar-top-example, -.bs-navbar-bottom-example { - 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 { - margin-left: 0; - margin-right: 0; -} -.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; -} - -/* Example modals */ -.bs-docs-example-modal { - background-color: #f5f5f5; -} -.bs-docs-example-modal .modal { - position: relative; - top: auto; - right: auto; - left: auto; - bottom: auto; - z-index: 1; - display: block; -} -.bs-docs-example-modal .modal-dialog { - left: auto; - margin-left: auto; - margin-right: auto; -} - - - -/* Example templates --------------------------------------------------- */ - -.bs-docs-examples h4 { - margin-bottom: 5px; -} -.bs-docs-examples p { - margin-bottom: 20px; -} - - - -/* Icons --------------------------------------------------- */ - -.the-icons { - padding-bottom: 1px; - margin-left: 0; - list-style: none; - margin-bottom: 20px; - overflow: hidden; -} -.the-icons li { - float: left; - width: 100px; - height: 110px; - padding: 10px; - border: 1px solid #ddd; - font-size: 12px; - line-height: 1.25; - text-align: center; - -webkit-box-sizing: border-box; - margin: 0 -1px -1px 0; -} -.the-icons [class^="glyphicon-"] { - display: block; - margin: 5px auto; - vertical-align: middle; - margin-right: 3px; - font-size: 24px; -} -.the-icons li:hover { - background-color: rgba(255,0,0,.1); -} - - - -/* Responsive docs --------------------------------------------------- */ - -/* Related: responsive utilities tables */ -.table code { - font-size: 13px; - font-weight: normal; -} - -/* Utility classes table -------------------------- */ -.responsive-utilities th small { - display: block; - font-weight: normal; - color: #999; -} -.responsive-utilities tbody th { - font-weight: normal; -} -.responsive-utilities td { - text-align: center; -} -.responsive-utilities td.is-visible { - color: #468847; - background-color: #dff0d8 !important; -} -.responsive-utilities td.is-hidden { - color: #ccc; - background-color: #f9f9f9 !important; -} - -/* Responsive tests -------------------------- */ -.responsive-utilities-test { - margin-top: 5px; - margin-left: 0; - list-style: none; - overflow: hidden; /* clear floats */ -} -.responsive-utilities-test li { - position: relative; - float: left; - width: 25%; - height: 43px; - font-size: 14px; - font-weight: bold; - line-height: 43px; - color: #999; - text-align: center; - border: 1px solid #ddd; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.responsive-utilities-test li + li { - margin-left: 10px; -} -.responsive-utilities-test span { - position: absolute; - top: -1px; - left: -1px; - right: -1px; - bottom: -1px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.responsive-utilities-test span { - color: #468847; - background-color: #dff0d8; - border: 1px solid #d6e9c6; -} - - - -/* Footer --------------------------------------------------- */ - -.footer { - text-align: center; - padding: 30px 0; - margin-top: 100px; - border-top: 1px solid #e5e5e5; -} -.footer p { - margin-bottom: 0; - color: #777; -} -.footer-links { - margin: 10px 0; -} -.footer-links li { - display: inline; - padding: 0 2px; -} -.footer-links li:first-child { - padding-left: 0; -} - -/* Social proof buttons from GitHub & Twitter */ -.bs-docs-social { - margin-top: 10px; - margin-bottom: 20px; - text-align: center; -} -/* Quick links on Home */ -.bs-docs-social-buttons { - display: inline-block; - margin: 0; - padding: 0 10px; - list-style: none; -} -.bs-docs-social-buttons li { - display: inline-block; - padding: 5px 8px; - line-height: 1; -} -.bs-docs-social-buttons .twitter-follow-button { - width: 225px !important; -} -.bs-docs-social-buttons .twitter-share-button { - width: 98px !important; -} - - - -/* Misc docs stuff --------------------------------------------------- */ - -/* Pseudo :focus state for showing how it looks in the docs */ -input.focused { - border-color: rgba(82,168,236,.8); - outline: 0; - outline: thin dotted \9; /* IE6-9 */ - -moz-box-shadow: 0 0 8px rgba(82,168,236,.6); - box-shadow: 0 0 8px rgba(82,168,236,.6); -} - -/* Scrollspy demo on fixed height div */ -.scrollspy-example { - position: relative; - height: 200px; - margin-top: 10px; - overflow: auto; -} - - - -/* Docs gallery --------------------------------------------------- */ - -.bs-docs-gallery .thumbnail { - margin-bottom: 20px; -} - - -/* Responsive variations --------------------------------------------------- */ - -/* Tablets and up */ -@media screen and (min-width: 768px) { - - /* Account for fixed navbar */ - body { - padding-top: 50px; - } - - /* Tweak display of docs jumbotrons */ - .masthead { - padding-top: 100px; - padding-bottom: 100px; - } - .masthead h1 { - font-size: 100px; - } - .masthead p { - font-size: 30px; - margin-left: 10%; - margin-right: 10%; - } - .subhead { - padding-top: 60px; - padding-bottom: 60px; - text-align: left; - } - - /* From here, start to affix the nav because we keep columns here */ - .bs-docs-sidenav.affix { - position: fixed; - top: 54px; - } - .bs-docs-sidenav { - width: 170px; - } - .bs-docs-sidenav.affix-bottom { - position: absolute; - top: auto; - bottom: 270px; - } -} - -/* Tablets/desktops and up */ -@media screen and (min-width: 992px) { - .bs-docs-sidenav { - width: 220px; - } -} - -/* Large desktops and up */ -@media screen and (min-width: 1200px) { - .bs-docs-sidenav { - width: 260px; - } -} -- cgit v1.2.3 From e45f12ad427fddc9d9859fe86423bd49795d4f43 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 12 Feb 2013 12:44:41 -0800 Subject: rearrange jekyll and docs --- docs/assets/css/docs.css | 555 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 555 insertions(+) create mode 100644 docs/assets/css/docs.css (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css new file mode 100644 index 000000000..c4e364559 --- /dev/null +++ b/docs/assets/css/docs.css @@ -0,0 +1,555 @@ +/* + * Bootstrap Documentation + * Special styles for presenting Bootstrap's documentation and code examples. + */ + + + +/* Key scaffolding +-------------------------------------------------- */ + +body { + position: relative; /* For scrollyspy */ + padding-top: 62px; /* Default height of navbar */ +} + +/* */ +body > .container, +.footer .container { + padding-left: 15px; + padding-right: 15px; +} + + + +/* Sections +-------------------------------------------------- */ + +/* Padding for in-page bookmarks */ +section { + padding-top: 30px; +} + +/* Few stylistic typography tweaks */ +section > .page-header, +section > .lead { + color: #5a5a5a; +} +section > ul li { + margin-bottom: 5px; +} + + + +/* Jumbotrons +-------------------------------------------------- */ + +/* Base class */ +.bs-docs-jumbotron { + position: relative; + margin-bottom: 20px; + padding: 30px 15px; + color: #fff; + text-align: center; + background-color: #b94a48; +} +.bs-docs-jumbotron h1 { + font-size: 50px; +} + +/* Link styles (used on .masthead-links as well) */ +.bs-docs-jumbotron a { + color: #fff; + color: rgba(255,255,255,.5); + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} +.bs-docs-jumbotron a:hover { + color: #fff; +} + +/* Download button */ +.bs-docs-jumbotron .btn { + padding: 18px 24px; + font-size: 21px; + color: #b94a48; /* redeclare to override the `.jumbotron a` */ + background-color: #fff; +} +.bs-docs-jumbotron .btn, +.bs-docs-jumbotron .btn:hover, +.bs-docs-jumbotron .btn:active { + color: #b94a48; /* redeclare to override the `.jumbotron a` */ + background-color: #fff; + border-color: #fff; +} + +/* Masthead (docs home) +------------------------- */ +.masthead h1 { + line-height: 1; +} + +/* Textual links in masthead */ +.masthead-links { + margin: 20px 0; + list-style: none; +} +.masthead-links li { + display: inline; + padding: 0 10px; + color: rgba(255,255,255,.25); +} + + + +/* Marketing section of Overview +-------------------------------------------------- */ + +.marketing { + text-align: center; + color: #5a5a5a; +} +.marketing h1 { + margin: 60px 0 10px; + font-size: 50px; + line-height: 1; +} +.marketing h2 { + margin-bottom: 5px; +} +.marketing p { + font-size: 16px; + line-height: 1.4; +} +.marketing .marketing-byline { + margin-bottom: 40px; + font-size: 21px; + font-weight: 300; + line-height: 1.25; + color: #999; +} +.marketing-img { + display: block; + margin: 30px auto 10px; + max-height: 145px; +} + + + +/* Special grid styles +-------------------------------------------------- */ + +.show-grid { + margin-bottom: 15px; +} +.show-grid [class^="span"] { + padding-top: 10px; + padding-bottom: 10px; + background-color: #eee; + border: 1px solid #ddd; +} +.show-grid [class*="span"]:hover { + background-color: #ddd; +} + + + +/* Sidenav +-------------------------------------------------- */ + +/* Base styles are not affixable given mobile-first */ +.bs-docs-sidenav { + margin: 20px 0 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.bs-docs-sidenav.affix { + position: static; + top: 0; +} + +/* Chevrons within each link */ +.bs-docs-sidenav .glyphicon-chevron-right { + float: right; + margin-top: 1px; + margin-right: -6px; + opacity: .25; + color: #000; +} +.bs-docs-sidenav a:hover .glyphicon-chevron-right { + opacity: .5; +} +.bs-docs-sidenav .active .glyphicon-chevron-right, +.bs-docs-sidenav .active a:hover .glyphicon-chevron-right { + color: #fff; + opacity: 1; +} + + + +/* Bootstrap code examples +-------------------------------------------------- */ + +/* Base class */ +.bs-docs-example { + position: relative; + padding: 39px 14px 14px; + margin-bottom: -1px; + border: 1px solid #ddd; +} +/* Echo out a label for the example */ +.bs-docs-example:after { + content: "Example"; + position: absolute; + top: -1px; + left: -1px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: #9da0a4; + background-color: #f5f5f5; + border: 1px solid #ddd; +} + +/* Tweak display of the examples */ +.bs-docs-example + .prettyprint { + margin-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.prettyprint .linenums { + /*margin-left: 0;*/ +} + +/* Tweak content of examples for optimum awesome */ +.bs-docs-example > p:last-child, +.bs-docs-example > ul:last-child, +.bs-docs-example > ol:last-child, +.bs-docs-example > blockquote:last-child, +.bs-docs-example > input:last-child, +.bs-docs-example > select:last-child, +.bs-docs-example > textarea:last-child, +.bs-docs-example > .table:last-child, +.bs-docs-example > .jumbotron:last-child, +.bs-docs-example > .alert:last-child { + margin-bottom: 0; +} + +/* Navbar examples */ +.bs-navbar-top-example, +.bs-navbar-bottom-example { + 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 { + margin-left: 0; + margin-right: 0; +} +.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; +} + +/* Example modals */ +.bs-docs-example-modal { + background-color: #f5f5f5; +} +.bs-docs-example-modal .modal { + position: relative; + top: auto; + right: auto; + left: auto; + bottom: auto; + z-index: 1; + display: block; +} +.bs-docs-example-modal .modal-dialog { + left: auto; + margin-left: auto; + margin-right: auto; +} + + + +/* Example templates +-------------------------------------------------- */ + +.bs-docs-examples h4 { + margin-bottom: 5px; +} +.bs-docs-examples p { + margin-bottom: 20px; +} + + + +/* Icons +-------------------------------------------------- */ + +.the-icons { + padding-bottom: 1px; + margin-left: 0; + list-style: none; + margin-bottom: 20px; + overflow: hidden; +} +.the-icons li { + float: left; + width: 100px; + height: 110px; + padding: 10px; + border: 1px solid #ddd; + font-size: 12px; + line-height: 1.25; + text-align: center; + -webkit-box-sizing: border-box; + margin: 0 -1px -1px 0; +} +.the-icons [class^="glyphicon-"] { + display: block; + margin: 5px auto; + vertical-align: middle; + margin-right: 3px; + font-size: 24px; +} +.the-icons li:hover { + background-color: rgba(255,0,0,.1); +} + + + +/* Responsive docs +-------------------------------------------------- */ + +/* Related: responsive utilities tables */ +.table code { + font-size: 13px; + font-weight: normal; +} + +/* Utility classes table +------------------------- */ +.responsive-utilities th small { + display: block; + font-weight: normal; + color: #999; +} +.responsive-utilities tbody th { + font-weight: normal; +} +.responsive-utilities td { + text-align: center; +} +.responsive-utilities td.is-visible { + color: #468847; + background-color: #dff0d8 !important; +} +.responsive-utilities td.is-hidden { + color: #ccc; + background-color: #f9f9f9 !important; +} + +/* Responsive tests +------------------------- */ +.responsive-utilities-test { + margin-top: 5px; + margin-left: 0; + list-style: none; + overflow: hidden; /* clear floats */ +} +.responsive-utilities-test li { + position: relative; + float: left; + width: 25%; + height: 43px; + font-size: 14px; + font-weight: bold; + line-height: 43px; + color: #999; + text-align: center; + border: 1px solid #ddd; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.responsive-utilities-test li + li { + margin-left: 10px; +} +.responsive-utilities-test span { + position: absolute; + top: -1px; + left: -1px; + right: -1px; + bottom: -1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.responsive-utilities-test span { + color: #468847; + background-color: #dff0d8; + border: 1px solid #d6e9c6; +} + + + +/* Footer +-------------------------------------------------- */ + +.footer { + text-align: center; + padding: 30px 0; + margin-top: 100px; + border-top: 1px solid #e5e5e5; +} +.footer p { + margin-bottom: 0; + color: #777; +} +.footer-links { + margin: 10px 0; +} +.footer-links li { + display: inline; + padding: 0 2px; +} +.footer-links li:first-child { + padding-left: 0; +} + +/* Social proof buttons from GitHub & Twitter */ +.bs-docs-social { + margin-top: 10px; + margin-bottom: 20px; + text-align: center; +} +/* Quick links on Home */ +.bs-docs-social-buttons { + display: inline-block; + margin: 0; + padding: 0 10px; + list-style: none; +} +.bs-docs-social-buttons li { + display: inline-block; + padding: 5px 8px; + line-height: 1; +} +.bs-docs-social-buttons .twitter-follow-button { + width: 225px !important; +} +.bs-docs-social-buttons .twitter-share-button { + width: 98px !important; +} + + + +/* Misc docs stuff +-------------------------------------------------- */ + +/* Pseudo :focus state for showing how it looks in the docs */ +input.focused { + border-color: rgba(82,168,236,.8); + outline: 0; + outline: thin dotted \9; /* IE6-9 */ + -moz-box-shadow: 0 0 8px rgba(82,168,236,.6); + box-shadow: 0 0 8px rgba(82,168,236,.6); +} + +/* Scrollspy demo on fixed height div */ +.scrollspy-example { + position: relative; + height: 200px; + margin-top: 10px; + overflow: auto; +} + + + +/* Docs gallery +-------------------------------------------------- */ + +.bs-docs-gallery .thumbnail { + margin-bottom: 20px; +} + + +/* Responsive variations +-------------------------------------------------- */ + +/* Tablets and up */ +@media screen and (min-width: 768px) { + + /* Account for fixed navbar */ + body { + padding-top: 50px; + } + + /* Tweak display of docs jumbotrons */ + .masthead { + padding-top: 100px; + padding-bottom: 100px; + } + .masthead h1 { + font-size: 100px; + } + .masthead p { + font-size: 30px; + margin-left: 10%; + margin-right: 10%; + } + .subhead { + padding-top: 60px; + padding-bottom: 60px; + text-align: left; + } + + /* From here, start to affix the nav because we keep columns here */ + .bs-docs-sidenav.affix { + position: fixed; + top: 54px; + } + .bs-docs-sidenav { + width: 170px; + } + .bs-docs-sidenav.affix-bottom { + position: absolute; + top: auto; + bottom: 270px; + } +} + +/* Tablets/desktops and up */ +@media screen and (min-width: 992px) { + .bs-docs-sidenav { + width: 220px; + } +} + +/* Large desktops and up */ +@media screen and (min-width: 1200px) { + .bs-docs-sidenav { + width: 260px; + } +} -- cgit v1.2.3 From d709dba284180679accb6e164686249bdf243211 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 13 Feb 2013 23:37:08 -0800 Subject: Start using some includes; test out some pygments highlighting --- docs/assets/css/docs.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index c4e364559..c45eb01b9 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -485,6 +485,21 @@ input.focused { overflow: auto; } +.highlight { + margin-bottom: 14px; + padding: 14px; + border-radius: 5px; +} +.highlight pre { + padding: 0; + margin-bottom: 0; + background-color: transparent; + border: 0; +} +.highlight pre code { + color: #ccc; +} + /* Docs gallery -- cgit v1.2.3 From 5f0ecb740a71814c4b17bc2252a451548f329342 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 14 Feb 2013 00:23:23 -0800 Subject: Start pygmentizing css.html; add new theme for pygments --- docs/assets/css/docs.css | 21 +++++++++++++++++---- 1 file changed, 17 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 c45eb01b9..ac04b339c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -214,7 +214,8 @@ section > ul li { } /* Tweak display of the examples */ -.bs-docs-example + .prettyprint { +.bs-docs-example + .prettyprint, +.bs-docs-example + .highlight { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; @@ -486,9 +487,12 @@ input.focused { } .highlight { + padding: 9px 14px; margin-bottom: 14px; - padding: 14px; - border-radius: 5px; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; + border-radius: 4px; + box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; } .highlight pre { padding: 0; @@ -497,7 +501,16 @@ input.focused { border: 0; } .highlight pre code { - color: #ccc; + font-size: inherit; + color: #333; /* Effectively the base text color */ +} +.highlight pre .lineno { + display: inline-block; + width: 18px; + padding-right: 5px; + margin-right: 10px; + text-align: right; + color: #bebec5; } -- cgit v1.2.3 From 6b14de292a53e00dc4fd9ef02b1d05dec391b613 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 14 Feb 2013 00:43:43 -0800 Subject: pygmentize grid section; update bs-docs-example corners --- 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 ac04b339c..8c3c090a3 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -198,6 +198,8 @@ section > ul li { padding: 39px 14px 14px; margin-bottom: -1px; border: 1px solid #ddd; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } /* Echo out a label for the example */ .bs-docs-example:after { @@ -211,6 +213,8 @@ section > ul li { color: #9da0a4; background-color: #f5f5f5; border: 1px solid #ddd; + border-top-left-radius: 4px; + border-bottom-right-radius: 4px; } /* Tweak display of the examples */ -- cgit v1.2.3 From d1aae5f82bade48104da2ade7d94b22881840859 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 15 Feb 2013 17:27:05 -0800 Subject: twerk gallery examples to stay at 400px or less for proper retinafying --- 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 8c3c090a3..e42e5e869 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -523,7 +523,8 @@ input.focused { -------------------------------------------------- */ .bs-docs-gallery .thumbnail { - margin-bottom: 20px; + max-width: 400px; + margin: 0 auto 20px; } -- cgit v1.2.3 From f38e50cdf146fb99f0f0178e7ea7f636544d7ce2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Feb 2013 00:19:17 -0800 Subject: Don't affix the fixed navbars in mobile views --- 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 e42e5e869..5f19d11b6 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -10,7 +10,7 @@ body { position: relative; /* For scrollyspy */ - padding-top: 62px; /* Default height of navbar */ + /* We add the padding to the body for >768px only */ } /* */ @@ -534,9 +534,9 @@ input.focused { /* Tablets and up */ @media screen and (min-width: 768px) { - /* Account for fixed navbar */ + /* Account for fixed navbar (which is static to start) */ body { - padding-top: 50px; + padding-top: 62px; /* Default height of navbar */ } /* Tweak display of docs jumbotrons */ -- cgit v1.2.3 From b688d8dcd4f55fffa567597f4bd9b974ec9546e6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Feb 2013 00:20:20 -0800 Subject: More accurate padding for fixed navbars at >768px --- 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 5f19d11b6..2c99da3fc 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -536,7 +536,7 @@ input.focused { /* Account for fixed navbar (which is static to start) */ body { - padding-top: 62px; /* Default height of navbar */ + padding-top: 50px; /* Default height of navbar */ } /* Tweak display of docs jumbotrons */ -- cgit v1.2.3 From ce21926704778a2fb8ff76f5241b90a97abeea4c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Feb 2013 01:26:43 -0800 Subject: All Glyphicons now require a base class, e.g. .glyphicon.glyphicon-star --- 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 2c99da3fc..e2cc921b8 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -331,7 +331,7 @@ section > ul li { -webkit-box-sizing: border-box; margin: 0 -1px -1px 0; } -.the-icons [class^="glyphicon-"] { +.the-icons .glyphicon { display: block; margin: 5px auto; vertical-align: middle; -- cgit v1.2.3 From 6ccf588a8e08a9f99e6a56f9201a4348eb946cde Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 13:35:14 -0800 Subject: Restore submenu support --- 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 e2cc921b8..8a06cbc45 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -295,6 +295,20 @@ section > ul li { margin-right: auto; } +/* Example dropdowns */ +.bs-docs-example > .dropdown > .dropdown-menu, +.bs-docs-example-submenu > .pull-left > .dropup > .dropdown-menu, +.bs-docs-example-submenu > .pull-left > .dropdown > .dropdown-menu { + position: static; + display: block; + margin-bottom: 5px; +} +.bs-docs-example-submenu { + min-height: 180px; +} +.bs-docs-example-submenu > .pull-left + .pull-left { + margin-left: 20px; +} /* Example templates -- cgit v1.2.3 From ee9a0f4b9489b5a86ddadb367fe8d44a6f6d4971 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 18:46:49 -0800 Subject: css to go with it --- 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 8a06cbc45..a1ac79d3f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -14,8 +14,8 @@ body { } /* */ -body > .container, -.footer .container { +.bs-docs-body > .container, +.bs-docs-body .footer .container { padding-left: 15px; padding-right: 15px; } -- cgit v1.2.3 From c6f341bd17f24b1d744e1ec07f6974fd85d8825b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 18:58:40 -0800 Subject: Refactor some common classes from docs css and examples, then prevent examples from using docs.css --- docs/assets/css/docs.css | 16 ++++++++-------- 1 file changed, 8 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 a1ac79d3f..e35badfc9 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -15,7 +15,7 @@ body { /* */ .bs-docs-body > .container, -.bs-docs-body .footer .container { +.bs-docs-footer .container { padding-left: 15px; padding-right: 15px; } @@ -106,23 +106,23 @@ section > ul li { /* Marketing section of Overview -------------------------------------------------- */ -.marketing { +.bs-docs-marketing { text-align: center; color: #5a5a5a; } -.marketing h1 { +.bs-docs-marketing h1 { margin: 60px 0 10px; font-size: 50px; line-height: 1; } -.marketing h2 { +.bs-docs-marketing h2 { margin-bottom: 5px; } -.marketing p { +.bs-docs-marketing p { font-size: 16px; line-height: 1.4; } -.marketing .marketing-byline { +.bs-docs-marketing .marketing-byline { margin-bottom: 40px; font-size: 21px; font-weight: 300; @@ -436,13 +436,13 @@ section > ul li { /* Footer -------------------------------------------------- */ -.footer { +.bs-docs-footer { text-align: center; padding: 30px 0; margin-top: 100px; border-top: 1px solid #e5e5e5; } -.footer p { +.bs-docs-footer p { margin-bottom: 0; color: #777; } -- cgit v1.2.3 From 82d059de87ff05511ba4de4a0e345f1f26de89f8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 20:18:29 -0800 Subject: fix broken marketing section with updated class --- 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 e35badfc9..e1caaceb7 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -9,6 +9,7 @@ -------------------------------------------------- */ body { + padding-top: 54px; position: relative; /* For scrollyspy */ /* We add the padding to the body for >768px only */ } @@ -310,6 +311,11 @@ section > ul li { margin-left: 20px; } +/* Example tabbable tabs */ +.bs-docs-example-tabs .nav-tabs { + margin-bottom: 15px; +} + /* Example templates -------------------------------------------------- */ -- cgit v1.2.3 From e1bb94c38370fd2542415557c660d0804d4f42b1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 24 Feb 2013 01:29:19 -0800 Subject: try out new table-based type example --- docs/assets/css/docs.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e1caaceb7..50f3cb800 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -243,6 +243,31 @@ section > ul li { margin-bottom: 0; } +/* Typography */ +.bs-docs-example-type .table td { + color: #999; + vertical-align: middle; + border-color: ; +} +.bs-docs-example-type .table td, +.bs-docs-example-type .table th { + padding: 15px 0; + border-color: #eee; +} +.bs-docs-example-type .table tr:first-child td, +.bs-docs-example-type .table tr:first-child th { + border-top: 0; +} +.bs-docs-example-type h1, +.bs-docs-example-type h2, +.bs-docs-example-type h3, +.bs-docs-example-type h4, +.bs-docs-example-type h5, +.bs-docs-example-type h6 { + margin: 0; +} + + /* Navbar examples */ .bs-navbar-top-example, .bs-navbar-bottom-example { -- cgit v1.2.3 From ba633949dc77919d41792700c8c28e8c50a6f127 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Feb 2013 23:36:54 -0800 Subject: customize navbar in docs --- docs/assets/css/docs.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 50f3cb800..baf022d03 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -42,6 +42,22 @@ section > ul li { +/* Navbar +-------------------------------------------------- */ + +.bs-docs-navbar { + background-color: #fff; + border-bottom: 1px solid #ccc; /* IE8 */ + border-bottom: 1px solid rgba(0,0,0,.1); +} +.bs-docs-navbar .nav > .active > a, +.bs-docs-navbar .nav > .active > a:hover { + font-weight: 500; + background-color: transparent; +} + + + /* Jumbotrons -------------------------------------------------- */ -- cgit v1.2.3 From 492c249537d7cdce6148ac8a1c056c4d89451fb2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 1 Mar 2013 00:18:10 -0800 Subject: improve navbar toggle and hide code snippets on mobile devices for now --- docs/assets/css/docs.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index baf022d03..196cacb0f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -592,6 +592,16 @@ input.focused { /* Responsive variations -------------------------------------------------- */ +/* Hide code snippets on mobile devices */ +@media screen and (max-width: 480px) { + .bs-docs-example { + border-radius: 4px; + } + .highlight { + display: none; + } +} + /* Tablets and up */ @media screen and (min-width: 768px) { -- cgit v1.2.3 From 6e8ee02421ae41c42ca8dc986dc5c074510f0460 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 3 Mar 2013 23:41:16 -0800 Subject: tweak icons alignment --- docs/assets/css/docs.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 196cacb0f..267518bd0 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -390,6 +390,8 @@ section > ul li { line-height: 1.25; text-align: center; -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; margin: 0 -1px -1px 0; } .the-icons .glyphicon { @@ -646,6 +648,12 @@ input.focused { /* Tablets/desktops and up */ @media screen and (min-width: 992px) { + + /* Icons */ + .the-icons li { + width: 12.5%; + } + .bs-docs-sidenav { width: 220px; } -- cgit v1.2.3 From ed7fe0e5ba55d71d075a23b205b227665d47fc4f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 14 Mar 2013 21:45:31 -0700 Subject: unfuck misaligned main container --- 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 267518bd0..287ae84ff 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -15,8 +15,7 @@ body { } /* */ -.bs-docs-body > .container, -.bs-docs-footer .container { +.bs-docs-footer { padding-left: 15px; padding-right: 15px; } -- cgit v1.2.3 From 4c0719ea5f11aae5ec825229ee6e7143bbae4432 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 14 Mar 2013 22:34:20 -0700 Subject: fix derpy linenos in pygments for thumbnails component --- 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 287ae84ff..00da72611 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -558,7 +558,7 @@ input.focused { background-color: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 4px; - box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; + box-shadow: inset 44px 0 0 #fbfbfc, inset 45px 0 0 #ececf0; } .highlight pre { padding: 0; @@ -572,7 +572,7 @@ input.focused { } .highlight pre .lineno { display: inline-block; - width: 18px; + width: 22px; padding-right: 5px; margin-right: 10px; text-align: right; -- cgit v1.2.3 From be8f992c94d8155248ddb10dc84bb04c6f7cbe28 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Mar 2013 12:09:26 -0700 Subject: remove inner shadow from .highlight --- 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 00da72611..ca8fc006e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -558,7 +558,6 @@ input.focused { background-color: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 4px; - box-shadow: inset 44px 0 0 #fbfbfc, inset 45px 0 0 #ececf0; } .highlight pre { padding: 0; -- cgit v1.2.3 From ca31f060a839b957ce3a85d3eaaaae09a78bbeb0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 26 Mar 2013 17:12:17 -0700 Subject: New grid classes --- 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 ca8fc006e..f3d7c156e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -159,13 +159,13 @@ section > ul li { .show-grid { margin-bottom: 15px; } -.show-grid [class^="span"] { +.show-grid [class*="col-span-"] { padding-top: 10px; padding-bottom: 10px; background-color: #eee; border: 1px solid #ddd; } -.show-grid [class*="span"]:hover { +.show-grid [class*="col-span-"]:hover { background-color: #ddd; } -- cgit v1.2.3 From 5b298a2aaf5286564b1dc614bb439eb19edf2c25 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 26 Mar 2013 23:54:17 -0700 Subject: docs fixes with new .bs-docs-container; fixing some lingering grid classes --- docs/assets/css/docs.css | 14 +++++++++++++- 1 file changed, 13 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 f3d7c156e..76a45b45e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -14,6 +14,11 @@ body { /* We add the padding to the body for >768px only */ } +.bs-docs-container { + padding-left: 15px; + padding-right: 15px; +} + /* */ .bs-docs-footer { padding-left: 15px; @@ -486,7 +491,8 @@ section > ul li { .bs-docs-footer { text-align: center; - padding: 30px 0; + padding-top: 30px; + padding-bottom: 30px; margin-top: 100px; border-top: 1px solid #e5e5e5; } @@ -610,6 +616,12 @@ input.focused { padding-top: 50px; /* Default height of navbar */ } + /* Undo custom padding */ + .bs-docs-container { + padding-left: 0; + padding-right: 0; + } + /* Tweak display of docs jumbotrons */ .masthead { padding-top: 100px; -- cgit v1.2.3 From fe414d8566f647e65dc20bc7505630ce798e5445 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 27 Mar 2013 23:33:45 -0700 Subject: turn docs navbar into left navbar --- docs/assets/css/docs.css | 35 ++++++++++++++++++++++++++++++----- 1 file changed, 30 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 76a45b45e..6b71176f8 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -49,9 +49,9 @@ section > ul li { /* Navbar -------------------------------------------------- */ -.bs-docs-navbar { +/*.bs-docs-navbar { background-color: #fff; - border-bottom: 1px solid #ccc; /* IE8 */ + border-bottom: 1px solid #ccc; border-bottom: 1px solid rgba(0,0,0,.1); } .bs-docs-navbar .nav > .active > a, @@ -59,7 +59,30 @@ section > ul li { font-weight: 500; background-color: transparent; } +*/ +.bs-docs-navbar .navbar-brand { + padding: 15px; + font-size: 32px; + margin-left: 0; +} +.bs-docs-navbar .nav { + border-top: 1px solid #111; + border-bottom: 1px solid #333; +} +.bs-docs-navbar .nav > li > a { + width: 60px; + text-align: center; + border-top: 1px solid #333; + border-bottom: 1px solid #111; +} +.bs-docs-navbar .glyphicon { + display: block; + font-size: 20px; +} +.bs-docs-navbar .nav .tooltip { + white-space: nowrap; +} /* Jumbotrons @@ -181,7 +204,7 @@ section > ul li { /* Base styles are not affixable given mobile-first */ .bs-docs-sidenav { - margin: 20px 0 0; + margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -613,7 +636,9 @@ input.focused { /* Account for fixed navbar (which is static to start) */ body { - padding-top: 50px; /* Default height of navbar */ + /*padding-top: 50px;*/ /* Default height of navbar */ + padding-top: 0; + padding-left: 60px; } /* Undo custom padding */ @@ -644,7 +669,7 @@ input.focused { /* From here, start to affix the nav because we keep columns here */ .bs-docs-sidenav.affix { position: fixed; - top: 54px; + top: 20px; } .bs-docs-sidenav { width: 170px; -- cgit v1.2.3 From 081c061281c96818bf9a904a7e5e2a673aa7a54d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Mar 2013 00:21:21 -0700 Subject: new subnav on all pages --- docs/assets/css/docs.css | 89 ++++++++++++++++++++++++++++++++++-------------- 1 file changed, 64 insertions(+), 25 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 6b71176f8..926ae3913 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -15,6 +15,7 @@ body { } .bs-docs-container { + max-width: 860px; padding-left: 15px; padding-right: 15px; } @@ -49,32 +50,23 @@ section > ul li { /* Navbar -------------------------------------------------- */ -/*.bs-docs-navbar { - background-color: #fff; - border-bottom: 1px solid #ccc; - border-bottom: 1px solid rgba(0,0,0,.1); -} -.bs-docs-navbar .nav > .active > a, -.bs-docs-navbar .nav > .active > a:hover { - font-weight: 500; - background-color: transparent; +.bs-docs-navbar { + background-color: #333; } -*/ - .bs-docs-navbar .navbar-brand { padding: 15px; - font-size: 32px; + font-size: 30px; margin-left: 0; } .bs-docs-navbar .nav { - border-top: 1px solid #111; - border-bottom: 1px solid #333; + border-top: 1px solid #222; + border-bottom: 1px solid #444; } .bs-docs-navbar .nav > li > a { width: 60px; text-align: center; - border-top: 1px solid #333; - border-bottom: 1px solid #111; + border-top: 1px solid #444; + border-bottom: 1px solid #222; } .bs-docs-navbar .glyphicon { display: block; @@ -202,6 +194,53 @@ section > ul li { /* Sidenav -------------------------------------------------- */ +.bs-docs-sidebar { + position: fixed; + top: 0; + left: 60px; + bottom: 0; + width: 240px; + background-color: #f5f5f5; + border-right: 1px solid #e5e5e5; +} +.bs-docs-sidenav > li > a { + color: #555; + padding: 8px 20px; +} +.bs-docs-sidenav > .active > a, +.bs-docs-sidenav > .active:hover > a, +.bs-docs-sidenav > .active:focus > a { + color: #fff; + background-color: #428bca; +} + +.bs-docs-sidenav-heading { + margin: 0; + padding: 15px 20px; + color: #999; + border-bottom: 1px solid #e5e5e5; + box-shadow: 0 1px 0 #fff; +} + +.bs-docs-navbar:after, +.bs-docs-sidebar:after { + position: absolute; + top: -20px; + right: 0; + bottom: -20px; + left: -10px; + z-index: 10; + display: block; + content: " "; + box-shadow: inset -5px 0 25px rgba(0,0,0,.05); +} +.bs-docs-navbar .container, +.bs-docs-sidenav { + position: relative; + z-index: 15; +} + + /* Base styles are not affixable given mobile-first */ .bs-docs-sidenav { margin: 0; @@ -209,13 +248,13 @@ section > ul li { -moz-box-sizing: border-box; box-sizing: border-box; } -.bs-docs-sidenav.affix { +/*.bs-docs-sidenav.affix { position: static; top: 0; -} +}*/ /* Chevrons within each link */ -.bs-docs-sidenav .glyphicon-chevron-right { +/*.bs-docs-sidenav .glyphicon-chevron-right { float: right; margin-top: 1px; margin-right: -6px; @@ -230,7 +269,7 @@ section > ul li { color: #fff; opacity: 1; } - +*/ /* Bootstrap code examples @@ -638,7 +677,7 @@ input.focused { body { /*padding-top: 50px;*/ /* Default height of navbar */ padding-top: 0; - padding-left: 60px; + padding-left: 300px; } /* Undo custom padding */ @@ -690,13 +729,13 @@ input.focused { } .bs-docs-sidenav { - width: 220px; + width: 240px; } } /* Large desktops and up */ @media screen and (min-width: 1200px) { - .bs-docs-sidenav { - width: 260px; +/* .bs-docs-sidenav { + width: 240px; } -} +*/} -- cgit v1.2.3 From 4b8b8d2e46e25820d190db957b4e837b66198f72 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Mar 2013 01:08:14 -0700 Subject: holy crap new docs layout separate from home, no more top navbar --- docs/assets/css/docs.css | 150 +++++++++++++---------------------------------- 1 file changed, 40 insertions(+), 110 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 926ae3913..9bab1a0ea 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -9,16 +9,18 @@ -------------------------------------------------- */ body { - padding-top: 54px; position: relative; /* For scrollyspy */ /* We add the padding to the body for >768px only */ } -.bs-docs-container { - max-width: 860px; +.bs-docs-container, +.bs-home-container { padding-left: 15px; padding-right: 15px; } +.bs-docs-container { + max-width: 860px; +} /* */ .bs-docs-footer { @@ -47,36 +49,6 @@ section > ul li { -/* Navbar --------------------------------------------------- */ - -.bs-docs-navbar { - background-color: #333; -} -.bs-docs-navbar .navbar-brand { - padding: 15px; - font-size: 30px; - margin-left: 0; -} -.bs-docs-navbar .nav { - border-top: 1px solid #222; - border-bottom: 1px solid #444; -} -.bs-docs-navbar .nav > li > a { - width: 60px; - text-align: center; - border-top: 1px solid #444; - border-bottom: 1px solid #222; -} -.bs-docs-navbar .glyphicon { - display: block; - font-size: 20px; -} -.bs-docs-navbar .nav .tooltip { - white-space: nowrap; -} - - /* Jumbotrons -------------------------------------------------- */ @@ -195,23 +167,33 @@ section > ul li { -------------------------------------------------- */ .bs-docs-sidebar { + display: none; position: fixed; top: 0; - left: 60px; + left: 0; bottom: 0; width: 240px; background-color: #f5f5f5; - border-right: 1px solid #e5e5e5; + overflow-y: scroll; + text-shadow: 0 1px 0 #fff; + box-shadow: inset -1px 0 0 #e5e5e5; +} +.bs-docs-sidenav { + margin: 0 0 25px; } .bs-docs-sidenav > li > a { - color: #555; - padding: 8px 20px; + color: #666; + padding: 4px 20px; +} +.bs-docs-sidenav > li > a:hover { + border-right: 1px solid #d5d5d5; } .bs-docs-sidenav > .active > a, .bs-docs-sidenav > .active:hover > a, .bs-docs-sidenav > .active:focus > a { - color: #fff; - background-color: #428bca; + font-weight: 500; + color: #428bca; + border-right: 1px solid #428bca; } .bs-docs-sidenav-heading { @@ -222,54 +204,15 @@ section > ul li { box-shadow: 0 1px 0 #fff; } -.bs-docs-navbar:after, -.bs-docs-sidebar:after { - position: absolute; - top: -20px; - right: 0; - bottom: -20px; - left: -10px; - z-index: 10; - display: block; - content: " "; - box-shadow: inset -5px 0 25px rgba(0,0,0,.05); -} -.bs-docs-navbar .container, -.bs-docs-sidenav { - position: relative; - z-index: 15; -} - - -/* Base styles are not affixable given mobile-first */ -.bs-docs-sidenav { - margin: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -/*.bs-docs-sidenav.affix { - position: static; - top: 0; -}*/ - -/* Chevrons within each link */ -/*.bs-docs-sidenav .glyphicon-chevron-right { - float: right; - margin-top: 1px; - margin-right: -6px; - opacity: .25; - color: #000; -} -.bs-docs-sidenav a:hover .glyphicon-chevron-right { - opacity: .5; +.bs-docs-sidenav .nav-header { + padding: 25px 20px 5px; + font-size: 14px; + font-weight: 500; + color: #333; } -.bs-docs-sidenav .active .glyphicon-chevron-right, -.bs-docs-sidenav .active a:hover .glyphicon-chevron-right { - color: #fff; - opacity: 1; +.bs-docs-sidenav > li + .nav-header { + margin-top: 0; } -*/ /* Bootstrap code examples @@ -674,18 +617,23 @@ input.focused { @media screen and (min-width: 768px) { /* Account for fixed navbar (which is static to start) */ - body { - /*padding-top: 50px;*/ /* Default height of navbar */ - padding-top: 0; - padding-left: 300px; + .bs-docs-docs { + padding-left: 260px; + padding-right: 20px; } /* Undo custom padding */ - .bs-docs-container { + .bs-docs-container, + .bs-home-container { padding-left: 0; padding-right: 0; } + /* Show the docs nav */ + .bs-docs-sidebar { + display: block; + } + /* Tweak display of docs jumbotrons */ .masthead { padding-top: 100px; @@ -705,19 +653,6 @@ input.focused { text-align: left; } - /* From here, start to affix the nav because we keep columns here */ - .bs-docs-sidenav.affix { - position: fixed; - top: 20px; - } - .bs-docs-sidenav { - width: 170px; - } - .bs-docs-sidenav.affix-bottom { - position: absolute; - top: auto; - bottom: 270px; - } } /* Tablets/desktops and up */ @@ -728,14 +663,9 @@ input.focused { width: 12.5%; } - .bs-docs-sidenav { - width: 240px; - } } /* Large desktops and up */ @media screen and (min-width: 1200px) { -/* .bs-docs-sidenav { - width: 240px; - } -*/} + +} -- cgit v1.2.3 From df35e261421f84494b18a617322610bb9ae2a61c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Mar 2013 01:34:42 -0700 Subject: rejigger some content and start exploring section headings --- docs/assets/css/docs.css | 21 ++++++++++++++++++++- 1 file changed, 20 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 9bab1a0ea..9db62f2b6 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -35,7 +35,6 @@ body { /* Padding for in-page bookmarks */ section { - padding-top: 30px; } /* Few stylistic typography tweaks */ @@ -52,6 +51,19 @@ section > ul li { /* Jumbotrons -------------------------------------------------- */ +.bs-docs-section-header { + margin: 60px 0; +} +.bs-docs-section-header h1, +.bs-docs-section-header .lead { + color: #8a8a8a; +} +.bs-docs-section-header h1 { + font-size: 80px; + font-size: 8rem; + line-height: 1; +} + /* Base class */ .bs-docs-jumbotron { position: relative; @@ -198,11 +210,18 @@ section > ul li { .bs-docs-sidenav-heading { margin: 0; +} +.bs-docs-sidenav-heading a { + display: block; padding: 15px 20px; color: #999; border-bottom: 1px solid #e5e5e5; box-shadow: 0 1px 0 #fff; } +.bs-docs-sidenav-heading a:hover { + color: #777; + text-decoration: none; +} .bs-docs-sidenav .nav-header { padding: 25px 20px 5px; -- cgit v1.2.3 From 3278c40631c6914f063b2eef551c668abb98c9ff Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Mar 2013 03:06:00 -0700 Subject: move nav into partial; rejigger content some more --- docs/assets/css/docs.css | 33 ++++++++++++++++++++++----------- 1 file changed, 22 insertions(+), 11 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 9db62f2b6..d5de25735 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -34,7 +34,9 @@ body { -------------------------------------------------- */ /* Padding for in-page bookmarks */ -section { +section, +.bs-docs-section { + padding-top: 30px; } /* Few stylistic typography tweaks */ @@ -52,10 +54,7 @@ section > ul li { -------------------------------------------------- */ .bs-docs-section-header { - margin: 60px 0; -} -.bs-docs-section-header h1, -.bs-docs-section-header .lead { + padding-top: 60px; color: #8a8a8a; } .bs-docs-section-header h1 { @@ -205,11 +204,12 @@ section > ul li { .bs-docs-sidenav > .active:focus > a { font-weight: 500; color: #428bca; + background-color: transparent; border-right: 1px solid #428bca; } .bs-docs-sidenav-heading { - margin: 0; + margin: 0 0 25px; } .bs-docs-sidenav-heading a { display: block; @@ -223,17 +223,22 @@ section > ul li { text-decoration: none; } -.bs-docs-sidenav .nav-header { - padding: 25px 20px 5px; +/* Section headings for groups of links */ +.bs-docs-sidenav > li > .nav-header { + margin-top: 20px; + margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #333; } -.bs-docs-sidenav > li + .nav-header { - margin-top: 0; +.bs-docs-sidenav > .active > .nav-header, +.bs-docs-sidenav > .active > .nav-header:hover { + color: #333; + border-color: #333; } + /* Bootstrap code examples -------------------------------------------------- */ @@ -638,7 +643,6 @@ input.focused { /* Account for fixed navbar (which is static to start) */ .bs-docs-docs { padding-left: 260px; - padding-right: 20px; } /* Undo custom padding */ @@ -677,6 +681,10 @@ input.focused { /* Tablets/desktops and up */ @media screen and (min-width: 992px) { + .bs-docs-docs { + padding-left: 280px; + } + /* Icons */ .the-icons li { width: 12.5%; @@ -686,5 +694,8 @@ input.focused { /* Large desktops and up */ @media screen and (min-width: 1200px) { + .bs-docs-docs { + padding-left: 300px; + } } -- cgit v1.2.3 From 3055f09a902cb26b01701fe41db0e8ec35d90a61 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 29 Mar 2013 10:45:00 -0700 Subject: dat red --- 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 d5de25735..b382cd994 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -61,6 +61,7 @@ section > ul li { font-size: 80px; font-size: 8rem; line-height: 1; + color: #b94a48; } /* Base class */ @@ -203,9 +204,9 @@ section > ul li { .bs-docs-sidenav > .active:hover > a, .bs-docs-sidenav > .active:focus > a { font-weight: 500; - color: #428bca; + color: #b94a48; background-color: transparent; - border-right: 1px solid #428bca; + border-right: 1px solid #b94a48; } .bs-docs-sidenav-heading { @@ -214,12 +215,12 @@ section > ul li { .bs-docs-sidenav-heading a { display: block; padding: 15px 20px; - color: #999; + color: #b94a48; border-bottom: 1px solid #e5e5e5; box-shadow: 0 1px 0 #fff; } .bs-docs-sidenav-heading a:hover { - color: #777; + color: #a3403e; text-decoration: none; } -- cgit v1.2.3 From 2ebc060795aad6b64923d65426858b6e90cb2131 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 29 Mar 2013 13:43:37 -0700 Subject: mo padding on side nav 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 b382cd994..ac05769fa 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -195,7 +195,7 @@ section > ul li { } .bs-docs-sidenav > li > a { color: #666; - padding: 4px 20px; + padding: 4px 25px; } .bs-docs-sidenav > li > a:hover { border-right: 1px solid #d5d5d5; @@ -214,7 +214,7 @@ section > ul li { } .bs-docs-sidenav-heading a { display: block; - padding: 15px 20px; + padding: 15px 25px; color: #b94a48; border-bottom: 1px solid #e5e5e5; box-shadow: 0 1px 0 #fff; -- cgit v1.2.3 From 88141252595b3875ac001741aa77c7905aac942c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 29 Mar 2013 23:33:08 -0700 Subject: Add subnav support to CSS section --- docs/assets/css/docs.css | 32 ++++++++++++++++++++++++++------ 1 file changed, 26 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 ac05769fa..0700ddd59 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -190,25 +190,45 @@ section > ul li { text-shadow: 0 1px 0 #fff; box-shadow: inset -1px 0 0 #e5e5e5; } -.bs-docs-sidenav { + +/* Nav: first level */ +.bs-docs-sidebar > .nav { margin: 0 0 25px; } -.bs-docs-sidenav > li > a { +.bs-docs-sidebar .nav > li > a { + display: block; color: #666; padding: 4px 25px; } -.bs-docs-sidenav > li > a:hover { +.bs-docs-sidebar .nav > li > a:hover, +.bs-docs-sidebar .nav > li > a:focus { + text-decoration: none; border-right: 1px solid #d5d5d5; } -.bs-docs-sidenav > .active > a, -.bs-docs-sidenav > .active:hover > a, -.bs-docs-sidenav > .active:focus > a { +.bs-docs-sidebar .nav > .active > a, +.bs-docs-sidebar .nav > .active:hover > a, +.bs-docs-sidebar .nav > .active:focus > a { font-weight: 500; color: #b94a48; background-color: transparent; border-right: 1px solid #b94a48; } +/* Nav: second level (shown on .active) */ +.bs-docs-sidebar .nav .nav { + display: none; + margin-left: 15px; + margin-bottom: 5px; +} +.bs-docs-sidebar .nav > .active > ul { + display: block; +} +.bs-docs-sidebar .nav .nav > li > a { + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + .bs-docs-sidenav-heading { margin: 0 0 25px; } -- cgit v1.2.3 From 601013ca04d6374362c12af5dc48b8c1d44b93cc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 00:11:38 -0700 Subject: drop .muted for .text-muted --- 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 0700ddd59..c61a4a4f8 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -217,7 +217,6 @@ section > ul li { /* Nav: second level (shown on .active) */ .bs-docs-sidebar .nav .nav { display: none; - margin-left: 15px; margin-bottom: 5px; } .bs-docs-sidebar .nav > .active > ul { @@ -226,6 +225,7 @@ section > ul li { .bs-docs-sidebar .nav .nav > li > a { padding-top: 2px; padding-bottom: 2px; + padding-left: 40px; font-size: 90%; } -- cgit v1.2.3 From 9336a827c6396c2142be8de38615cd4d14c6685e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 13:11:15 -0700 Subject: fix submenu docs height given border-box --- 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 c61a4a4f8..6b576de2a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -400,7 +400,7 @@ section > ul li { margin-bottom: 5px; } .bs-docs-example-submenu { - min-height: 180px; + min-height: 230px; } .bs-docs-example-submenu > .pull-left + .pull-left { margin-left: 20px; -- cgit v1.2.3 From 9fff2d3fb6a636c7ee61ad097c5b247e8def3ab5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 14:15:18 -0700 Subject: Change error to danger for all classes; add panels component --- docs/assets/css/docs.css | 4 +++- 1 file changed, 3 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 6b576de2a..181a3a734 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -309,7 +309,9 @@ section > ul li { .bs-docs-example > textarea:last-child, .bs-docs-example > .table:last-child, .bs-docs-example > .jumbotron:last-child, -.bs-docs-example > .alert:last-child { +.bs-docs-example > .alert:last-child, +.bs-docs-example > .panel:last-child, +.bs-docs-example > .well:last-child { margin-bottom: 0; } -- cgit v1.2.3 From 2a9604fdd297fee6661561d1ccf7922b4d599641 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 16:07:50 -0700 Subject: add list group component --- 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 181a3a734..e1fd6a2b4 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -311,6 +311,7 @@ section > ul li { .bs-docs-example > .jumbotron:last-child, .bs-docs-example > .alert:last-child, .bs-docs-example > .panel:last-child, +.bs-docs-example > .list-group:last-child, .bs-docs-example > .well:last-child { margin-bottom: 0; } @@ -339,6 +340,10 @@ section > ul li { margin: 0; } +/* List groups */ +.bs-docs-example > .list-group { + max-width: 400px; +} /* Navbar examples */ .bs-navbar-top-example, -- cgit v1.2.3 From 40f671a531a06facd0265b1d2c99453eb7e9dda8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 18:41:26 -0700 Subject: add basic back to top link via affix --- docs/assets/css/docs.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e1fd6a2b4..89a848c2b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -28,6 +28,26 @@ body { padding-right: 15px; } +/* Back to top link */ +.bs-docs-top { + float: left; + padding: 7px 15px; + font-weight: 500; + color: #999; + background-color: #eee; + border-radius: 4px; +} +.bs-docs-top:hover { + color: #fff; + text-decoration: none; + background-color: #999; +} +.bs-docs-top.affix { + position: fixed; + right: 15px; + bottom: 15px; +} + /* Sections -- cgit v1.2.3 From 74e06cb279db1ae297cf38c3c8d0e773fd04885d Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Sun, 31 Mar 2013 09:59:02 -0400 Subject: Add styles for tooltip and popover examples --- docs/assets/css/docs.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 89a848c2b..b5f565cd3 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -438,6 +438,30 @@ section > ul li { margin-bottom: 15px; } +/* 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; + background-color: #f9f9f9; +} +.bs-docs-example-popover .popover { + position: relative; + display: block; + float: left; + width: 260px; + margin: 20px; +} + /* Example templates -------------------------------------------------- */ -- cgit v1.2.3 From 19d5e616685cc0ad72c216e04a69758bf0ed67bf Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Apr 2013 00:34:58 -0700 Subject: clearer separation with section headers; simpler customizing copy --- docs/assets/css/docs.css | 14 ++++++++++++-- 1 file changed, 12 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 b5f565cd3..fc653277e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -48,6 +48,16 @@ body { bottom: 15px; } +/* Side notes for calling out things */ +.bs-docs-sidenote { + margin: 20px 0; + padding: 15px 30px 15px 15px; + background-color: #fcf2f2; + border-left: 5px solid #df7c7b; +} +.bs-docs-sidenote p:last-child { + margin-bottom: 0; +} /* Sections @@ -75,13 +85,13 @@ section > ul li { .bs-docs-section-header { padding-top: 60px; - color: #8a8a8a; + color: #b94a48; + border-bottom: 5px solid #b94a48; } .bs-docs-section-header h1 { font-size: 80px; font-size: 8rem; line-height: 1; - color: #b94a48; } /* Base class */ -- cgit v1.2.3 From 292734d7f34b59152c66ade7490d18036dee7bb7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Apr 2013 13:14:39 -0700 Subject: Docs examples update * Remove unused fluid image * Add image, link, and description for new grid example * Update sign in example image --- docs/assets/css/docs.css | 10 +++++++--- 1 file changed, 7 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 fc653277e..fb4ed9ea3 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -21,6 +21,10 @@ body { .bs-docs-container { max-width: 860px; } +.bs-docs-container .row { + margin-left: -15px; + margin-right: -15px; +} /* */ .bs-docs-footer { @@ -215,15 +219,15 @@ section > ul li { left: 0; bottom: 0; width: 240px; - background-color: #f5f5f5; overflow-y: scroll; text-shadow: 0 1px 0 #fff; - box-shadow: inset -1px 0 0 #e5e5e5; + background-color: #f5f5f5; + border-right: 1px solid #e5e5e5; } /* Nav: first level */ .bs-docs-sidebar > .nav { - margin: 0 0 25px; + margin: 0 -1px 25px 0; } .bs-docs-sidebar .nav > li > a { display: block; -- cgit v1.2.3 From c570ae49ef7494f2b28f6f0dc27214e6912eef25 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 2 Apr 2013 16:22:42 -0700 Subject: fix that sidenav --- 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 fb4ed9ea3..8bf3426f7 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -222,12 +222,12 @@ section > ul li { overflow-y: scroll; text-shadow: 0 1px 0 #fff; background-color: #f5f5f5; - border-right: 1px solid #e5e5e5; + box-shadow: inset -1px 0 0 #e5e5e5; } /* Nav: first level */ .bs-docs-sidebar > .nav { - margin: 0 -1px 25px 0; + margin: 0 0 25px 0; } .bs-docs-sidebar .nav > li > a { display: block; -- cgit v1.2.3 From dd533aaaf0c4d7162d5746948b02b9c710a1df66 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 9 Apr 2013 10:16:37 -0700 Subject: better buttons on mobile --- 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 8bf3426f7..0f20ec6d4 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -125,6 +125,8 @@ section > ul li { /* Download button */ .bs-docs-jumbotron .btn { + margin-top: 5px; + margin-bottom: 5px; padding: 18px 24px; font-size: 21px; color: #b94a48; /* redeclare to override the `.jumbotron a` */ -- cgit v1.2.3 From 1a546278b93a08817152736247469c1155ae3ae2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 9 Apr 2013 10:20:50 -0700 Subject: make back to top and big headings only for tablets and up --- docs/assets/css/docs.css | 51 ++++++++++++++++++++++++------------------------ 1 file changed, 26 insertions(+), 25 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 0f20ec6d4..b6117e927 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -32,26 +32,6 @@ body { padding-right: 15px; } -/* Back to top link */ -.bs-docs-top { - float: left; - padding: 7px 15px; - font-weight: 500; - color: #999; - background-color: #eee; - border-radius: 4px; -} -.bs-docs-top:hover { - color: #fff; - text-decoration: none; - background-color: #999; -} -.bs-docs-top.affix { - position: fixed; - right: 15px; - bottom: 15px; -} - /* Side notes for calling out things */ .bs-docs-sidenote { margin: 20px 0; @@ -92,11 +72,6 @@ section > ul li { color: #b94a48; border-bottom: 5px solid #b94a48; } -.bs-docs-section-header h1 { - font-size: 80px; - font-size: 8rem; - line-height: 1; -} /* Base class */ .bs-docs-jumbotron { @@ -728,6 +703,32 @@ input.focused { /* Tablets and up */ @media screen and (min-width: 768px) { + /* Back to top link */ + .bs-docs-top { + float: left; + padding: 7px 15px; + font-weight: 500; + color: #999; + background-color: #eee; + border-radius: 4px; + } + .bs-docs-top:hover { + color: #fff; + text-decoration: none; + background-color: #999; + } + .bs-docs-top.affix { + position: fixed; + right: 15px; + bottom: 15px; + } + + .bs-docs-section-header h1 { + font-size: 80px; + font-size: 8rem; + line-height: 1; + } + /* Account for fixed navbar (which is static to start) */ .bs-docs-docs { padding-left: 260px; -- cgit v1.2.3 From fc8b9fb07df5d63a162c94ba165bc3759ec2a889 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 13 Apr 2013 22:10:34 -0700 Subject: swap all bold p tags in sidenotes for h4s --- 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 b6117e927..2ec7799ed 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -39,6 +39,9 @@ body { background-color: #fcf2f2; border-left: 5px solid #df7c7b; } +.bs-docs-sidenote h4 { + margin-top: 0; +} .bs-docs-sidenote p:last-child { margin-bottom: 0; } @@ -662,6 +665,7 @@ input.focused { margin-bottom: 0; background-color: transparent; border: 0; + white-space: nowrap; } .highlight pre code { font-size: inherit; -- cgit v1.2.3 From 5f88887c7e979999e4852fa6207b7b2ba266db93 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 14 Apr 2013 12:49:35 -0700 Subject: redo all the things --- docs/assets/css/docs.css | 91 ++++++++---------------------------------------- 1 file changed, 14 insertions(+), 77 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2ec7799ed..b2fb42c17 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -26,12 +26,6 @@ body { margin-right: -15px; } -/* */ -.bs-docs-footer { - padding-left: 15px; - padding-right: 15px; -} - /* Side notes for calling out things */ .bs-docs-sidenote { margin: 20px 0; @@ -81,24 +75,10 @@ section > ul li { position: relative; margin-bottom: 20px; padding: 30px 15px; - color: #fff; - text-align: center; - background-color: #b94a48; } .bs-docs-jumbotron h1 { font-size: 50px; -} - -/* Link styles (used on .masthead-links as well) */ -.bs-docs-jumbotron a { - color: #fff; - color: rgba(255,255,255,.5); - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; -} -.bs-docs-jumbotron a:hover { - color: #fff; + line-height: 1; } /* Download button */ @@ -109,19 +89,13 @@ section > ul li { font-size: 21px; color: #b94a48; /* redeclare to override the `.jumbotron a` */ background-color: #fff; + border-color: #e5e5e5; } -.bs-docs-jumbotron .btn, .bs-docs-jumbotron .btn:hover, .bs-docs-jumbotron .btn:active { - color: #b94a48; /* redeclare to override the `.jumbotron a` */ - background-color: #fff; - border-color: #fff; -} - -/* Masthead (docs home) -------------------------- */ -.masthead h1 { - line-height: 1; + color: #fff; /* redeclare to override the `.jumbotron a` */ + background-color: #b94a48; + border-color: #b94a48; } /* Textual links in masthead */ @@ -131,42 +105,10 @@ section > ul li { } .masthead-links li { display: inline; - padding: 0 10px; - color: rgba(255,255,255,.25); -} - - - -/* Marketing section of Overview --------------------------------------------------- */ - -.bs-docs-marketing { - text-align: center; - color: #5a5a5a; -} -.bs-docs-marketing h1 { - margin: 60px 0 10px; - font-size: 50px; - line-height: 1; -} -.bs-docs-marketing h2 { - margin-bottom: 5px; -} -.bs-docs-marketing p { - font-size: 16px; - line-height: 1.4; -} -.bs-docs-marketing .marketing-byline { - margin-bottom: 40px; - font-size: 21px; - font-weight: 300; - line-height: 1.25; color: #999; } -.marketing-img { - display: block; - margin: 30px auto 10px; - max-height: 145px; +.masthead-links li + li { + margin-left: 20px; } @@ -309,9 +251,6 @@ section > ul li { border-top-left-radius: 0; border-top-right-radius: 0; } -.prettyprint .linenums { - /*margin-left: 0;*/ -} /* Tweak content of examples for optimum awesome */ .bs-docs-example > p:last-child, @@ -585,7 +524,6 @@ section > ul li { -------------------------------------------------- */ .bs-docs-footer { - text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 100px; @@ -608,22 +546,23 @@ section > ul li { /* Social proof buttons from GitHub & Twitter */ .bs-docs-social { - margin-top: 10px; + margin-top: 40px; margin-bottom: 20px; - text-align: center; + border-top: 1px solid #e5e5e5; } /* Quick links on Home */ .bs-docs-social-buttons { display: inline-block; margin: 0; - padding: 0 10px; list-style: none; } .bs-docs-social-buttons li { display: inline-block; - padding: 5px 8px; line-height: 1; } +.bs-docs-social-buttons li + li { + margin-left: 15px; +} .bs-docs-social-buttons .twitter-follow-button { width: 225px !important; } @@ -739,8 +678,7 @@ input.focused { } /* Undo custom padding */ - .bs-docs-container, - .bs-home-container { + .bs-docs-container { padding-left: 0; padding-right: 0; } @@ -759,9 +697,8 @@ input.focused { font-size: 100px; } .masthead p { + max-width: 70%; font-size: 30px; - margin-left: 10%; - margin-right: 10%; } .subhead { padding-top: 60px; -- cgit v1.2.3 From f78945ccc9c848318f2a2e58d3ea1cc2c3ea6b61 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 14 Apr 2013 12:54:02 -0700 Subject: More contrast with code snippets in sidenotes --- 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 2ec7799ed..67b369692 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -45,6 +45,9 @@ body { .bs-docs-sidenote p:last-child { margin-bottom: 0; } +.bs-docs-sidenote code { + background-color: #fff; +} /* Sections -- cgit v1.2.3 From ccb6ac570f7b4cc022c29f42a4b36c667ba6eb1e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 14 Apr 2013 13:00:53 -0700 Subject: lighter .highlight in sidenotes as well --- 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 67b369692..87460ca98 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -45,7 +45,8 @@ body { .bs-docs-sidenote p:last-child { margin-bottom: 0; } -.bs-docs-sidenote code { +.bs-docs-sidenote code, +.bs-docs-sidenote .highlight { background-color: #fff; } -- cgit v1.2.3 From 8d9106f2c50d4eb1e3648ad6db07e03f4c15f4d8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 14 Apr 2013 15:32:52 -0700 Subject: nuke hidden homepage content --- 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 0758911ee..86a6e474d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -552,6 +552,7 @@ section > ul li { .bs-docs-social { margin-top: 40px; margin-bottom: 20px; + padding-top: 39px; border-top: 1px solid #e5e5e5; } /* Quick links on Home */ -- cgit v1.2.3 From 02eba5e5fc624189fdbc154ab1adc81275d027bb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 14 Apr 2013 16:31:52 -0700 Subject: center --- 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 86a6e474d..3f3a253c8 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -79,6 +79,7 @@ section > ul li { position: relative; margin-bottom: 20px; padding: 30px 15px; + text-align: center; } .bs-docs-jumbotron h1 { font-size: 50px; @@ -550,10 +551,8 @@ section > ul li { /* Social proof buttons from GitHub & Twitter */ .bs-docs-social { - margin-top: 40px; + margin-top: 80px; margin-bottom: 20px; - padding-top: 39px; - border-top: 1px solid #e5e5e5; } /* Quick links on Home */ .bs-docs-social-buttons { @@ -702,7 +701,8 @@ input.focused { font-size: 100px; } .masthead p { - max-width: 70%; + margin-left: 15%; + margin-right: 15%; font-size: 30px; } .subhead { -- cgit v1.2.3 From aa146582d6e4f23a36edf9bddb1570d16cd61f34 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 26 Apr 2013 20:51:48 -0700 Subject: Redo the getting started section to mention BootstrapCDN --- docs/assets/css/docs.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 3f3a253c8..ad211d2fd 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -13,6 +13,16 @@ body { /* We add the padding to the body for >768px only */ } +hr { + margin-top: 30px; + margin-bottom: 30px; +} + +.bs-docs-dl-options h4 { + margin-top: 15px; + margin-bottom: 5px; +} + .bs-docs-container, .bs-home-container { padding-left: 15px; -- cgit v1.2.3 From efd3b0c1711a443e5ad97c6278addadfe2cedc5d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 26 Apr 2013 23:59:51 -0700 Subject: Back to two grid classes, .col and .col-lg-* --- 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 3f3a253c8..9a6aa99cb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -124,13 +124,13 @@ section > ul li { .show-grid { margin-bottom: 15px; } -.show-grid [class*="col-span-"] { +.show-grid .col { padding-top: 10px; padding-bottom: 10px; background-color: #eee; border: 1px solid #ddd; } -.show-grid [class*="col-span-"]:hover { +.show-grid .col:hover { background-color: #ddd; } -- cgit v1.2.3 From 8b3a1702d443c4a451d02d3482ed2cb4aeff0d44 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 27 Apr 2013 18:28:39 -0700 Subject: Overhaul navbar navs * Switch from to to eliminate an element in selectors * Drop .navbar-divider entirely --- 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 3f3a253c8..0e9292495 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -308,7 +308,7 @@ section > ul li { .bs-navbar-bottom-example { z-index: 1; padding: 0; - height: 90px; + height: 110px; overflow: hidden; /* cut the drop shadows off */ } .bs-navbar-top-example .navbar-fixed-top, -- cgit v1.2.3 From bbee78b30b40ff0b1473a06ea7ecf5a42d51b614 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 28 Apr 2013 14:27:48 -0700 Subject: derp on navbar toggle and docs positions --- docs/assets/css/docs.css | 14 +++++++++++++- 1 file changed, 13 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 0e9292495..ff605b21e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -308,14 +308,21 @@ section > ul li { .bs-navbar-bottom-example { z-index: 1; padding: 0; - height: 110px; + min-height: 110px; overflow: hidden; /* cut the drop shadows off */ } .bs-navbar-top-example .navbar-fixed-top, .bs-navbar-bottom-example .navbar-fixed-bottom { + position: relative; margin-left: 0; margin-right: 0; } +.bs-navbar-top-example .navbar-fixed-top { + top: -1px; +} +.bs-navbar-bottom-example .navbar-fixed-bottom { + bottom: -1px; +} .bs-navbar-top-example { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; @@ -711,6 +718,11 @@ input.focused { text-align: left; } + .bs-navbar-top-example .navbar-fixed-top, + .bs-navbar-bottom-example .navbar-fixed-bottom { + position: absolute; + } + } /* Tablets/desktops and up */ -- cgit v1.2.3 From edb733ebc7db2d76bdac2611cbd83c5ae36f4fee Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 21:56:08 -0700 Subject: Super massive docs overhaul * Bring back the navbar up top * Pull the docs content back into separate pages because a 6.6k line docs file is just crazy * Recenter the page content and bring back affixed side nav (needs work) --- docs/assets/css/docs.css | 83 ++++++++++++++++++++++++------------------------ 1 file changed, 41 insertions(+), 42 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index aca8df213..328ede78d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -13,6 +13,17 @@ body { /* We add the padding to the body for >768px only */ } +/* Top nav and header */ +.bs-docs-nav { + background-color: #fff; + border-bottom: 1px solid #ddd; +} +.bs-docs-nav .navbar-brand { + color: #b94a48; +} + + + hr { margin-top: 30px; margin-bottom: 30px; @@ -22,20 +33,13 @@ hr { margin-top: 15px; margin-bottom: 5px; } - +/* .bs-docs-container, .bs-home-container { padding-left: 15px; padding-right: 15px; } -.bs-docs-container { - max-width: 860px; -} -.bs-docs-container .row { - margin-left: -15px; - margin-right: -15px; -} - +*/ /* Side notes for calling out things */ .bs-docs-sidenote { margin: 20px 0; @@ -59,27 +63,28 @@ hr { -------------------------------------------------- */ /* Padding for in-page bookmarks */ -section, +/*section,*/ .bs-docs-section { padding-top: 30px; } /* Few stylistic typography tweaks */ -section > .page-header, +/*section > .page-header, section > .lead { color: #5a5a5a; } section > ul li { margin-bottom: 5px; -} +}*/ /* Jumbotrons -------------------------------------------------- */ -.bs-docs-section-header { - padding-top: 60px; +.bs-docs-header { + margin-bottom: 20px; + padding-top: 30px; color: #b94a48; border-bottom: 5px solid #b94a48; } @@ -149,22 +154,15 @@ section > ul li { /* Sidenav -------------------------------------------------- */ -.bs-docs-sidebar { - display: none; - position: fixed; - top: 0; - left: 0; - bottom: 0; - width: 240px; - overflow-y: scroll; - text-shadow: 0 1px 0 #fff; - background-color: #f5f5f5; - box-shadow: inset -1px 0 0 #e5e5e5; -} - /* Nav: first level */ .bs-docs-sidebar > .nav { - margin: 0 0 25px 0; + margin-top: 20px; + margin-bottom: 20px; + padding-top: 15px; + padding-bottom: 15px; + text-shadow: 0 1px 0 #fff; + background-color: #f5f5f5; + border-radius: 5px; } .bs-docs-sidebar .nav > li > a { display: block; @@ -229,6 +227,17 @@ section > ul li { border-color: #333; } +/* Increase spacing between page nav and other pages */ +.bs-docs-sidenav .nav-divider { + margin-top: 25px; + margin-bottom: 25px; +} + +.bs-docs-sidebar.affix { + top: 50px; + width: 270px; +} + /* Bootstrap code examples @@ -666,6 +675,9 @@ input.focused { /* Tablets and up */ @media screen and (min-width: 768px) { + body { + padding-top: 50px; + } /* Back to top link */ .bs-docs-top { @@ -687,17 +699,11 @@ input.focused { bottom: 15px; } - .bs-docs-section-header h1 { + .bs-docs-header h1 { font-size: 80px; - font-size: 8rem; line-height: 1; } - /* Account for fixed navbar (which is static to start) */ - .bs-docs-docs { - padding-left: 260px; - } - /* Undo custom padding */ .bs-docs-container { padding-left: 0; @@ -738,10 +744,6 @@ input.focused { /* Tablets/desktops and up */ @media screen and (min-width: 992px) { - .bs-docs-docs { - padding-left: 280px; - } - /* Icons */ .the-icons li { width: 12.5%; @@ -751,8 +753,5 @@ input.focused { /* Large desktops and up */ @media screen and (min-width: 1200px) { - .bs-docs-docs { - padding-left: 300px; - } } -- cgit v1.2.3 From feeaaa6febea765433351d1313d39ad74e452ad4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:13:56 -0700 Subject: refactor homepage jumbotron masthead doodad --- docs/assets/css/docs.css | 102 +++++++++++++++++++++-------------------------- 1 file changed, 46 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 328ede78d..55cc07d45 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -29,10 +29,13 @@ hr { margin-bottom: 30px; } + + .bs-docs-dl-options h4 { margin-top: 15px; margin-bottom: 5px; } + /* .bs-docs-container, .bs-home-container { @@ -40,6 +43,7 @@ hr { padding-right: 15px; } */ + /* Side notes for calling out things */ .bs-docs-sidenote { margin: 20px 0; @@ -59,50 +63,23 @@ hr { } -/* Sections --------------------------------------------------- */ - -/* Padding for in-page bookmarks */ -/*section,*/ -.bs-docs-section { - padding-top: 30px; -} - -/* Few stylistic typography tweaks */ -/*section > .page-header, -section > .lead { - color: #5a5a5a; -} -section > ul li { - margin-bottom: 5px; -}*/ - - -/* Jumbotrons +/* Homepage masthead -------------------------------------------------- */ -.bs-docs-header { - margin-bottom: 20px; - padding-top: 30px; - color: #b94a48; - border-bottom: 5px solid #b94a48; -} - -/* Base class */ -.bs-docs-jumbotron { +.bs-masthead { position: relative; margin-bottom: 20px; padding: 30px 15px; text-align: center; } -.bs-docs-jumbotron h1 { +.bs-masthead h1 { font-size: 50px; line-height: 1; } /* Download button */ -.bs-docs-jumbotron .btn { +.bs-masthead .btn { margin-top: 5px; margin-bottom: 5px; padding: 18px 24px; @@ -111,42 +88,42 @@ section > ul li { background-color: #fff; border-color: #e5e5e5; } -.bs-docs-jumbotron .btn:hover, -.bs-docs-jumbotron .btn:active { +.bs-masthead .btn:hover, +.bs-masthead .btn:active { color: #fff; /* redeclare to override the `.jumbotron a` */ background-color: #b94a48; border-color: #b94a48; } -/* Textual links in masthead */ -.masthead-links { +/* Textual links */ +.bs-masthead-links { margin: 20px 0; list-style: none; } -.masthead-links li { +.bs-masthead-links li { display: inline; color: #999; } -.masthead-links li + li { +.bs-masthead-links li + li { margin-left: 20px; } -/* Special grid styles +/* Docs pages and sections -------------------------------------------------- */ -.show-grid { - margin-bottom: 15px; -} -.show-grid .col { - padding-top: 10px; - padding-bottom: 10px; - background-color: #eee; - border: 1px solid #ddd; +/* Page headers */ +.bs-docs-header { + margin-bottom: 20px; + padding-top: 30px; + color: #b94a48; + border-bottom: 5px solid #b94a48; } -.show-grid .col:hover { - background-color: #ddd; + +/* Padding for in-page bookmarks */ +.bs-docs-section { + padding-top: 30px; } @@ -240,6 +217,24 @@ section > ul li { +/* Special grid styles +-------------------------------------------------- */ + +.show-grid { + margin-bottom: 15px; +} +.show-grid .col { + padding-top: 10px; + padding-bottom: 10px; + background-color: #eee; + border: 1px solid #ddd; +} +.show-grid .col:hover { + background-color: #ddd; +} + + + /* Bootstrap code examples -------------------------------------------------- */ @@ -716,23 +711,18 @@ input.focused { } /* Tweak display of docs jumbotrons */ - .masthead { + .bs-masthead { padding-top: 100px; padding-bottom: 100px; } - .masthead h1 { + .bs-masthead h1 { font-size: 100px; } - .masthead p { + .bs-masthead p { margin-left: 15%; margin-right: 15%; font-size: 30px; } - .subhead { - padding-top: 60px; - padding-bottom: 60px; - text-align: left; - } .bs-navbar-top-example .navbar-fixed-top, .bs-navbar-bottom-example .navbar-fixed-bottom { -- cgit v1.2.3 From 241d3423630f5a1ab4fcb379ec72248421a25874 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:24:07 -0700 Subject: red navbar for docs --- docs/assets/css/docs.css | 19 ++++++++++++++----- 1 file changed, 14 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 55cc07d45..da0ec0370 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -15,13 +15,22 @@ body { /* Top nav and header */ .bs-docs-nav { - background-color: #fff; - border-bottom: 1px solid #ddd; + background-color: #b94a48; } -.bs-docs-nav .navbar-brand { - color: #b94a48; +.bs-docs-nav .navbar-brand, +.bs-docs-nav .navbar-nav > li > a { + color: #fff; +} +.bs-docs-nav .navbar-nav > .active > a { + background-color: #993c3a; +} +.bs-docs-nav .navbar-toggle{ + border-color: #b94a48; +} +.bs-docs-nav .navbar-toggle:hover { + background-color: #993c3a; + border-color: #993c3a; } - hr { -- cgit v1.2.3 From fa4d4e8d88eb8e3e2bb2daba9de3880e93fa5756 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:29:53 -0700 Subject: new docs page headers --- docs/assets/css/docs.css | 25 +++++++++++++++++-------- 1 file changed, 17 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 da0ec0370..0f639395f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -10,7 +10,7 @@ body { position: relative; /* For scrollyspy */ - /* We add the padding to the body for >768px only */ + padding-top: 50px; } /* Top nav and header */ @@ -124,10 +124,18 @@ hr { /* Page headers */ .bs-docs-header { - margin-bottom: 20px; - padding-top: 30px; + padding: 0 15px 15px; + margin-bottom: 30px; + font-size: 16px; + color: #5a5a5a; + border-bottom: 1px solid #ddd; +} +.bs-docs-header h1 { color: #b94a48; - border-bottom: 5px solid #b94a48; +} +.bs-docs-header p { + font-weight: 300; + line-height: 1.5; } /* Padding for in-page bookmarks */ @@ -679,9 +687,6 @@ input.focused { /* Tablets and up */ @media screen and (min-width: 768px) { - body { - padding-top: 50px; - } /* Back to top link */ .bs-docs-top { @@ -703,8 +708,12 @@ input.focused { bottom: 15px; } + .bs-docs-header { + padding: 30px 0 40px; + font-size: 21px; + } .bs-docs-header h1 { - font-size: 80px; + font-size: 60px; line-height: 1; } -- cgit v1.2.3 From f09b07dc2a2cb110d5d129ea8c1aac6cbbb09c0d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:31:49 -0700 Subject: more navbar and header tweaks --- docs/assets/css/docs.css | 10 ++++++---- 1 file changed, 6 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 0f639395f..50cda6360 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -21,10 +21,11 @@ body { .bs-docs-nav .navbar-nav > li > a { color: #fff; } -.bs-docs-nav .navbar-nav > .active > a { +.bs-docs-nav .navbar-nav > .active > a, +.bs-docs-nav .navbar-nav > .active > a:hover { background-color: #993c3a; } -.bs-docs-nav .navbar-toggle{ +.bs-docs-nav .navbar-toggle { border-color: #b94a48; } .bs-docs-nav .navbar-toggle:hover { @@ -124,10 +125,11 @@ hr { /* Page headers */ .bs-docs-header { - padding: 0 15px 15px; + padding: 30px 30px 40px; margin-bottom: 30px; font-size: 16px; color: #5a5a5a; + text-align: center; border-bottom: 1px solid #ddd; } .bs-docs-header h1 { @@ -709,8 +711,8 @@ input.focused { } .bs-docs-header { - padding: 30px 0 40px; font-size: 21px; + text-align: left; } .bs-docs-header h1 { font-size: 60px; -- cgit v1.2.3 From d7acf4e82d2e5ba5775b18870fb01ac22264e764 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:42:42 -0700 Subject: more work on the sidenav, including small css refactor and new classes --- docs/assets/css/docs.css | 97 ++++++++++++++++++++---------------------------- 1 file changed, 40 insertions(+), 57 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 50cda6360..97c998b03 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -126,7 +126,6 @@ hr { /* Page headers */ .bs-docs-header { padding: 30px 30px 40px; - margin-bottom: 30px; font-size: 16px; color: #5a5a5a; text-align: center; @@ -147,32 +146,39 @@ hr { -/* Sidenav +/* Docs sidebar -------------------------------------------------- */ -/* Nav: first level */ -.bs-docs-sidebar > .nav { - margin-top: 20px; - margin-bottom: 20px; +/* By default it's not affixed in mobile views, so undo that */ +.bs-sidebar.affix { + position: static; +} + +/* First level of nav */ +.bs-sidenav { + margin-top: 30px; + margin-bottom: 30px; padding-top: 15px; padding-bottom: 15px; text-shadow: 0 1px 0 #fff; background-color: #f5f5f5; border-radius: 5px; } -.bs-docs-sidebar .nav > li > a { + +/* All levels of nav */ +.bs-sidebar .nav > li > a { display: block; color: #666; - padding: 4px 25px; + padding: 4px 20px; } -.bs-docs-sidebar .nav > li > a:hover, -.bs-docs-sidebar .nav > li > a:focus { +.bs-sidebar .nav > li > a:hover, +.bs-sidebar .nav > li > a:focus { text-decoration: none; border-right: 1px solid #d5d5d5; } -.bs-docs-sidebar .nav > .active > a, -.bs-docs-sidebar .nav > .active:hover > a, -.bs-docs-sidebar .nav > .active:focus > a { +.bs-sidebar .nav > .active > a, +.bs-sidebar .nav > .active:hover > a, +.bs-sidebar .nav > .active:focus > a { font-weight: 500; color: #b94a48; background-color: transparent; @@ -180,60 +186,20 @@ hr { } /* Nav: second level (shown on .active) */ -.bs-docs-sidebar .nav .nav { +.bs-sidebar .nav .nav { display: none; margin-bottom: 5px; } -.bs-docs-sidebar .nav > .active > ul { +.bs-sidebar .nav > .active > ul { display: block; } -.bs-docs-sidebar .nav .nav > li > a { +.bs-sidebar .nav .nav > li > a { padding-top: 2px; padding-bottom: 2px; padding-left: 40px; font-size: 90%; } -.bs-docs-sidenav-heading { - margin: 0 0 25px; -} -.bs-docs-sidenav-heading a { - display: block; - padding: 15px 25px; - color: #b94a48; - border-bottom: 1px solid #e5e5e5; - box-shadow: 0 1px 0 #fff; -} -.bs-docs-sidenav-heading a:hover { - color: #a3403e; - text-decoration: none; -} - -/* Section headings for groups of links */ -.bs-docs-sidenav > li > .nav-header { - margin-top: 20px; - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; - color: #333; -} -.bs-docs-sidenav > .active > .nav-header, -.bs-docs-sidenav > .active > .nav-header:hover { - color: #333; - border-color: #333; -} - -/* Increase spacing between page nav and other pages */ -.bs-docs-sidenav .nav-divider { - margin-top: 25px; - margin-bottom: 25px; -} - -.bs-docs-sidebar.affix { - top: 50px; - width: 270px; -} - /* Special grid styles @@ -690,6 +656,13 @@ input.focused { /* Tablets and up */ @media screen and (min-width: 768px) { + /* Reaffix the fixed sidebar */ + .bs-sidebar.affix { + position: fixed; /* Undo the static from mobile-first approach */ + top: 50px; + width: 160px; + } + /* Back to top link */ .bs-docs-top { float: left; @@ -726,7 +699,7 @@ input.focused { } /* Show the docs nav */ - .bs-docs-sidebar { + .bs-sidebar { display: block; } @@ -754,6 +727,11 @@ input.focused { /* Tablets/desktops and up */ @media screen and (min-width: 992px) { + /* Widen the fixed sidebar */ + .bs-sidebar.affix { + width: 213px; + } + /* Icons */ .the-icons li { width: 12.5%; @@ -764,4 +742,9 @@ input.focused { /* Large desktops and up */ @media screen and (min-width: 1200px) { + /* Widen the fixed sidebar again */ + .bs-sidebar.affix { + width: 270px; + } + } -- cgit v1.2.3 From 67b7a2fc34431a5db19a906328d772e5fc1af814 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:50:41 -0700 Subject: docs css reorg --- docs/assets/css/docs.css | 83 ++++++++++++++++++++---------------------------- 1 file changed, 34 insertions(+), 49 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 97c998b03..50c600c12 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -10,10 +10,14 @@ body { position: relative; /* For scrollyspy */ - padding-top: 50px; + padding-top: 50px; /* Account for fixed navbar */ } -/* Top nav and header */ + + +/* Top nav and header +-------------------------------------------------- */ + .bs-docs-nav { background-color: #b94a48; } @@ -34,45 +38,6 @@ body { } -hr { - margin-top: 30px; - margin-bottom: 30px; -} - - - -.bs-docs-dl-options h4 { - margin-top: 15px; - margin-bottom: 5px; -} - -/* -.bs-docs-container, -.bs-home-container { - padding-left: 15px; - padding-right: 15px; -} -*/ - -/* Side notes for calling out things */ -.bs-docs-sidenote { - margin: 20px 0; - padding: 15px 30px 15px 15px; - background-color: #fcf2f2; - border-left: 5px solid #df7c7b; -} -.bs-docs-sidenote h4 { - margin-top: 0; -} -.bs-docs-sidenote p:last-child { - margin-bottom: 0; -} -.bs-docs-sidenote code, -.bs-docs-sidenote .highlight { - background-color: #fff; -} - - /* Homepage masthead -------------------------------------------------- */ @@ -202,6 +167,28 @@ hr { +/* Side notes for calling out things +-------------------------------------------------- */ + +.bs-docs-sidenote { + margin: 20px 0; + padding: 15px 30px 15px 15px; + background-color: #fcf2f2; + border-left: 5px solid #df7c7b; +} +.bs-docs-sidenote h4 { + margin-top: 0; +} +.bs-docs-sidenote p:last-child { + margin-bottom: 0; +} +.bs-docs-sidenote code, +.bs-docs-sidenote .highlight { + background-color: #fff; +} + + + /* Special grid styles -------------------------------------------------- */ @@ -407,6 +394,7 @@ hr { } + /* Example templates -------------------------------------------------- */ @@ -629,17 +617,14 @@ input.focused { color: #bebec5; } - - -/* Docs gallery --------------------------------------------------- */ - -.bs-docs-gallery .thumbnail { - max-width: 400px; - margin: 0 auto 20px; +/* Better spacing on download options in getting started */ +.bs-docs-dl-options h4 { + margin-top: 15px; + margin-bottom: 5px; } + /* Responsive variations -------------------------------------------------- */ -- cgit v1.2.3 From e5e5f6616c036bde1fd142c6721e1c5066c11d64 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:51:44 -0700 Subject: .bs-docs-header to .bs-header --- docs/assets/css/docs.css | 10 +++++----- 1 file changed, 5 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 50c600c12..ebe87be88 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -89,17 +89,17 @@ body { -------------------------------------------------- */ /* Page headers */ -.bs-docs-header { +.bs-header { padding: 30px 30px 40px; font-size: 16px; color: #5a5a5a; text-align: center; border-bottom: 1px solid #ddd; } -.bs-docs-header h1 { +.bs-header h1 { color: #b94a48; } -.bs-docs-header p { +.bs-header p { font-weight: 300; line-height: 1.5; } @@ -668,11 +668,11 @@ input.focused { bottom: 15px; } - .bs-docs-header { + .bs-header { font-size: 21px; text-align: left; } - .bs-docs-header h1 { + .bs-header h1 { font-size: 60px; line-height: 1; } -- cgit v1.2.3 From 3c3e56ca50571c1efb6632fe39367de246cb3db6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:52:48 -0700 Subject: .bs-docs-top to .bs-top --- 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 ebe87be88..030abcc86 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -649,7 +649,7 @@ input.focused { } /* Back to top link */ - .bs-docs-top { + .bs-top { float: left; padding: 7px 15px; font-weight: 500; @@ -657,12 +657,12 @@ input.focused { background-color: #eee; border-radius: 4px; } - .bs-docs-top:hover { + .bs-top:hover { color: #fff; text-decoration: none; background-color: #999; } - .bs-docs-top.affix { + .bs-top.affix { position: fixed; right: 15px; bottom: 15px; -- cgit v1.2.3 From 705063c73a9274333a9c5981aeb9cdfb9d443a02 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:54:25 -0700 Subject: .bs-docs-social-* to .bs-social-* --- docs/assets/css/docs.css | 13 ++++++------- 1 file changed, 6 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 030abcc86..2195c7cb6 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -544,27 +544,26 @@ body { } /* Social proof buttons from GitHub & Twitter */ -.bs-docs-social { +.bs-social { margin-top: 80px; margin-bottom: 20px; } -/* Quick links on Home */ -.bs-docs-social-buttons { +.bs-social-buttons { display: inline-block; margin: 0; list-style: none; } -.bs-docs-social-buttons li { +.bs-social-buttons li { display: inline-block; line-height: 1; } -.bs-docs-social-buttons li + li { +.bs-social-buttons li + li { margin-left: 15px; } -.bs-docs-social-buttons .twitter-follow-button { +.bs-social-buttons .twitter-follow-button { width: 225px !important; } -.bs-docs-social-buttons .twitter-share-button { +.bs-social-buttons .twitter-share-button { width: 98px !important; } -- cgit v1.2.3 From ac28ad81d0b1761c07607c89c0d1dfc6c7caf721 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:55:17 -0700 Subject: .bs-docs-footer to .bs-footer; nuke .bs-docs-container css; remove .bs-docs-container from footer --- docs/assets/css/docs.css | 10 ++-------- 1 file changed, 2 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 2195c7cb6..020fba853 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -522,13 +522,13 @@ body { /* Footer -------------------------------------------------- */ -.bs-docs-footer { +.bs-footer { padding-top: 30px; padding-bottom: 30px; margin-top: 100px; border-top: 1px solid #e5e5e5; } -.bs-docs-footer p { +.bs-footer p { margin-bottom: 0; color: #777; } @@ -676,12 +676,6 @@ input.focused { line-height: 1; } - /* Undo custom padding */ - .bs-docs-container { - padding-left: 0; - padding-right: 0; - } - /* Show the docs nav */ .bs-sidebar { display: block; -- cgit v1.2.3 From 09c3a4b3bcb2d7bb6a786854abd0bc17a12c6d39 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:56:29 -0700 Subject: .bs-docs-example to .bs-example --- docs/assets/css/docs.css | 86 ++++++++++++++++++++++++------------------------ 1 file changed, 43 insertions(+), 43 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 020fba853..c0692a4ea 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -211,7 +211,7 @@ body { -------------------------------------------------- */ /* Base class */ -.bs-docs-example { +.bs-example { position: relative; padding: 39px 14px 14px; margin-bottom: -1px; @@ -220,7 +220,7 @@ body { border-top-right-radius: 4px; } /* Echo out a label for the example */ -.bs-docs-example:after { +.bs-example:after { content: "Example"; position: absolute; top: -1px; @@ -236,56 +236,56 @@ body { } /* Tweak display of the examples */ -.bs-docs-example + .prettyprint, -.bs-docs-example + .highlight { +.bs-example + .prettyprint, +.bs-example + .highlight { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } /* Tweak content of examples for optimum awesome */ -.bs-docs-example > p:last-child, -.bs-docs-example > ul:last-child, -.bs-docs-example > ol:last-child, -.bs-docs-example > blockquote:last-child, -.bs-docs-example > input:last-child, -.bs-docs-example > select:last-child, -.bs-docs-example > textarea:last-child, -.bs-docs-example > .table:last-child, -.bs-docs-example > .jumbotron:last-child, -.bs-docs-example > .alert:last-child, -.bs-docs-example > .panel:last-child, -.bs-docs-example > .list-group:last-child, -.bs-docs-example > .well:last-child { +.bs-example > p:last-child, +.bs-example > ul:last-child, +.bs-example > ol:last-child, +.bs-example > blockquote:last-child, +.bs-example > input:last-child, +.bs-example > select:last-child, +.bs-example > textarea:last-child, +.bs-example > .table:last-child, +.bs-example > .jumbotron:last-child, +.bs-example > .alert:last-child, +.bs-example > .panel:last-child, +.bs-example > .list-group:last-child, +.bs-example > .well:last-child { margin-bottom: 0; } /* Typography */ -.bs-docs-example-type .table td { +.bs-example-type .table td { color: #999; vertical-align: middle; border-color: ; } -.bs-docs-example-type .table td, -.bs-docs-example-type .table th { +.bs-example-type .table td, +.bs-example-type .table th { padding: 15px 0; border-color: #eee; } -.bs-docs-example-type .table tr:first-child td, -.bs-docs-example-type .table tr:first-child th { +.bs-example-type .table tr:first-child td, +.bs-example-type .table tr:first-child th { border-top: 0; } -.bs-docs-example-type h1, -.bs-docs-example-type h2, -.bs-docs-example-type h3, -.bs-docs-example-type h4, -.bs-docs-example-type h5, -.bs-docs-example-type h6 { +.bs-example-type h1, +.bs-example-type h2, +.bs-example-type h3, +.bs-example-type h4, +.bs-example-type h5, +.bs-example-type h6 { margin: 0; } /* List groups */ -.bs-docs-example > .list-group { +.bs-example > .list-group { max-width: 400px; } @@ -331,10 +331,10 @@ body { } /* Example modals */ -.bs-docs-example-modal { +.bs-example-modal { background-color: #f5f5f5; } -.bs-docs-example-modal .modal { +.bs-example-modal .modal { position: relative; top: auto; right: auto; @@ -343,29 +343,29 @@ body { z-index: 1; display: block; } -.bs-docs-example-modal .modal-dialog { +.bs-example-modal .modal-dialog { left: auto; margin-left: auto; margin-right: auto; } /* Example dropdowns */ -.bs-docs-example > .dropdown > .dropdown-menu, -.bs-docs-example-submenu > .pull-left > .dropup > .dropdown-menu, -.bs-docs-example-submenu > .pull-left > .dropdown > .dropdown-menu { +.bs-example > .dropdown > .dropdown-menu, +.bs-example-submenu > .pull-left > .dropup > .dropdown-menu, +.bs-example-submenu > .pull-left > .dropdown > .dropdown-menu { position: static; display: block; margin-bottom: 5px; } -.bs-docs-example-submenu { +.bs-example-submenu { min-height: 230px; } -.bs-docs-example-submenu > .pull-left + .pull-left { +.bs-example-submenu > .pull-left + .pull-left { margin-left: 20px; } /* Example tabbable tabs */ -.bs-docs-example-tabs .nav-tabs { +.bs-example-tabs .nav-tabs { margin-bottom: 15px; } @@ -381,11 +381,11 @@ body { } /* Popovers */ -.bs-docs-example-popover { +.bs-example-popover { padding-bottom: 24px; background-color: #f9f9f9; } -.bs-docs-example-popover .popover { +.bs-example-popover .popover { position: relative; display: block; float: left; @@ -398,10 +398,10 @@ body { /* Example templates -------------------------------------------------- */ -.bs-docs-examples h4 { +.bs-examples h4 { margin-bottom: 5px; } -.bs-docs-examples p { +.bs-examples p { margin-bottom: 20px; } @@ -629,7 +629,7 @@ input.focused { /* Hide code snippets on mobile devices */ @media screen and (max-width: 480px) { - .bs-docs-example { + .bs-example { border-radius: 4px; } .highlight { -- cgit v1.2.3 From 526dfb7735c8bce460b4960ec196f236fcd9d137 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:57:42 -0700 Subject: .bs-docs-tooltip-examples to .bs-example-tooltips --- 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 c0692a4ea..03b2ce29c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -370,12 +370,12 @@ body { } /* Tooltips */ -.bs-docs-tooltip-examples { +.bs-example-tooltips { text-align: center; margin: 0 0 10px; list-style: none; } -.bs-docs-tooltip-examples li { +.bs-example-tooltips li { display: inline; padding: 0 10px; } -- cgit v1.2.3 From 766be659c15d0fef1c83767504b3aac96af19c1c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:58:54 -0700 Subject: .bs-docs-sidenote to .bs-callout --- docs/assets/css/docs.css | 10 +++++----- 1 file changed, 5 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 03b2ce29c..16645011f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -170,20 +170,20 @@ body { /* Side notes for calling out things -------------------------------------------------- */ -.bs-docs-sidenote { +.bs-callout { margin: 20px 0; padding: 15px 30px 15px 15px; background-color: #fcf2f2; border-left: 5px solid #df7c7b; } -.bs-docs-sidenote h4 { +.bs-callout h4 { margin-top: 0; } -.bs-docs-sidenote p:last-child { +.bs-callout p:last-child { margin-bottom: 0; } -.bs-docs-sidenote code, -.bs-docs-sidenote .highlight { +.bs-callout code, +.bs-callout .highlight { background-color: #fff; } -- cgit v1.2.3 From 7b6352d2cf6f04b46918b1cc8bad50ff92fdbe07 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 16:41:35 -0700 Subject: Fix up navbar forms by using inline form as a mixin; fix docs for those --- 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 16645011f..fcbf723eb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -252,6 +252,7 @@ body { .bs-example > select:last-child, .bs-example > textarea:last-child, .bs-example > .table:last-child, +.bs-example > .navbar:last-child .bs-example > .jumbotron:last-child, .bs-example > .alert:last-child, .bs-example > .panel:last-child, -- cgit v1.2.3 From 6fba68eb8b036fad1bc4f33484889cccf2480bff Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 17:20:46 -0700 Subject: Unitless line-height * Instead of 20px as @line-height-base, use 1.5 * Update typographic scale for headings to use unitless as well--required some twerking of decimals a bit and some rounding * Introduce new @line-height-computed value, which takes base font-size and multiplies it by 1.5, for use in padding and margin on components --- 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 fcbf723eb..bfbb60d48 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -599,6 +599,7 @@ input.focused { } .highlight pre { padding: 0; + margin-top: 0; margin-bottom: 0; background-color: transparent; border: 0; -- cgit v1.2.3 From e34abd02cc6d0a7d226dd0dc5a5dea59d53757de Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 17:36:02 -0700 Subject: redo docs footer a bit --- docs/assets/css/docs.css | 7 +++++-- 1 file changed, 5 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 bfbb60d48..92ea49d9c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -52,6 +52,9 @@ body { font-size: 50px; line-height: 1; } +.bs-masthead .bs-social { + margin-top: 80px; +} /* Download button */ .bs-masthead .btn { @@ -524,9 +527,10 @@ body { -------------------------------------------------- */ .bs-footer { - padding-top: 30px; + padding-top: 40px; padding-bottom: 30px; margin-top: 100px; + text-align: center; border-top: 1px solid #e5e5e5; } .bs-footer p { @@ -546,7 +550,6 @@ body { /* Social proof buttons from GitHub & Twitter */ .bs-social { - margin-top: 80px; margin-bottom: 20px; } .bs-social-buttons { -- cgit v1.2.3 From 758cb9d186e3fd9fbc94162d15a5ee0dfb1f9ef9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 10 May 2013 10:29:54 -0700 Subject: twerk nested nav links --- 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 92ea49d9c..3a93a01cf 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -164,7 +164,7 @@ body { .bs-sidebar .nav .nav > li > a { padding-top: 2px; padding-bottom: 2px; - padding-left: 40px; + padding-left: 30px; font-size: 90%; } -- cgit v1.2.3 From 45f62f9589c50175161b627d0f5b6f34ee8592aa Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Tue, 14 May 2013 08:33:49 -0400 Subject: Cleanup form-inline examples in docs --- 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 3a93a01cf..b08437a0e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -288,6 +288,11 @@ body { margin: 0; } +.bs-example.form-inline input:not([type=checkbox]):not([type=radio]), +.bs-example.form-inline select { + width: 180px; +} + /* List groups */ .bs-example > .list-group { max-width: 400px; -- cgit v1.2.3 From e56c809492b605f2bae242b67ff18fef426e7b7a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 22:08:32 -0700 Subject: refined navbar styles in docs --- docs/assets/css/docs.css | 8 +++++++- 1 file changed, 7 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 3a93a01cf..36f7cbd45 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -21,12 +21,18 @@ body { .bs-docs-nav { background-color: #b94a48; } -.bs-docs-nav .navbar-brand, +.bs-docs-nav .navbar-brand { + color: #fff; +} .bs-docs-nav .navbar-nav > li > a { + color: #dfc9c8; +} +.bs-docs-nav .navbar-nav > li > a:hover { color: #fff; } .bs-docs-nav .navbar-nav > .active > a, .bs-docs-nav .navbar-nav > .active > a:hover { + color: #fff; background-color: #993c3a; } .bs-docs-nav .navbar-toggle { -- cgit v1.2.3 From 28a081cb20d4e9544967e7c6d5ab31ff4ad68862 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 23:21:30 -0700 Subject: Overhaul form control and button sizing, and some type styles * New padding approach with separate horizontal and vertical padding variables * Improved sizing in large and small buttons and form controls * Dropped the `.btn-mini` (since we have no `.input-mini` to match, and holy fuck those were small buttons) * Dropped the `.pagination-mini` as well because once again, to hell with such small components * Changed `@line-height-headings` to `@headings-line-height` * Removed the `@headings-font-family` because it was honestly kind of useless --- 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 36f7cbd45..7f2526f21 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -294,6 +294,11 @@ body { margin: 0; } +/* Forms */ +.bs-example-control-sizing input[type="text"] + input[type="text"] { + margin-top: 10px; +} + /* List groups */ .bs-example > .list-group { max-width: 400px; -- cgit v1.2.3 From 6307dc40d738653d2fdf8c2316e27586fa8e975f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 15 May 2013 10:01:09 -0700 Subject: Fixes #7898: ensure button type Sets `type="button"` on all buttons in the 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 c2446d0fe..3cc4d97ec 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -269,6 +269,9 @@ body { .bs-example > .well:last-child { margin-bottom: 0; } +.bs-example > .close { + float: none; +} /* Typography */ .bs-example-type .table td { -- cgit v1.2.3 From e5d6a40a7781daea884dc4472e5eb3f1705a8498 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 19:13:58 -0700 Subject: Redo the responsive utilities stuff * Update docs language * Enforce display: block; on all utilities for now * Fix up docs CSS for the tests --- docs/assets/css/docs.css | 18 ++++++++++-------- 1 file changed, 10 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 3cc4d97ec..fd40cdafb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -510,16 +510,14 @@ body { position: relative; float: left; width: 25%; - height: 43px; + padding: 15px 10px; font-size: 14px; font-weight: bold; - line-height: 43px; + line-height: 1.1; color: #999; text-align: center; border: 1px solid #ddd; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .responsive-utilities-test li + li { margin-left: 10px; @@ -530,9 +528,8 @@ body { left: -1px; right: -1px; bottom: -1px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + padding: 15px 10px; + border-radius: 4px; } .responsive-utilities-test span { color: #468847; @@ -646,6 +643,10 @@ input.focused { margin-bottom: 5px; } +/* Hide the top link initially */ +.bs-top { + display: none; +} /* Responsive variations @@ -673,6 +674,7 @@ input.focused { /* Back to top link */ .bs-top { + display: block; /* Unhide */ float: left; padding: 7px 15px; font-weight: 500; -- cgit v1.2.3 From af0b9cb41a5d86726c622529c5b8f8a43cd18e45 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 20:07:41 -0700 Subject: Simple responsive utilities test css --- docs/assets/css/docs.css | 25 +++++++++++-------------- 1 file changed, 11 insertions(+), 14 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index fd40cdafb..e389eaf6e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -510,28 +510,25 @@ body { position: relative; float: left; width: 25%; - padding: 15px 10px; - font-size: 14px; - font-weight: bold; - line-height: 1.1; - color: #999; - text-align: center; - border: 1px solid #ddd; - border-radius: 4px; } .responsive-utilities-test li + li { margin-left: 10px; } .responsive-utilities-test span { - position: absolute; - top: -1px; - left: -1px; - right: -1px; - bottom: -1px; padding: 15px 10px; + font-size: 14px; + font-weight: bold; + line-height: 1.1; + text-align: center; border-radius: 4px; } -.responsive-utilities-test span { +.responsive-utilities-test.visible-on [class*="hidden"], +.responsive-utilities-test.hidden-on [class*="visible"] { + color: #999; + border: 1px solid #ddd; +} +.responsive-utilities-test.visible-on [class*="visible"], +.responsive-utilities-test.hidden-on [class*="hidden"] { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; -- cgit v1.2.3 From 5f7352a6fe5f7a7eef4dce64184f55d1fec2676b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 22:11:31 -0700 Subject: Better grid template; link color change in docs 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 e389eaf6e..9221cac1b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -25,7 +25,7 @@ body { color: #fff; } .bs-docs-nav .navbar-nav > li > a { - color: #dfc9c8; + color: #e6cac8; } .bs-docs-nav .navbar-nav > li > a:hover { color: #fff; -- cgit v1.2.3 From 52a348aa3f5e06e6429f386002f653dac7a35a99 Mon Sep 17 00:00:00 2001 From: Julian Thilo Date: Thu, 23 May 2013 02:30:58 +0200 Subject: Bring the customizer up to speed I reworked the customizer to match the new docs layout and include all newly added variables, etc. Would be glad to keep an eye on Customize and update it as v3 changes. Help blocks in my new version need some more work, too, so this is just a basis. --- docs/assets/css/docs.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 9221cac1b..ddab6ba6a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -94,6 +94,29 @@ body { +/* Customize and Download button +-------------------------------------------------- */ + +.bs-customize-download { + text-align:center; +} +.bs-customize-download .btn { + margin-top: 5px; + margin-bottom: 5px; + padding: 18px 24px; + font-size: 21px; + color: #b94a48; + background-color: #fff; + border-color: #b94a48; +} +.bs-customize-download .btn:hover, +.bs-customize-download .btn:active { + color: #fff; + background-color: #b94a48; +} + + + /* Docs pages and sections -------------------------------------------------- */ -- cgit v1.2.3 From acc0875259593d3206a07ac24bf877d0c8c0c8b9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 22 May 2013 23:34:28 -0700 Subject: fix up customizer js and classes; turn buttons into real buttons --- 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 ddab6ba6a..6f7254e82 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -97,6 +97,17 @@ body { /* Customize and Download button -------------------------------------------------- */ +.bs-customizer { + +} +.bs-customizer .toggle { + float: right; +} +.bs-customizer label { + margin-top: 10px; +} + + .bs-customize-download { text-align:center; } -- cgit v1.2.3 From 3160bd872ee02567ae369ad1d940207523cd5a44 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 23 May 2013 21:34:32 -0700 Subject: rearrange customizer content --- docs/assets/css/docs.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 6f7254e82..305247251 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -105,6 +105,14 @@ body { } .bs-customizer label { margin-top: 10px; + font-weight: 500; + color: #555; +} +.bs-customizer h4 { + margin-top: 15px; +} +.bs-customizer input[type="text"] { + background-color: #fafafa; } -- cgit v1.2.3 From 567b8b56319994dc0488de629b2dd2447be10115 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 3 Jun 2013 21:58:58 -0700 Subject: fix docs highlighting of grid --- 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 305247251..6a608b4da 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -246,13 +246,13 @@ body { .show-grid { margin-bottom: 15px; } -.show-grid .col { +.show-grid [class^="col-"] { padding-top: 10px; padding-bottom: 10px; background-color: #eee; border: 1px solid #ddd; } -.show-grid .col:hover { +.show-grid [class^="col-"]:hover { background-color: #ddd; } -- cgit v1.2.3 From 441bbe1998c790dad1c4d44c5f85e6360209eaac Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 8 Jun 2013 18:34:16 -0230 Subject: Another grid update * Update docs to include table of grid levels and behaviors * Change from .col-md to .col-sm to match existing size variables we use elsewhere * Keep .col-lg as-is though for simplicity as we won't likely add a fourth level of the grid * Combine responsive .container breakpoints with grid breakpoints in grid.less * Other misc docs updates --- 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 6a608b4da..811961d60 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -520,6 +520,7 @@ body { /* Utility classes table ------------------------- */ +.bs-table th small, .responsive-utilities th small { display: block; font-weight: normal; -- cgit v1.2.3 From 0a18d33d2c1600c9d5133127dac4db2f690df71a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Jun 2013 23:43:43 -0700 Subject: Redo grid documentation * Update example sections to include basic, mobile-desktop, and mobile-tablet-desktop implementations * Add more examples to the grid example page * Red columns instead of gray for more Bootstrapy aesthetic --- 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 811961d60..814208f78 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -251,9 +251,13 @@ body { padding-bottom: 10px; background-color: #eee; border: 1px solid #ddd; + /* Todo: reconcile these */ + background-color: rgba(185,74,72,.15); + border: 1px solid rgba(185,74,72,.2); } .show-grid [class^="col-"]:hover { background-color: #ddd; + background-color: rgba(185,74,72,.25); } -- cgit v1.2.3 From 9ba11ba60a444d84a9cf731bad49e91dd20826a4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Jun 2013 23:44:14 -0700 Subject: No more need for grid column highlighting, so nuke that --- docs/assets/css/docs.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 814208f78..db1cb1778 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -255,10 +255,6 @@ body { background-color: rgba(185,74,72,.15); border: 1px solid rgba(185,74,72,.2); } -.show-grid [class^="col-"]:hover { - background-color: #ddd; - background-color: rgba(185,74,72,.25); -} -- cgit v1.2.3 From 258e1d62fbff743f8ae08ef75ffbc962fdb51e58 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 15 Jun 2013 11:37:59 -0700 Subject: Fix up broken input group example layouts --- 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 db1cb1778..e47805d37 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -348,6 +348,12 @@ body { .bs-example-control-sizing input[type="text"] + input[type="text"] { margin-top: 10px; } +.bs-example-form { + overflow: hidden; +} +.bs-example-form .input-group { + margin-bottom: 10px; +} /* List groups */ .bs-example > .list-group { -- cgit v1.2.3 From eba9b4de6c5d2dfe49ba6d2484307b1d6542620a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 21 Jun 2013 11:56:47 -0700 Subject: Reset padding on homepage links --- docs/assets/css/docs.css | 4 +++- 1 file changed, 3 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 e47805d37..defa02fb0 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -81,7 +81,9 @@ body { /* Textual links */ .bs-masthead-links { - margin: 20px 0; + margin-top: 20px; + margin-bottom: 20px; + padding-left: 0; list-style: none; } .bs-masthead-links li { -- cgit v1.2.3