Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
21090 kshitij.so 1 
/*!
2 
 * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)
3 
 * Copyright 2013-2016 Start Bootstrap
4 
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
5 
 */
6 
 
7 
 body {
8 
    overflow-x: hidden;
9 
 }
10 
 
11 
/* Toggle Styles */
12 
 
13 
#wrapper {
14 
    padding-left: 0;
15 
    -webkit-transition: all 0.5s ease;
16 
    -moz-transition: all 0.5s ease;
17 
    -o-transition: all 0.5s ease;
18 
    transition: all 0.5s ease;
19 
}
20 
 
21 
#wrapper.toggled {
22 
    padding-left: 250px;
23 
}
24 
 
25 
#sidebar-wrapper {
26 
    z-index: 1000;
27 
    position: fixed;
28 
    left: 250px;
29 
    width: 0;
30 
    height: 100%;
31 
    margin-left: -250px;
32 
    overflow-y: auto;
33 
    background: #eee;
34 
    -webkit-transition: all 0.5s ease;
35 
    -moz-transition: all 0.5s ease;
36 
    -o-transition: all 0.5s ease;
37 
    transition: all 0.5s ease;
38 
}
39 
 
40 
#wrapper.toggled #sidebar-wrapper {
41 
    width: 250px;
42 
}
43 
 
44 
#page-content-wrapper {
45 
    width: 100%;
46 
    position: absolute;
47 
    padding: 15px;
48 
}
49 
 
50 
#wrapper.toggled #page-content-wrapper {
51 
    position: absolute;
52 
    margin-right: -250px;
53 
}
54 
 
55 
/* Sidebar Styles */
56 
 
57 
.sidebar-nav {
58 
    position: absolute;
59 
    top: 0;
60 
    width: 250px;
61 
    margin: 0;
62 
    padding: 0;
63 
    list-style: none;
64 
}
65 
 
66 
.sidebar-nav li {
67 
    text-indent: 20px;
68 
    line-height: 40px;
69 
}
70 
 
71 
.sidebar-nav li a {
72 
    display: block;
73 
    text-decoration: none;
74 
    color: black;
75 
}
76 
 
77 
.sidebar-nav li a:hover {
78 
    text-decoration: none;
79 
    color: white;
80 
    background: #4CAF50;
81 
}
82 
 
83 
.sidebar-nav li a:active,
84 
.sidebar-nav li a:focus {
85 
    text-decoration: none;
86 
}
87 
 
88 
.sidebar-nav > .sidebar-brand {
89 
    height: 65px;
90 
    font-size: 18px;
91 
    line-height: 60px;
92 
}
93 
 
94 
.sidebar-nav > .sidebar-brand a {
95 
    color: black;
96 
}
97 
 
98 
.sidebar-nav > .sidebar-brand a:hover {
99 
    color: white;
100 
    background: #4CAF50;
101 
}
102 
 
103 
@media(min-width:768px) {
104 
    #wrapper {
105 
        padding-left: 0;
106 
    }
107 
 
108 
    #wrapper.toggled {
109 
        padding-left: 250px;
110 
    }
111 
 
112 
    #sidebar-wrapper {
113 
        width: 0;
114 
    }
115 
 
116 
    #wrapper.toggled #sidebar-wrapper {
117 
        width: 250px;
118 
    }
119 
 
120 
    #page-content-wrapper {
121 
        padding: 20px;
122 
        position: relative;
123 
    }
124 
 
125 
    #wrapper.toggled #page-content-wrapper {
126 
        position: relative;
127 
        margin-right: 0;
128 
    }
129 
}