Subversion Repositories SmartDukaan

Rev

Rev 27753 | Rev 36570 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
21627 kshitij.so 1 
@media (min-width: 980px) {
2 
 
3 
}
4 
 
5 
@media (min-width: 768px) and (max-width: 979px) {
6 
 
7 
    .inbox-wrapper .inbox-left {
8 
        width: 30%;
9 
    }
10 
 
11 
    .inbox-wrapper .inbox-right {
12 
        width: 70%;
13 
    }
14 
 
15 
}
16 
 
17 
@media (max-width: 768px) {
18 
 
19 
    .header {
20 
        position: absolute;
21 
    }
22 
 
23 
    /*sidebar*/
24 
 
25 
    #sidebar {
26 
        height: auto;
27 
        overflow: hidden;
28 
        position: absolute;
29 
        width: 100%;
30 
        z-index: 1001;
36566 amit 31 
        transition: none;
32 
        transform: none !important;
21627 kshitij.so 33 
    }
34 
 
36566 amit 35 
    .sidebar-closed #sidebar > ul {
36 
        display: none;
37 
    }
21627 kshitij.so 38 
 
39 
    /* body container */
40 
    #main-content {
41 
        margin: 0px!important;
42 
        position: none !important;
36566 amit 43 
        transition: none;
21627 kshitij.so 44 
    }
45 
 
46 
    #sidebar > ul > li > a > span {
27753 amit.gupta 47 
        line-height: 35x;
21627 kshitij.so 48 
    }
49 
 
50 
    #sidebar > ul > li {
51 
        margin: 0 10px 5px 10px;
52 
    }
53 
    #sidebar > ul > li > a {
27753 amit.gupta 54 
        height:36px;
21627 kshitij.so 55 
        line-height:35px;
56 
        padding: 0 10px;
57 
        text-align: left;
58 
    }
59 
    #sidebar > ul > li > a i{
60 
    }
61 
 
62 
    .mail-info, .mail-info:hover {
63 
        display: none !important;
64 
    }
65 
    #sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
66 
        margin-right: 10px;
67 
        margin-top: 15px;
68 
    }
69 
 
70 
    #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow,
71 
    #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open{
72 
        margin-top: 15px;
73 
    }
74 
 
75 
    #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
76 
        width: 100%;
77 
    }
78 
    #sidebar > ul > li > ul.sub > li > a {
79 
        background: transparent !important ;
80 
    }
81 
    #sidebar > ul > li > ul.sub > li > a:hover {
82 
    }
83 
 
84 
 
85 
    /* sidebar */
86 
    #sidebar {
87 
        margin: 0px !important;
88 
    }
89 
 
90 
    /* sidebar collabler */
91 
    #sidebar .btn-navbar.collapsed .arrow {
92 
        display: none;
93 
    }
94 
 
95 
    #sidebar .btn-navbar .arrow {
96 
        position: absolute;
97 
        right: 35px;
98 
        width: 0;
99 
        height: 0;
100 
        top:48px;
101 
        border-bottom: 15px solid #282e36;
102 
        border-left: 15px solid transparent;
103 
        border-right: 15px solid transparent;
104 
    }
105 
 
106 
 
107 
    /*---------*/
108 
 
109 
    .btn {
110 
        margin-bottom: 5px;
111 
    }
112 
 
113 
 
114 
    .inbox-wrapper aside {
115 
        display: block;
116 
    }
117 
 
118 
    .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
119 
        width: 100% ;
120 
    }
121 
 
122 
    /* full calendar fix */
123 
    .fc-header-right {
124 
        left:25px;
125 
        position: absolute;
126 
    }
127 
 
128 
    .fc-header-left .fc-button {
129 
        margin: 0px !important;
130 
        top: -10px !important;
131 
    }
132 
 
133 
    .fc-header-right .fc-button {
134 
        margin: 0px !important;
135 
        top: -50px !important;
136 
    }
137 
 
138 
    .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
139 
        background: none !important;
140 
        color: #FFFFFF !important;
141 
    }
142 
 
143 
    .fc-state-default, .fc-state-default .fc-button-inner {
144 
        background: none !important;
145 
    }
146 
 
147 
    .fc-button {
148 
        border: none !important;
149 
        margin-right: 2px;
150 
    }
151 
 
152 
    .fc-view {
153 
        top: 0px !important;
154 
    }
155 
 
156 
    .fc-button .fc-button-inner {
157 
        margin: 0px !important;
158 
        padding: 2px !important;
159 
        border: none !important;
160 
        margin-right: 2px !important;
161 
        background-color: #fafafa !important;
162 
        background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important;
163 
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important;
164 
        background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important;
165 
        background-image: -o-linear-gradient(top, #fafafa, #efefef) !important;
166 
        background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
167 
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0) !important;
168 
        -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
169 
        -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
170 
        box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
171 
        -webkit-border-radius: 3px !important;
172 
        -moz-border-radius: 3px !important;
173 
        border-radius: 3px !important;
174 
        color: #646464 !important;
175 
        border: 1px solid #ddd !important;
176 
        text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
177 
        text-align: center;
178 
    }
179 
 
180 
    .fc-button.fc-state-disabled .fc-button-inner {
181 
        color: #bcbbbb !important;
182 
    }
183 
 
184 
    .fc-button.fc-state-active .fc-button-inner {
185 
        background-color: #e5e4e4 !important;
186 
        background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important;
187 
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important;
188 
        background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important;
189 
        background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important;
190 
        background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
191 
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important;
192 
    }
193 
 
194 
    .fc-content {
195 
        margin-top: 50px;
196 
    }
197 
 
198 
    .fc-header-title h2 {
199 
        line-height: 40px !important;
200 
        font-size: 12px !important;
201 
    }
202 
 
203 
    .fc-header {
204 
        margin-bottom:0px !important;
205 
    }
206 
 
207 
    /*--*/
208 
 
209 
    /*.chart-position {*/
210 
        /*margin-top: 0px;*/
211 
    /*}*/
212 
 
213 
    .timeline-desk .album a {
214 
        margin-bottom: 5px;
215 
        margin-right: 4px;
216 
    }
217 
 
218 
    .stepy-titles li {
219 
        margin: 10px 3px;
220 
    }
221 
 
222 
    .mail-option .btn {
223 
        margin-bottom: 0;
224 
    }
225 
 
226 
 
227 
 
228 
}
229 
 
230 
 
231 
@media (max-width: 740px) {
232 
    #task_notificatoin_bar,#mail_notificatoin_bar,#alert_notificatoin_bar{
233 
        display: none;
234 
    }
235 
}
236 
 
237 
@media (max-width: 480px) {
238 
 
239 
    .notification-row,.task_notificatoin_bar, .search-row,.knob-charts, .dont-show , .inbox-head .sr-input, .inbox-head .sr-btn{
240 
        display: none;
241 
    }
242 
 
243 
    .inbox-wrapper aside {
244 
        display: block;
245 
    }
246 
 
247 
    .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
248 
        width: 100% ;
249 
    }
250 
 
251 
    #top_menu .nav > li, ul.top-menu > li {
252 
        float: right;
253 
    }
254 
    .hidden-phone {
255 
        display: none !important;
256 
    }
257 
 
258 
    .dataTables_filter {
259 
        float: left;
260 
    }
261 
 
262 
    .dataTables_info {
263 
        margin-bottom: 10px;
264 
    }
265 
 
266 
    .mail-option .btn {
267 
        margin-bottom: 0;
268 
    }
269 
 
270 
    .mail-option .inbox-pagination {
271 
        margin-top: 10px;
272 
        float: left;
273 
    }
274 
 
275 
    .chart-position {
276 
       margin-top: 0px;
277 
     }
278 
}
279 
 
280 
@media (max-width:320px) {
281 
    .login-social-link a {
282 
        padding: 15px 17px !important;
283 
    }
284 
 
285 
    .notification-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
286 
        display: none;
287 
    }
288 
 
289 
    .inbox-wrapper aside {
290 
        display: block ;
291 
    }
292 
 
293 
    .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
294 
        width: 100% ;
295 
    }
296 
 
297 
    #top_menu .nav > li, ul.top-menu > li {
298 
        float: right;
299 
    }
300 
 
301 
    .hidden-phone {
302 
        display: none !important;
303 
    }
304 
 
305 
    .dataTables_filter {
306 
        float: left;
307 
    }
308 
 
309 
    .dataTables_info {
310 
        margin-bottom: 10px;
311 
    }
312 
 
313 
    .mail-option .btn {
314 
        margin-bottom: 0;
315 
    }
316 
 
317 
    .mail-option .inbox-pagination {
318 
        margin-top: 10px;
319 
        float: left;
320 
    }
321 
 
322 
    .chart-position {
323 
        margin-top: 0px;
324 
    }
325 
 
326 
}
327 
 
328 
 
329 
 
330