diff options
| author | Mark Otto <[email protected]> | 2013-08-17 17:31:58 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-17 17:31:58 -0700 |
| commit | ba20e512ce53e7cc771ba06d492a01d48db6cc97 (patch) | |
| tree | 30cebcbb796725c7dc06c9125714d83adbf585c3 /assets/css | |
| parent | 2af9cf10ce2e93fe0ac07651d405abc484e4c608 (diff) | |
| parent | e29c23afab2577e05cfaa41f64a20f1ca87222fc (diff) | |
| download | bootstrap-ba20e512ce53e7cc771ba06d492a01d48db6cc97.tar.xz bootstrap-ba20e512ce53e7cc771ba06d492a01d48db6cc97.zip | |
Merge branch '3.0.0-wip' into bs3_theme
Conflicts:
dist/css/bootstrap.min.css
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/docs.css | 256 |
1 files changed, 161 insertions, 95 deletions
diff --git a/assets/css/docs.css b/assets/css/docs.css index 84087e82f..da126d165 100644 --- a/assets/css/docs.css +++ b/assets/css/docs.css @@ -55,6 +55,10 @@ body { .bs-docs-nav { background-color: #563d7c; + border-color: #463265; +} +.bs-docs-nav .navbar-collapse { + border-color: #463265; } .bs-docs-nav .navbar-brand { color: #fff; @@ -137,7 +141,7 @@ body { .bs-masthead-links { margin-top: 20px; margin-bottom: 20px; - padding-left: 0; + padding: 0 15px; list-style: none; text-align: center; } @@ -174,6 +178,7 @@ body { margin-top: 15px; } .bs-customizer input[type="text"] { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; background-color: #fafafa; } .bs-customizer .help-block { @@ -184,6 +189,31 @@ body { text-align: center; } +#less-section label { + font-weight: normal; +} + +/* Alerts */ +.bs-customizer-alert { + position: fixed; + top: 51px; + left: 0; + right: 0; + z-index: 1030; + padding: 15px 0; + color: #fff; + background-color: #d9534f; + box-shadow: inset 0 1px 0 rgba(255,255,255,.25); + border-bottom: 1px solid #b94441; +} +.bs-customizer-alert .close { + margin-top: -2px; + color: #fff; + text-shadow: none; +} +.bs-customizer-alert p { + margin-bottom: 0; +} /* Docs pages and sections @@ -208,7 +238,7 @@ body { position: relative; } -.bs-docs-section h1[id] { +.bs-docs-section + .bs-docs-section { padding-top: 80px; } @@ -339,6 +369,17 @@ body { } +/* Examples grid +-------------------------------------------------- */ + +.bs-examples h4 { + margin-bottom: 5px; +} +.bs-examples p { + margin-bottom: 20px; +} + + /* Special grid styles -------------------------------------------------- */ @@ -364,7 +405,7 @@ body { .bs-example { position: relative; padding: 45px 15px 15px; - margin: 0 -15px -1px; + margin: 0 -15px 15px; background-color: #fafafa; box-shadow: inset 0 3px 6px rgba(0,0,0,.05); border-color: #e5e5e5 #eee #eee; @@ -385,11 +426,10 @@ body { } /* Tweak display of the examples */ -.bs-example + .prettyprint, .bs-example + .highlight { - margin-top: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; + margin: -15px -15px 15px; + border-radius: 0; + border-width: 0 0 1px; } /* Tweak content of examples for optimum awesome */ @@ -397,16 +437,15 @@ body { .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 > .form-control:last-child, .bs-example > .table:last-child, -.bs-example > .navbar:last-child +.bs-example > .navbar: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 { +.bs-example > .well:last-child, +.bs-example > .progress:last-child { margin-bottom: 0; } .bs-example > p > .close { @@ -414,17 +453,15 @@ body { } /* Typography */ -.bs-example-type .table td { +.bs-example-type .table td:last-child { color: #999; vertical-align: middle; } -.bs-example-type .table td, -.bs-example-type .table th { +.bs-example-type .table td { padding: 15px 0; border-color: #eee; } -.bs-example-type .table tr:first-child td, -.bs-example-type .table tr:first-child th { +.bs-example-type .table tr:first-child td { border-top: 0; } .bs-example-type h1, @@ -436,12 +473,24 @@ body { margin: 0; } -/* Forms */ -.bs-example.form-inline select, -.bs-example.form-inline input[type="text"], -.bs-example.form-inline input[type="password"] { - width: 180px; +/* Images */ +.bs-example > .img-circle, +.bs-example > .img-rounded, +.bs-example > .img-thumbnail { + margin: 5px; +} + +/* Buttons */ +.bs-example > .btn, +.bs-example > .btn-group { + margin-top: 5px; + margin-bottom: 5px; } +.bs-example > .btn-toolbar + .btn-toolbar { + margin-top: 10px; +} + +/* Forms */ .bs-example-control-sizing select, .bs-example-control-sizing input[type="text"] + input[type="text"] { margin-top: 10px; @@ -449,6 +498,9 @@ body { .bs-example-form .input-group { margin-bottom: 10px; } +.bs-example > textarea.form-control { + resize: vertical; +} /* List groups */ .bs-example > .list-group { @@ -463,7 +515,6 @@ body { .bs-navbar-bottom-example { z-index: 1; padding: 0; - min-height: 110px; overflow: hidden; /* cut the drop shadows off */ } .bs-navbar-top-example .navbar-fixed-top, @@ -472,33 +523,41 @@ body { 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; - border-radius: 0 0 4px 4px; + padding-bottom: 45px; } .bs-navbar-top-example:after { top: auto; bottom: 15px; - -webkit-border-radius: 0 4px 0 4px; - -moz-border-radius: 0 4px 0 4px; - border-radius: 0 4px 0 4px; +} +.bs-navbar-top-example .navbar-fixed-top { + top: -1px; } .bs-navbar-bottom-example { - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + padding-top: 45px; +} +.bs-navbar-bottom-example .navbar-fixed-bottom { + bottom: -1px; } .bs-navbar-bottom-example .navbar { margin-bottom: 0; } +@media (min-width: 768px) { + .bs-navbar-top-example { + border-radius: 0 0 4px 4px; + } + .bs-navbar-bottom-example { + border-radius: 4px 4px 0 0; + } +} + +/* Pagination */ +.bs-example .pagination { + margin-top: 10px; + margin-bottom: 10px; +} + /* Example modals */ .bs-example-modal { background-color: #f5f5f5; @@ -519,19 +578,11 @@ body { } /* Example dropdowns */ -.bs-example > .dropdown > .dropdown-menu, -.bs-example-submenu > .pull-left > .dropup > .dropdown-menu, -.bs-example-submenu > .pull-left > .dropdown > .dropdown-menu { +.bs-example > .dropdown > .dropdown-menu { position: static; display: block; margin-bottom: 5px; } -.bs-example-submenu { - min-height: 230px; -} -.bs-example-submenu > .pull-left + .pull-left { - margin-left: 20px; -} /* Example tabbable tabs */ .bs-example-tabs .nav-tabs { @@ -542,6 +593,10 @@ body { .bs-example-tooltips { text-align: center; } +.bs-example-tooltips > .btn { + margin-top: 5px; + margin-bottom: 5px; +} /* Popovers */ .bs-example-popover { @@ -557,19 +612,6 @@ body { } - -/* Example templates --------------------------------------------------- */ - -.bs-examples h4 { - margin-bottom: 5px; -} -.bs-examples p { - margin-bottom: 20px; -} - - - /* Responsive docs -------------------------------------------------- */ @@ -603,6 +645,10 @@ body { border-bottom: 0; } } +.bs-table-scrollable .highlight pre { + white-space: normal; +} + /* Related: responsive utilities tables */ .table code { @@ -637,17 +683,9 @@ body { ------------------------- */ .responsive-utilities-test { margin-top: 5px; - padding-left: 0; - list-style: none; - overflow: hidden; /* clear floats */ -} -.responsive-utilities-test li { - position: relative; - float: left; - width: 25%; } -.responsive-utilities-test li + li { - margin-left: 10px; +.responsive-utilities-test .col-xs-6 { + margin-bottom: 10px; } .responsive-utilities-test span { padding: 15px 10px; @@ -657,13 +695,25 @@ body { text-align: center; border-radius: 4px; } -.responsive-utilities-test.visible-on [class*="hidden"], -.responsive-utilities-test.hidden-on [class*="visible"] { +.visible-on .col-xs-6 .hidden-xs, +.visible-on .col-xs-6 .hidden-sm, +.visible-on .col-xs-6 .hidden-md, +.visible-on .col-xs-6 .hidden-lg, +.hidden-on .col-xs-6 .visible-xs, +.hidden-on .col-xs-6 .visible-sm, +.hidden-on .col-xs-6 .visible-md, +.hidden-on .col-xs-6 .visible-lg { color: #999; border: 1px solid #ddd; } -.responsive-utilities-test.visible-on [class*="visible"], -.responsive-utilities-test.hidden-on [class*="hidden"] { +.visible-on .col-xs-6 .visible-xs, +.visible-on .col-xs-6 .visible-sm, +.visible-on .col-xs-6 .visible-md, +.visible-on .col-xs-6 .visible-lg, +.hidden-on .col-xs-6 .hidden-xs, +.hidden-on .col-xs-6 .hidden-sm, +.hidden-on .col-xs-6 .hidden-md, +.hidden-on .col-xs-6 .hidden-lg { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; @@ -710,9 +760,7 @@ body { .bs-social-buttons li { display: inline-block; line-height: 1; -} -.bs-social-buttons li + li { - margin-left: 15px; + padding: 5px 8px; } .bs-social-buttons .twitter-follow-button { width: 225px !important; @@ -720,6 +768,11 @@ body { .bs-social-buttons .twitter-share-button { width: 98px !important; } +/* Style the GitHub buttons via CSS instead of inline attributes */ +.github-btn { + border: 0; + overflow: hidden; +} @@ -727,7 +780,7 @@ body { -------------------------------------------------- */ /* Pseudo :focus state for showing how it looks in the docs */ -input.focused { +#focusedInput { border-color: rgba(82,168,236,.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ @@ -809,6 +862,19 @@ input.focused { border-radius: 4px 4px 0 0; box-shadow: none; } + .bs-example + .prettyprint, + .bs-example + .highlight { + margin-top: -16px; + margin-left: 0; + margin-right: 0; + border-width: 1px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + .bs-masthead-links { + padding: 0; + } .carbonad { margin: 0 !important; @@ -820,10 +886,6 @@ input.focused { .bs-sidebar { display: block; } - /* Show the hidden subnavs when space allows it */ - .bs-sidebar .nav > .active > ul { - display: block; - } /* Tweak display of docs jumbotrons */ .bs-masthead { @@ -848,7 +910,23 @@ input.focused { /* Tablets/desktops and up */ @media screen and (min-width: 992px) { + .bs-header h1, + .bs-header p { + margin-right: 380px; + } + .carbonad { + position: absolute; + top: 20px; + right: 0; + padding: 15px !important; + width: 330px !important; + min-height: 132px; + } + /* Show the hidden subnavs when space allows it */ + .bs-sidebar .nav > .active > ul { + display: block; + } /* Widen the fixed sidebar */ .bs-sidebar.affix, .bs-sidebar.affix-bottom { @@ -866,18 +944,6 @@ input.focused { margin-top: 0; margin-bottom: 0; } - .bs-header h1, - .bs-header p { - margin-right: 380px; - } - .carbonad { - position: absolute; - top: 20px; - right: 0; - padding: 15px !important; - width: 330px !important; - min-height: 132px; - } } /* Large desktops and up */ @@ -886,7 +952,7 @@ input.focused { /* Widen the fixed sidebar again */ .bs-sidebar.affix-bottom, .bs-sidebar.affix { - width: 270px; + width: 263px; } } |
