Subversion Repositories SmartDukaan

Rev

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