UNPKG

1.56 kBCSSView Raw
1/*
2 * Base structure
3 */
4
5/* Move down content because we have a fixed navbar that is 50px tall */
6body {
7 padding-top: 50px;
8}
9
10
11/*
12 * Global add-ons
13 */
14
15.sub-header {
16 padding-bottom: 10px;
17 border-bottom: 1px solid #eee;
18}
19
20/*
21 * Top navigation
22 * Hide default border to remove 1px line.
23 */
24.navbar-fixed-top {
25 border: 0;
26}
27
28/*
29 * Sidebar
30 */
31
32/* Hide for mobile, show later */
33.sidebar {
34 display: none;
35}
36@media (min-width: 768px) {
37 .sidebar {
38 position: fixed;
39 top: 51px;
40 bottom: 0;
41 left: 0;
42 z-index: 1000;
43 display: block;
44 padding: 20px;
45 overflow-x: hidden;
46 overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
47 background-color: #f5f5f5;
48 border-right: 1px solid #eee;
49 }
50}
51
52/* Sidebar navigation */
53.nav-sidebar {
54 margin-right: -21px; /* 20px padding + 1px border */
55 margin-bottom: 20px;
56 margin-left: -20px;
57}
58.nav-sidebar > li > a {
59 padding-right: 20px;
60 padding-left: 20px;
61}
62.nav-sidebar > .active > a,
63.nav-sidebar > .active > a:hover,
64.nav-sidebar > .active > a:focus {
65 color: #fff;
66 background-color: #428bca;
67}
68
69
70/*
71 * Main content
72 */
73
74.main {
75 padding: 20px;
76}
77@media (min-width: 768px) {
78 .main {
79 padding-right: 40px;
80 padding-left: 40px;
81 }
82}
83.main .page-header {
84 margin-top: 0;
85}
86
87
88/*
89 * Placeholder dashboard ideas
90 */
91
92.placeholders {
93 margin-bottom: 30px;
94 text-align: center;
95}
96.placeholders h4 {
97 margin-bottom: 0;
98}
99.placeholder {
100 margin-bottom: 20px;
101}
102.placeholder img {
103 display: inline-block;
104 border-radius: 50%;
105}