Subversion Repositories SmartDukaan

Rev

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