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: 75%;  }
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  /* mywiki specific */
28  /* */
29
30}
31
32
33@media (max-width: 479px) {
34
35	.input-group .form-control, #qsearch__in {
36		/*position: relative;*/
37		/*z-index: 2;*/
38		/*float: left;*/
39		width: 90% !important;
40
41	}
42
43}
44
45@media screen and (-webkit-min-device-pixel-ratio:0) {
46.load {
47	background-position: center left;
48	background-position-x: 210px;
49	background-position-y: 10px;
50}
51
52	/* Safari only override */
53
54    ::i-block-chrome, .load {
55 background-position:center left;
56 background-position-x: 83%;
57 background-position-y: 10px;
58}
59.glyphicon-search:before {
60	margin-left: 16px !important;
61	padding-left: 40px !important;
62}
63}
64
65 @media (min-width: 200px) and (max-width: 240px) {
66.navbar-toggle {
67	top: 50px !important;
68}
69.load {
70	background-position: right 180px center !important;
71}
72 #s::-moz-placeholder {
73 color:#fff;
74}
75#s {
76	font-size: 12px;
77}
78.top-nav {
79	text-align: center;
80}
81.logo {
82	min-width: 80%;
83}
84}
85
86
87 @media (min-width: 380px) and (max-width: 479px) {
88	#s {
89		font-size: 12px;
90		padding: 20px 20px 20px 20px;
91	}
92	 #s::-moz-placeholder {
93	 /*color:#fff;*/
94	}
95	.navbar-toggle {
96		top: 40px;
97		position: absolute;
98		right: 0;
99		margin-top: 0;
100	}
101	.top-nav {
102		text-align: center;
103	}
104	.navbar-nav {
105		margin: 0px !important;
106	}
107	.suggestionsbox {
108		width: 70%;
109	}
110	.margin-top {
111		margin-top: 10px !important;
112	}
113	/* To fix postion of loader image in Mozilla */
114
115	.load {
116		background-position: right 80px center !important;
117	}
118}
119
120 @media (min-width: 480px) and (max-width: 568px) {
121	#s {
122		font-size: 12px;
123		padding: 20px 20px 20px 20px;
124	}
125	.navbar-toggle {
126		top: 40px;
127		position: absolute;
128		right: 0;
129		margin-top: 0;
130	}
131	.top-nav {
132		text-align: center;
133	}
134	.navbar-nav {
135		margin: 0px !important;
136	}
137	.margin-top {
138		margin-top: 10px !important;
139	}
140	/* To fix postion of loader image in Mozilla */
141
142	.load {
143		background-position: right 100px center !important;
144	}
145}
146
147 @media (min-width: 569px) and (max-width: 767px) {
148	#s {
149		font-size: 12px;
150		padding: 20px 20px 20px 20px;
151	}
152	.navbar-toggle {
153		top: 40px;
154		position: absolute;
155		right: 0;
156		margin-top: 0;
157	}
158	.top-nav {
159		text-align: center;
160	}
161	.navbar-nav {
162		margin: 0px !important;
163	}
164	.margin-top {
165		margin-top: 10px !important;
166	}
167	/* To fix postion of loader image in Mozilla */
168
169	.load {
170		background-position: right 100px center !important;
171	}
172}
173
174
175 @media (max-width: 767px) {
176	/* nav-wrap */
177	.menu-wrap {
178		position: relative;
179	}
180	.menu-wrap * {
181		-moz-box-sizing: border-box;
182		-webkit-box-sizing: border-box;
183		box-sizing: border-box;
184	}
185	/* menu icon */
186
187	#menu-trigger {
188		cursor: pointer;
189		display: block;
190		height: 40px;
191	}
192	.mywiki-header-menu {
193		background-color: #FFF !important;
194		display: block !important;
195		padding: 0px !important;
196		position: relative !important;
197		top: 0px !important;
198	}
199	.mywiki-header-menu ul li a {
200		background: none repeat scroll 0 0 #f8f8f8 !important;
201		font-size: 14px;
202		text-align: left;
203	}
204	.mywiki-header-menu:after {
205		content: '';
206		position: absolute;
207		left: 25px;
208		top: -8px;
209		border: none;
210	}
211	.mywiki-header-menu a:hover, .mywiki-header-menu a:focus {
212		color: #048EB0 !important;
213	}
214	.mywiki-header-menu li:hover > a {
215		color: #380101;
216		text-decoration: none;
217	}
218	.mywiki-header-menu ul {
219		position: static;
220		visibility: visible;
221		opacity: 1;
222		margin: 0;
223		background: none;
224		border: none;
225		padding: 4px 3px 2px 4px;
226	}
227	.mywiki-header-menu ul ul {
228		margin: 0 0 0 20px !important;
229		-moz-box-shadow: none;
230		-webkit-box-shadow: none;
231		box-shadow: none;
232		left: 0px !important;
233	}
234	.mywiki-header-menu li {
235		position: relative;
236		display: block;
237		float: left !important;
238		border: 0;
239		margin: 5px;
240		-moz-box-shadow: none;
241		-webkit-box-shadow: none;
242		box-shadow: none;
243		width: 90%;
244		text-align: left;
245	}
246	.mywiki-header-menu ul li {
247		background: none;
248		margin-left: 20px;
249		-moz-box-shadow: none;
250		-webkit-box-shadow: none;
251		box-shadow: none;
252	}
253	.mywiki-header-menu a {
254		display: block;
255		float: none;
256		padding: 0;
257		color: #000;
258	}
259	.mywiki-header-menu a:hover, .mywiki-header-menu a:focus {
260		color: #fafafa;
261	}
262	.mywiki-header-menu ul a {
263		padding: 0;
264		width: auto;
265	}
266	.mywiki-header-menu ul a:hover {
267		background: none;
268	}
269	.mywiki-header-menu ul li:first-child a:after, .mywiki-header-menu ul ul li:first-child a:after {
270		border: 0;
271	}
272	.mywiki-header-menu li> a {
273		color: #048EB0;
274	}
275	.mywiki-header-menu li> a:hover {
276		color: #048EB0;
277	}
278	.top-menu {
279		margin: 0px 0px 0px 0px !important;
280	}
281	.footer-menu-nav .nav > li {
282		width: auto;
283		padding: 5px 0px;
284	}
285	.footer-menu-nav .nav > li:last-child {
286		margin-bottom: 10px;
287	}
288	 #s::-moz-placeholder {
289	 /*color:#fff;*/
290	}
291	 #s::-webkit-input-placeholder {
292	 color:#fff;
293	}
294	.input-group-btn > .btn {
295		width: 52px;
296		overflow: hidden;
297		padding-left: 0px;
298	}
299	.glyphicon-search:before {
300		margin-left: 16px !important;
301		padding-left: 40px !important;
302	}
303	.border-bottom {
304		border: none;
305	}
306	.logo {
307		width: 75%;
308		height: auto;
309	}
310	.border-left {
311		border: none;
312	}
313	.date-icon, .author-icon, .cat-icon-small, .comments-icon-small, .single-page .meta {
314		float: left;
315		width: 100%;
316	}
317	#commentform p {
318		width: 95% !important;
319	}
320	#commentform p:nth-child(4) {
321		width: 100% !important;
322	}
323}
324
325
326
327
328 @media (min-width: 768px) and (max-width: 900px) {
329	.search-main {
330		width: 735px !important;
331	}
332	/* To fix postion of loader image in Mozilla */
333
334	.load {
335		background-position: right 180px center !important;
336	}
337}
338 @media (min-width: 900px) {
339	/* To fix postion of loader image in Mozilla */
340	.load {
341		background-position: right 200px center !important;
342	}
343}
344
345 @media screen and (-webkit-min-device-pixel-ratio:0) {
346	.comment-author b {
347		margin: -20px 0px 0px 50px !important;
348	}
349	.avatar.avatar-32.photo {
350		display: -moz-groupbox !important;
351		margin: 0px 12px -35px 0 !important;
352	}
353}
354
355
356
357 @media (min-width: 241px) and (max-width: 379px) {
358	.cat-main-section{
359	 min-height: auto;
360	}
361	#s {
362		font-size: 12px;
363		padding: 20px 20px 20px 20px;
364	}
365	 #s::-moz-placeholder {
366	 color:#fff;
367	}
368	 #s::-webkit-placeholder {
369	 color:#fff;
370	}
371	.navbar-toggle {
372		top: 40px;
373		position: absolute;
374		right: 0;
375		margin-top: 0;
376	}
377	.top-nav {
378		text-align: center;
379	}
380	.navbar-nav {
381		margin: 0px !important;
382	}
383	.suggestionsbox {
384		width: 100%;
385	}
386	.margin-top {
387		margin-top: 10px !important;
388	}
389	.padding-top-bottom .attribution {
390		margin-top: 0;
391	}
392	/* To fix postion of loader image in Mozilla */
393
394	.load {
395		background-position: right 80px center !important;
396	}
397}
398
399
400
401
402/* Responsive Style */
403@media (max-width: 640px){
404    .mywiki-nav-previous {
405    float: left;
406    margin-bottom: 5px;
407    text-align: center;
408    width: 100%;
409	}
410	.mywiki-nav-next {
411	    float: right;
412	    text-align: center;
413	    width: 100%;
414	}
415}
416@media (max-width: 359px) {
417	#home-main .page-catheader .page-title {
418
419		font-size: 24px;
420		font-family: 'Cabin', sans-serif;
421		color: #048eb0;
422		padding-top: .5%;
423	}
424	.input-group .form-control {
425		display: inline-block;
426		height: 57px;
427		font-size: 12px;
428	}
429	.attribution {
430		text-align: center;
431		float: none;
432	}
433	.footer-menu-nav {
434		width: 100%;
435		text-align: center;
436	}
437	.footer-menu-nav .nav > li {
438		float: none;
439	    text-align: center;
440	    display: inline-block;
441	}
442}
443 @media (min-width: 360px) and (max-width: 767px) {
444	.cat-main-section{
445		min-height: auto;
446	}
447	#home-main .page-catheader .page-title {
448
449		font-size: 24px;
450		font-family: 'Cabin', sans-serif;
451		color: #048eb0;
452		padding-top: .5%;
453	}
454	.input-group .form-control {
455		display: inline-block;
456		height: 57px;
457		font-size: 12px;
458	}
459	.attribution {
460		text-align: center;
461		float: none;
462	}
463	.footer-menu-nav .footer-nav li {
464		float: none;
465	    text-align: center;
466	    display: inline-block;
467	}
468	.footer-menu-nav {
469		width: 100%;
470		text-align: center;
471	}
472}
473 @media (max-width: 767px) {
474    #mc_embed_signup form{padding: 0;}
475 }
476 @media (min-width: 768px) and (max-width: 979px) {
477	#home-main .page-catheader .page-title {
478
479		font-size: 24px;
480		font-family: 'Cabin', sans-serif;
481		color: #048eb0;
482		padding-top: .5%;
483	}
484	.attribution {
485		text-align: center;
486
487	}
488}
489 @media (min-width: 980px) and (max-width: 1279px) {
490	#home-main .page-catheader .page-title {
491
492		font-size: 24px;
493		font-family: 'Cabin', sans-serif;
494		color: #048eb0;
495		padding-top: .5%;
496	}
497}
498 @media (min-width: 1280px) {
499	#home-main .page-catheader .page-title {
500		font-size: 24px;
501		font-family: 'Cabin', sans-serif;
502		color: #048eb0;
503		margin-top: 10px;
504		margin-bottom: 10px;
505	}
506}