UNPKG

4.11 kBCSSView Raw
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 */
8body {
9 padding-top: 70px;
10 padding-bottom: 30px;
11}
12
13body,
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}