git.roojs.org Git - bootswatch/blob - bower_components/bootstrap/examples/non-responsive/non-responsive.css

   1
   2 /* Template-specific stuff
   3  *
   4  * Customizations just for the template—these are not necessary for anything
   5  * with disabling the responsiveness.
   6  */
   7
   8 /* Account for fixed navbar */
   9 body {
  10   padding-top: 70px;
  11   padding-bottom: 30px;
  12 }
  13
  14 /* Finesse the page header spacing */
  15 .page-header {
  16   margin-bottom: 30px;
  17 }
  18 .page-header .lead {
  19   margin-bottom: 10px;
  20 }
  21
  22
  23 /* Non-responsive overrides
  24  *
  25  * Utilitze the following CSS to disable the responsive-ness of the container,
  26  * grid system, and navbar.
  27  */
  28
  29 /* Reset the container */
  30 .container {
  31   max-width: none !important;
  32   width: 970px;
  33 }
  34
  35 /* Demonstrate the grids */
  36 .col-xs-4 {
  37   padding-top: 15px;
  38   padding-bottom: 15px;
  39   background-color: #eee;
  40   border: 1px solid #ddd;
  41   background-color: rgba(86,61,124,.15);
  42   border: 1px solid rgba(86,61,124,.2);
  43 }
  44
  45 .container .navbar-header,
  46 .container .navbar-collapse {
  47   margin-right: 0;
  48   margin-left: 0;
  49 }
  50
  51 /* Always float the navbar header */
  52 .navbar-header {
  53   float: left;
  54 }
  55
  56 /* Undo the collapsing navbar */
  57 .navbar-collapse {
  58   display: block !important;
  59   height: auto !important;
  60   padding-bottom: 0;
  61   overflow: visible !important;
  62 }
  63
  64 .navbar-toggle {
  65   display: none;
  66 }
  67
  68 .navbar-brand {
  69   margin-left: -15px;
  70 }
  71
  72 /* Always apply the floated nav */
  73 .navbar-nav {
  74   float: left;
  75   margin: 0;
  76 }
  77 .navbar-nav > li {
  78   float: left;
  79 }
  80 .navbar-nav > li > a {
  81   padding: 15px;
  82 }
  83
  84 /* Redeclare since we override the float above */
  85 .navbar-nav.navbar-right {
  86   float: right;
  87 }
  88
  89 /* Undo custom dropdowns */
  90 .navbar .open .dropdown-menu {
  91   position: absolute;
  92   float: left;
  93   background-color: #fff;
  94   border: 1px solid #cccccc;
  95   border: 1px solid rgba(0, 0, 0, 0.15);
  96   border-width: 0 1px 1px;
  97   border-radius: 0 0 4px 4px;
  98   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  99           box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 100 }
 101 .navbar .open .dropdown-menu > li > a {
 102   color: #333;
 103 }
 104 .navbar .open .dropdown-menu > li > a:hover,
 105 .navbar .open .dropdown-menu > li > a:focus,
 106 .navbar .open .dropdown-menu > .active > a,
 107 .navbar .open .dropdown-menu > .active > a:hover,
 108 .navbar .open .dropdown-menu > .active > a:focus {
 109   color: #fff !important;
 110   background-color: #428bca !important;
 111 }
 112 .navbar .open .dropdown-menu > .disabled > a,
 113 .navbar .open .dropdown-menu > .disabled > a:hover,
 114 .navbar .open .dropdown-menu > .disabled > a:focus {
 115   color: #999 !important;
 116   background-color: transparent !important;
 117 }