diff options
Diffstat (limited to 'assets/css/docs.css')
| -rw-r--r-- | assets/css/docs.css | 224 |
1 files changed, 130 insertions, 94 deletions
diff --git a/assets/css/docs.css b/assets/css/docs.css index 62dcf3b89..4c3afd84f 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; @@ -127,8 +131,8 @@ body { /* Download button */ .bs-masthead .btn-outline { - margin-top: 5px; - margin-bottom: 5px; + margin-top: 20px; + margin-bottom: 20px; padding: 18px 24px; font-size: 21px; } @@ -178,6 +182,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 { @@ -188,6 +193,10 @@ body { text-align: center; } +#less-section label { + font-weight: normal; +} + /* Docs pages and sections @@ -213,7 +222,7 @@ body { } .bs-docs-section + .bs-docs-section { - margin-top: 80px; + padding-top: 80px; } /* Ads in page headers */ @@ -343,6 +352,17 @@ body { } +/* Examples grid +-------------------------------------------------- */ + +.bs-examples h4 { + margin-bottom: 5px; +} +.bs-examples p { + margin-bottom: 20px; +} + + /* Special grid styles -------------------------------------------------- */ @@ -368,7 +388,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; @@ -389,11 +409,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 */ @@ -401,16 +420,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 > .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 { @@ -418,17 +436,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, @@ -440,12 +456,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; @@ -453,6 +481,9 @@ body { .bs-example-form .input-group { margin-bottom: 10px; } +.bs-example > textarea.form-control { + resize: vertical; +} /* List groups */ .bs-example > .list-group { @@ -467,7 +498,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, @@ -476,33 +506,35 @@ 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; + } +} + /* Example modals */ .bs-example-modal { background-color: #f5f5f5; @@ -523,19 +555,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 { @@ -546,6 +570,10 @@ body { .bs-example-tooltips { text-align: center; } +.bs-example-tooltips > .btn { + margin-top: 5px; + margin-bottom: 5px; +} /* Popovers */ .bs-example-popover { @@ -561,19 +589,6 @@ body { } - -/* Example templates --------------------------------------------------- */ - -.bs-examples h4 { - margin-bottom: 5px; -} -.bs-examples p { - margin-bottom: 20px; -} - - - /* Responsive docs -------------------------------------------------- */ @@ -607,6 +622,10 @@ body { border-bottom: 0; } } +.bs-table-scrollable .highlight pre { + white-space: normal; +} + /* Related: responsive utilities tables */ .table code { @@ -641,17 +660,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; @@ -661,13 +672,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; @@ -724,6 +747,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; +} @@ -731,7 +759,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 */ @@ -813,6 +841,15 @@ 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; + } .carbonad { margin: 0 !important; @@ -824,10 +861,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 { @@ -837,7 +870,7 @@ input.focused { .bs-masthead h1 { font-size: 100px; } - .bs-masthead p { + .bs-masthead .lead { margin-left: 15%; margin-right: 15%; font-size: 30px; @@ -852,7 +885,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 { @@ -870,19 +919,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 */ @@ -891,7 +927,7 @@ input.focused { /* Widen the fixed sidebar again */ .bs-sidebar.affix-bottom, .bs-sidebar.affix { - width: 270px; + width: 263px; } } |