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