Subversion Repositories SmartDukaan

Rev

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