diff options
| author | Mark Otto <[email protected]> | 2013-08-18 19:02:42 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-18 19:02:42 -0700 |
| commit | 9dcae610e97c5422652d7212fda5985de1653d4c (patch) | |
| tree | 03f5f15fb5d3a1561f69ce97a1a9f651e816330c /examples/non-responsive/non-responsive.css | |
| parent | 578a14e14aa7c6ad37f307d5d78e9a2afb0e7bfb (diff) | |
| parent | 5bd2d7ed7e5a2bae56de81bf550f2e4b1451ab25 (diff) | |
| download | bootstrap-9dcae610e97c5422652d7212fda5985de1653d4c.tar.xz bootstrap-9dcae610e97c5422652d7212fda5985de1653d4c.zip | |
Merge branch '3.0.0-wip' into bs3_homepage
Conflicts:
customize.html
examples/justified-nav/justified-nav.css
Diffstat (limited to 'examples/non-responsive/non-responsive.css')
| -rw-r--r-- | examples/non-responsive/non-responsive.css | 104 |
1 files changed, 104 insertions, 0 deletions
diff --git a/examples/non-responsive/non-responsive.css b/examples/non-responsive/non-responsive.css index 2864ca1c5..4928128e6 100644 --- a/examples/non-responsive/non-responsive.css +++ b/examples/non-responsive/non-responsive.css @@ -1,8 +1,38 @@ + +/* Template-specific stuff + * + * Customizations just for the template—these are not necessary for anything + * with disabling the responsiveness. + */ + +/* Account for fixed navbar */ +body { + padding-top: 70px; + padding-bottom: 30px; +} + +/* Finesse the page header spacing */ +.page-header { + margin-bottom: 30px; +} +.page-header .lead { + margin-bottom: 10px; +} + + +/* Non-responsive overrides + * + * Utilitze the following CSS to disable the responsive-ness of the container, + * grid system, and navbar. + */ + +/* Reset the container */ .container { max-width: none !important; width: 970px; } +/* Demonstrate the grids */ .col-xs-4 { padding-top: 15px; padding-bottom: 15px; @@ -11,3 +41,77 @@ background-color: rgba(86,61,124,.15); border: 1px solid rgba(86,61,124,.2); } + +.container .navbar-header, +.container .navbar-collapse { + margin-right: 0; + margin-left: 0; +} + +/* Always float the navbar header */ +.navbar-header { + float: left; +} + +/* Undo the collapsing navbar */ +.navbar-collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; +} + +.navbar-toggle { + display: none; +} + +.navbar-brand { + margin-left: -15px; +} + +/* Always apply the floated nav */ +.navbar-nav { + float: left; + margin: 0; +} +.navbar-nav > li { + float: left; +} +.navbar-nav > li > a { + padding: 15px; +} + +/* Redeclare since we override the float above */ +.navbar-nav.navbar-right { + float: right; +} + +/* Undo custom dropdowns */ +.navbar .open .dropdown-menu { + position: absolute; + float: left; + background-color: #fff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-width: 0 1px 1px; + border-radius: 0 0 4px 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.navbar .open .dropdown-menu > li > a { + color: #333; +} +.navbar .open .dropdown-menu > li > a:hover, +.navbar .open .dropdown-menu > li > a:focus, +.navbar .open .dropdown-menu > .active > a, +.navbar .open .dropdown-menu > .active > a:hover, +.navbar .open .dropdown-menu > .active > a:focus { + color: #fff !important; + background-color: #428bca !important; +} +.navbar .open .dropdown-menu > .disabled > a, +.navbar .open .dropdown-menu > .disabled > a:hover, +.navbar .open .dropdown-menu > .disabled > a:focus { + color: #999 !important; + background-color: transparent !important; +} |
