aboutsummaryrefslogtreecommitdiff
path: root/examples/non-responsive/non-responsive.css
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-08-18 19:02:42 -0700
committerMark Otto <[email protected]>2013-08-18 19:02:42 -0700
commit9dcae610e97c5422652d7212fda5985de1653d4c (patch)
tree03f5f15fb5d3a1561f69ce97a1a9f651e816330c /examples/non-responsive/non-responsive.css
parent578a14e14aa7c6ad37f307d5d78e9a2afb0e7bfb (diff)
parent5bd2d7ed7e5a2bae56de81bf550f2e4b1451ab25 (diff)
downloadbootstrap-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.css104
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;
+}