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 min-width: 970px; |
|
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 .navbar-collapse { |
|
68 border-top: 0; |
|
69 } |
|
70 |
|
71 .navbar-brand { |
|
72 margin-left: -15px; |
|
73 } |
|
74 |
|
75 /* Always apply the floated nav */ |
|
76 .navbar-nav { |
|
77 float: left; |
|
78 margin: 0; |
|
79 } |
|
80 .navbar-nav > li { |
|
81 float: left; |
|
82 } |
|
83 .navbar-nav > li > a { |
|
84 padding: 15px; |
|
85 } |
|
86 |
|
87 /* Redeclare since we override the float above */ |
|
88 .navbar-nav.navbar-right { |
|
89 float: right; |
|
90 } |
|
91 |
|
92 /* Undo custom dropdowns */ |
|
93 .navbar .navbar-nav .open .dropdown-menu { |
|
94 position: absolute; |
|
95 float: left; |
|
96 background-color: #fff; |
|
97 border: 1px solid #cccccc; |
|
98 border: 1px solid rgba(0, 0, 0, 0.15); |
|
99 border-width: 0 1px 1px; |
|
100 border-radius: 0 0 4px 4px; |
|
101 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); |
|
102 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); |
|
103 } |
|
104 .navbar-default .navbar-nav .open .dropdown-menu > li > a { |
|
105 color: #333; |
|
106 } |
|
107 .navbar .navbar-nav .open .dropdown-menu > li > a:hover, |
|
108 .navbar .navbar-nav .open .dropdown-menu > li > a:focus, |
|
109 .navbar .navbar-nav .open .dropdown-menu > .active > a, |
|
110 .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, |
|
111 .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { |
|
112 color: #fff !important; |
|
113 background-color: #428bca !important; |
|
114 } |
|
115 .navbar .navbar-nav .open .dropdown-menu > .disabled > a, |
|
116 .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, |
|
117 .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
|
118 color: #999 !important; |
|
119 background-color: transparent !important; |
|
120 } |
|