1/* desbest edit */
2
3
4@media screen and (max-width: 480px){
5  fieldset,
6  #mediamanager__page,
7  #mediamanager__page .filelist{
8    max-width: 100%; min-width: unset;
9  }
10  #mediamanager__page .file,
11  #mediamanager__page .namespaces,
12  #mediamanager__page .panel {
13    width: 100%; clear: both; float: none;
14  }
15  li, dd { margin: 1.15em 0px !important; }
16  #config__manager tr { }
17  #config__manager td { display: block;  padding: 1.15em 0px; max-width: 50%;  }
18  #config__manager fieldset {  margin: 1em 0px;  }
19  #config__manager fieldset td.value { width: unset; }
20
21  #config__manager td .input,
22  #config__manager fieldset td.value,
23  #config__manager td input.edit {
24    max-width: 75%;
25  }
26
27  /* pinboard specific */
28  #access li, .widget-area li, .page li  { padding: 0.35em; }
29  #access li { margin: 0px !important; }
30  /* */
31
32}
33
34@media screen and (max-width: 1152px) {
35
36	.threefourthcol {
37		width: 66.7%;
38	}
39
40	.threefourthcol .threecol {
41		width: 50%;
42	}
43
44	.fourcol,
45	.onecol .fourcol {
46		width: 33.3%;
47	}
48
49	#wrapper {
50		max-width:960px;
51	}
52
53	#slider .entry-container {
54		top:28%;
55	}
56
57	.threefourthcol .threecol .entry,
58	.onecol .fourcol .entry,
59	.fourcol .widget {
60		margin: 5%;
61	}
62
63	img.attachment-gallery-thumb {
64		max-width:82px;
65	}
66
67	.twocol img.attachment-gallery-thumb {
68		max-width:74px;
69	}
70
71	.single img.attachment-gallery-thumb {
72		max-width:100%;
73	}
74
75	.format-audio object {
76		min-height:24px;
77	}
78
79	.single .format-audio object {
80		height:24px;
81	}
82
83	.social-bookmarks iframe {
84		min-height:0;
85	}
86
87	#sidebar-header {
88		width:468px;
89		height:60px;
90		margin-top:20px;
91	}
92
93}
94
95@media screen and (max-width : 960px) {
96
97	.onecol .threecol,
98	.onecol .fourcol {
99		width:50%;
100	}
101
102	#wrapper {
103		max-width:760px;
104	}
105
106	#slider .entry-container {
107		top:32%;
108		padding: 0;
109	}
110
111	#slider .entry-summary {
112		display: none;
113	}
114
115	#container {
116		margin:2.2%;
117	}
118
119	.content-sidebar-wrap,
120	#content,
121	.page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content,
122	#sidebar {
123		width:100%;
124	}
125
126	.onecol .hentry .entry,
127	.onecol .hentry #comments,
128	.onecol .hentry #respond {
129		margin:2.4%;
130	}
131
132	.onecol .twocol .entry,
133	.onecol .threecol .entry,
134	.threefourthcol .threecol .entry,
135	.onecol .fourcol .entry {
136		margin:4.5%;
137	}
138
139	.page-template-template-full-width-php .hentry.onecol .wp-post-image,
140	.page-template-template-full-width-php .hentry.onecol .entry-attachment,
141	.page-template-template-full-width-php .hentry.onecol .post-gallery,
142	.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
143	.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
144	.page-template-template-blog-four-col-php .entry-thumbnail {
145		float:none;
146		max-width:100%;
147		margin:0;
148	}
149
150	.page-template-template-full-width-php .hentry.onecol .entry-attachment,
151	.page-template-template-full-width-php .hentry.onecol .post-gallery {
152		width:100%;
153	}
154
155	.page-template-template-full-width-php .hentry.onecol .entry-header,
156	.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
157	.page-template-template-full-width-php .hentry.onecol .entry-summary,
158	.page-template-template-blog-full-width-php .hentry.onecol .entry-header,
159	.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
160	.page-template-template-blog-full-width-php .hentry.onecol .entry-summary,
161	.page-template-template-blog-four-col-php .hentry.onecol .entry-header,
162	.page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail,
163	.page-template-template-blog-four-col-php .hentry.onecol .entry-summary {
164		float:none;
165		width:auto;
166	}
167
168	.single .format-audio object {
169		height:30px;
170	}
171
172	.onecol .onecol .entry-summary {
173		font-size:13px;
174		line-height:1.62em;
175	}
176
177	.social-bookmarks iframe {
178		min-height:0;
179	}
180
181	.page-template-template-portfolio-php .post.onecol .wp-post-image,
182	.page-template-template-portfolio-php .post.onecol .entry-attachment,
183	.page-template-template-portfolio-php .post.onecol .post-gallery {
184		float:none;
185		max-width:100%;
186		margin:0;
187	}
188
189	.page-template-template-portfolio-php .post.onecol .entry-attachment,
190	.page-template-template-portfolio-php .post.onecol .post-gallery {
191		width:100%;
192	}
193
194	.page-template-template-portfolio-php .post.onecol .entry-header,
195	.page-template-template-portfolio-php .post.onecol .entry-summary {
196		float:none;
197		width:auto;
198	}
199
200	.onecol #posts-nav {
201		padding:2.8%;
202		margin:2.3%;
203	}
204
205	#sidebar .onecol {
206		width:33.3%;
207	}
208
209	#sidebar .twocol {
210		float:none;
211		width:auto;
212	}
213
214	#sidebar-left .widget,
215	#sidebar-right .widget {
216		margin:5.8%;
217	}
218
219	#sidebar .widget,
220	#footer-area .widget,
221	#sidebar-boxes .widget,
222	.page-template-template-content-sidebar-half-php #sidebar-left .widget,
223	.page-template-template-content-sidebar-half-php #sidebar-right .widget,
224	.page-template-template-sidebar-content-half-php #sidebar-left .widget,
225	.page-template-template-sidebar-content-half-php #sidebar-right .widget {
226		margin:6.7%;
227	}
228
229	#sidebar-boxes,
230	#footer-area {
231		padding:2.2%;
232	}
233
234	#copyright {
235		padding:1.7% 4.3%;
236	}
237
238}
239
240@media screen and (max-width: 760px) {
241
242	.twocol,
243	.threecol,
244	.fourcol,
245	.onecol .threecol,
246	.threefourthcol .threecol,
247	.onecol .fourcol {
248		float:none;
249		width:100%;
250	}
251
252	.alignleft,
253	.alignright {
254		display: block;
255		float: none;
256		margin:20px auto;
257	}
258
259	#wrapper,
260	.page-template-template-no-sidebars-php #wrapper,
261	.page-template-template-blog-no-sidebars-php #wrapper,
262	.page-template-template-portfolio-no-sidebars-php #wrapper {
263		max-width:380px;
264	}
265
266	.wp-caption {
267		padding:10px 10px 0;
268	}
269
270	#site-title,
271	#site-description {
272		float:none;
273		margin:0;
274		line-height:1.62em;
275		text-align:center;
276	}
277
278	#site-title {
279		margin:18px 0;
280	}
281
282	#site-description {
283		display: none;
284		padding-bottom:18px;
285	}
286
287	#sidebar-header {
288		float:none;
289		width:auto;
290		height:auto;
291		max-height:90px;
292		margin-top:0;
293	}
294
295	#access {
296		position: absolute;
297		top: 0;
298		left: 0;
299		z-index: 3;
300		width: 100%;
301		padding: 0;;
302		background: none;
303		box-shadow: none;
304	}
305
306	#access .nav-show,
307	#access a.nav-show:hover {
308		position: absolute;
309		top: 163px;
310		right: 14%;
311		display:block;
312		width: 40px;
313		height: 32px !important;
314		padding: 0;
315		background: url(images/nav.png) no-repeat;
316		border: none;
317		text-indent: -1000px;
318		overflow: hidden;
319	}
320
321	#access .nav-hide {
322		display: none;
323	}
324
325	#access:target .nav-hide,
326	#access:target a.nav-hide:hover {
327		display: block;
328		position: absolute;
329		top: 0;
330		left: 0;
331		bottom: -101em;
332		width: 100%;
333		height: auto !important;
334		background: none;
335		overflow: hidden;
336		text-indent: -1000px;
337	}
338
339	#access .menu {
340		text-align: center;
341	}
342
343	/* desbest edit */
344	#access:target .menu { background: #111; }
345	.menu:first-of-type{ margin-top: 213px; }
346
347	#access li ul {
348		position:static;
349	}
350
351	#access li ul ul {
352		margin:0 !important;
353	}
354
355	#access ul,
356	#access li {
357		float:none;
358		max-width:100%;
359	}
360
361	#access a {
362		width:100%;
363		height: 0 !important;
364		padding:0;
365		border: none;
366		overflow: hidden;
367	}
368
369	#access:target .menu a {
370		height: 40px !important;
371		border-top: 1px solid #444;
372		line-height: 40px;
373		-moz-transition: height .25s, line-height .25s;
374		-webkit-transition: height .25s, line-height .25s;
375		-o-transition: height .25s, line-height .25s;
376		-ms-transition: height .25s, line-height .25s;
377		transition: height .25s, line-height .25s;
378	}
379
380	#access .menu a:hover {
381		background:#555;
382	}
383
384	#access br {
385		display: none;
386	}
387
388	#access a span {
389		padding-left: 5px;
390	}
391
392	#access li li a {
393		padding: 0;
394		background:#3c3c3c;
395		border-top-color:#4f4f4f;
396		text-align:center;
397	}
398
399	#access li li li a {
400		background:#444;
401		border-top-color:#555;
402	}
403
404	#access li:hover > ul,
405	#access li li:hover > ul,
406	#access li li li:hover > ul {
407		display:none;
408	}
409
410	#access:target .drop-down-toggle {
411		display:block;
412	}
413
414	#access li li .drop-down-toggle {
415		top:5px;
416	}
417
418	#header #searchform, .search {
419		position: relative;
420		z-index: 1;
421		float:none;
422		width:278px;
423		margin: 18px auto;
424	}
425
426	#header #sidebar-header #searchform, .search {
427		margin-top: 0;
428	}
429
430	#header input#s {
431		position: relative;
432		z-index: 999;
433		display:block;
434		width:168px;
435		margin-left:12px;
436		background:#ececec url(images/search.png) right center no-repeat;
437		box-shadow:inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
438		text-indent: 0;
439	}
440	#header input#s:focus {
441		width: 246px;
442		margin: 0;
443	}
444
445	#social-media-icons {
446		float: none;
447		margin: 18px 0;
448		text-align: center;
449	}
450
451	#slider {
452		border-bottom: 50px solid #fff;
453	}
454
455	.flex-control-nav {
456		display: none;
457	}
458
459	.flex-direction-nav,
460	.flex-pauseplay {
461		bottom: -40px;
462		height: 30px;
463	}
464
465	.flex-direction-nav{
466		right: 41%;
467	}
468
469	.flex-pauseplay {
470		right: 37.5%;
471	}
472
473	.flex-direction-nav li,
474	.flex-pauseplay a {
475
476	}
477
478	#slider .entry-title {
479		font-size:24px;
480		line-height:1.62em;
481	}
482
483	#current-location,
484	#sidebar-wide {
485		border-top: #E0E0E0 1px solid;
486		border-top: rgba(0, 0, 0, .055) 1px solid;
487	}
488
489	#container {
490		margin:3.2%;
491	}
492
493	.entry,
494	.twocol .entry,
495	.onecol .hentry .entry,
496	.onecol .threecol .entry,
497	.threefourthcol .threecol .entry,
498	.onecol .fourcol .entry,
499	#comments
500	#respond {
501		margin:3.4%;
502	}
503
504	.entry-container {
505		padding:5.8%;
506	}
507
508	.entry-meta {
509		padding:2.8% 5.8%;
510	}
511
512	.entry-meta span,
513	.single .entry-meta span,
514	.page .entry-meta span {
515		display:block;
516		float:none;
517		padding:6px 0 6px 24px;
518		margin:0;
519	}
520
521	.has-thumbnail .entry-summary {
522		clear:both;
523		margin:0;
524	}
525
526	.has-thumbnail.format-aside .entry-summary,
527	.has-thumbnail.format-quote .entry-summary {
528		clear:none;
529		margin-left:28.15%;
530		width:71.85%;
531	}
532
533	.has-thumbnail.format-chat .entry-content {
534		clear:both;
535		margin:0;
536	}
537
538	.twocol.has-thumbnail .entry-title,
539	.twocol.has-thumbnail .entry-summary {
540		clear:none;
541		padding-left:3%;
542	}
543
544	.twocol.format-gallery .entry-summary {
545		height:auto;
546		margin:0;
547	}
548
549	.twocol.format-image .wp-post-image {
550		float:none;
551		max-width:100%;
552	}
553
554	.format-status .wp-post-image {
555		display:none;
556	}
557
558	img.attachment-gallery-thumb {
559		max-width:74px;
560	}
561
562	.single img.attachment-gallery-thumb {
563		max-width:100%;
564	}
565
566	.single .format-audio object {
567		height:24px;
568	}
569
570	.entry-content {
571		font-size:17px;
572		line-height:1.62em;
573	}
574
575	.columns .twocol,
576	.columns .threecol,
577	.columns .fourcol,
578	.columns .twothirdcol,
579	.columns .threefourthcol {
580		width: 100%;
581		margin: 0;
582	}
583
584	.column .threecol.box {
585		width: 94%;
586	}
587
588
589	.entry-author,
590	.comment-body {
591		padding:12px;
592	}
593
594	.entry-author .avatar,
595	.comment .avatar {
596		max-width:40px;
597		padding:3px;
598	}
599
600	.entry-author .author,
601	.author-bio,
602	.entry-author .author-meta {
603		margin-left:76px;
604	}
605
606	#posts-nav,
607	.onecol #posts-nav {
608		padding:5.7%;
609		margin:3.4%;
610	}
611
612	.page-numbers .text {
613		display:none;
614	}
615
616	.social-bookmarks > div {
617		width: 50%;
618		margin-bottom: 12px;
619	}
620
621	#sidebar-boxes {
622		text-align: center;
623	}
624
625	#sidebar .onecol {
626		width:100%;
627	}
628
629	#sidebar .twocol {
630		float:left;
631		width:50%;
632	}
633
634	#sidebar-boxes .threecol {
635		margin-bottom: 6.8%;
636	}
637
638	#sidebar-boxes .threecol:last-child {
639		margin: 0;
640	}
641
642	#sidebar .widget,
643	#footer-area .widget,
644	#sidebar-boxes .widget {
645		margin:3.4%;
646	}
647
648	#sidebar-left .widget,
649	#sidebar-right .widget {
650		margin:6.8%;
651	}
652
653	#sidebar-boxes,
654	#footer-area {
655		padding:3.2%;
656	}
657
658	#copyright {
659		padding:1.7% 6.5%;
660		line-height:2em;
661	}
662
663	.copyright,
664	.credits {
665		float:none;
666		max-width:100%;
667		text-align:left;
668	}
669
670}
671
672@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {
673
674	#access .nav-show,
675	#access a.nav-show:hover {
676		background-image: url(images/nav_2x.png);
677		background-size:100%;
678	}
679
680	#header input#s {
681		background-image: url(images/search_2x.png);
682		background-size:36px;
683		background-position: -3px center;
684	}
685
686	.facebook {
687		background-image: url(images/facebook_2x.png);
688		background-size:100%;
689	}
690
691	.twitter {
692		background-image: url(images/twitter_2x.png);
693		background-size:100%;
694	}
695
696	.pinterest {
697		background-image: url(images/pinterest_2x.png);
698		background-size:100%;
699	}
700
701	.google-plus {
702		background-image: url(images/google-plus_2x.png);
703		background-size:100%;
704	}
705
706	.vimeo {
707		background-image: url(images/vimeo_2x.png);
708		background-size:100%;
709	}
710
711	.dribble {
712		background-image: url(images/dribble_2x.png);
713		background-size:100%;
714	}
715
716	.flickr {
717		background-image: url(images/flickr_2x.png);
718		background-size:100%;
719	}
720
721	.youtube {
722		background-image: url(images/youtube_2x.png);
723		background-size:100%;
724	}
725
726	.linkedin {
727		background-image: url(images/linkedin_2x.png);
728		background-size:100%;
729	}
730
731	.entry-author-link {
732		background-image: url(images/user_2x.png);
733		background-size: 12px;
734	}
735
736	.entry-date {
737		background-image: url(images/time_2x.png);
738		background-size: 12px;
739	}
740
741	.entry-category {
742		background-image: url(images/ribbon_2x.png);
743		background-size: 12px;
744	}
745
746	.attachment-size {
747		background-image: url(images/image_2x.png);
748		background-size: 12px;
749	}
750
751	.edit-link {
752		background-image: url(images/edit_2x.png);
753		background-size: 12px;
754	}
755
756	.entry-permalink {
757		background-image: url(images/link_2x.png);
758		background-size: 12px;
759	}
760
761	#infscr-loading img {
762		width: 32px;
763		height: 32px;
764	}
765
766}
767