POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/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 body,
  14 .navbar-fixed-top,
  15 .navbar-fixed-bottom {
  16   min-width: 970px;
  17 }
  18
  19 /* Don't let the lead text change font-size. */
  20 .lead {
  21   font-size: 16px;
  22 }
  23
  24 /* Finesse the page header spacing */
  25 .page-header {
  26   margin-bottom: 30px;
  27 }
  28 .page-header .lead {
  29   margin-bottom: 10px;
  30 }
  31
  32
  33 /* Non-responsive overrides
  34  *
  35  * Utilize the following CSS to disable the responsive-ness of the container,
  36  * grid system, and navbar.
  37  */
  38
  39 /* Reset the container */
  40 .container {
  41   width: 970px;
  42   max-width: none !important;
  43 }
  44
  45 /* Demonstrate the grids */
  46 .col-xs-4 {
  47   padding-top: 15px;
  48   padding-bottom: 15px;
  49   background-color: #eee;
  50   background-color: rgba(86,61,124,.15);
  51   border: 1px solid #ddd;
  52   border: 1px solid rgba(86,61,124,.2);
  53 }
  54
  55 .container .navbar-header,
  56 .container .navbar-collapse {
  57   margin-right: 0;
  58   margin-left: 0;
  59 }
  60
  61 /* Always float the navbar header */
  62 .navbar-header {
  63   float: left;
  64 }
  65
  66 /* Undo the collapsing navbar */
  67 .navbar-collapse {
  68   display: block !important;
  69   height: auto !important;
  70   padding-bottom: 0;
  71   overflow: visible !important;
  72   visibility: visible !important;
  73 }
  74
  75 .navbar-toggle {
  76   display: none;
  77 }
  78 .navbar-collapse {
  79   border-top: 0;
  80 }
  81
  82 .navbar-brand {
  83   margin-left: -15px;
  84 }
  85
  86 /* Always apply the floated nav */
  87 .navbar-nav {
  88   float: left;
  89   margin: 0;
  90 }
  91 .navbar-nav > li {
  92   float: left;
  93 }
  94 .navbar-nav > li > a {
  95   padding: 15px;
  96 }
  97
  98 /* Redeclare since we override the float above */
  99 .navbar-nav.navbar-right {
 100   float: right;
 101 }
 102
 103 /* Undo custom dropdowns */
 104 .navbar .navbar-nav .open .dropdown-menu {
 105   position: absolute;
 106   float: left;
 107   background-color: #fff;
 108   border: 1px solid #ccc;
 109   border: 1px solid rgba(0, 0, 0, .15);
 110   border-width: 0 1px 1px;
 111   border-radius: 0 0 4px 4px;
 112   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 113           box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 114 }
 115 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 116   color: #333;
 117 }
 118 .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
 119 .navbar .navbar-nav .open .dropdown-menu > li > a:focus,
 120 .navbar .navbar-nav .open .dropdown-menu > .active > a,
 121 .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
 122 .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
 123   color: #fff !important;
 124   background-color: #428bca !important;
 125 }
 126 .navbar .navbar-nav .open .dropdown-menu > .disabled > a,
 127 .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 128 .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 129   color: #999 !important;
 130   background-color: transparent !important;
 131 }
 132
 133 /* Undo form expansion */
 134 .navbar-form {
 135   float: left;
 136   width: auto;
 137   padding-top: 0;
 138   padding-bottom: 0;
 139   margin-right: 0;
 140   margin-left: 0;
 141   border: 0;
 142   -webkit-box-shadow: none;
 143           box-shadow: none;
 144 }
 145
 146 /* Copy-pasted from forms.less since we mixin the .form-inline styles. */
 147 .navbar-form .form-group {
 148   display: inline-block;
 149   margin-bottom: 0;
 150   vertical-align: middle;
 151 }
 152
 153 .navbar-form .form-control {
 154   display: inline-block;
 155   width: auto;
 156   vertical-align: middle;
 157 }
 158
 159 .navbar-form .form-control-static {
 160   display: inline-block;
 161 }
 162
 163 .navbar-form .input-group {
 164   display: inline-table;
 165   vertical-align: middle;
 166 }
 167
 168 .navbar-form .input-group .input-group-addon,
 169 .navbar-form .input-group .input-group-btn,
 170 .navbar-form .input-group .form-control {
 171   width: auto;
 172 }
 173
 174 .navbar-form .input-group > .form-control {
 175   width: 100%;
 176 }
 177
 178 .navbar-form .control-label {
 179   margin-bottom: 0;
 180   vertical-align: middle;
 181 }
 182
 183 .navbar-form .radio,
 184 .navbar-form .checkbox {
 185   display: inline-block;
 186   margin-top: 0;
 187   margin-bottom: 0;
 188   vertical-align: middle;
 189 }
 190
 191 .navbar-form .radio label,
 192 .navbar-form .checkbox label {
 193   padding-left: 0;
 194 }
 195
 196 .navbar-form .radio input[type="radio"],
 197 .navbar-form .checkbox input[type="checkbox"] {
 198   position: relative;
 199   margin-left: 0;
 200 }
 201
 202 .navbar-form .has-feedback .form-control-feedback {
 203   top: 0;
 204 }