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

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