/* desbest edit */ @media screen and (max-width: 480px){ fieldset, #mediamanager__page, #mediamanager__page .filelist{ max-width: 100%; min-width: unset; } #mediamanager__page .file, #mediamanager__page .namespaces, #mediamanager__page .panel { width: 100%; clear: both; float: none; } li, dd { margin: 1.15em 0px !important; } #config__manager tr { } #config__manager td { display: block; padding: 1.15em 0px; max-width: 75%; } #config__manager fieldset { margin: 1em 0px; } #config__manager fieldset td.value { width: unset; } #config__manager td .input, #config__manager fieldset td.value, #config__manager td input.edit { max-width: 75%; } /* mywiki specific */ /* */ } @media (max-width: 479px) { .input-group .form-control, #qsearch__in { /*position: relative;*/ /*z-index: 2;*/ /*float: left;*/ width: 90% !important; } } @media screen and (-webkit-min-device-pixel-ratio:0) { .load { background-position: center left; background-position-x: 210px; background-position-y: 10px; } /* Safari only override */ ::i-block-chrome, .load { background-position:center left; background-position-x: 83%; background-position-y: 10px; } .glyphicon-search:before { margin-left: 16px !important; padding-left: 40px !important; } } @media (min-width: 200px) and (max-width: 240px) { .navbar-toggle { top: 50px !important; } .load { background-position: right 180px center !important; } #s::-moz-placeholder { color:#fff; } #s { font-size: 12px; } .top-nav { text-align: center; } .logo { min-width: 80%; } } @media (min-width: 380px) and (max-width: 479px) { #s { font-size: 12px; padding: 20px 20px 20px 20px; } #s::-moz-placeholder { /*color:#fff;*/ } .navbar-toggle { top: 40px; position: absolute; right: 0; margin-top: 0; } .top-nav { text-align: center; } .navbar-nav { margin: 0px !important; } .suggestionsbox { width: 70%; } .margin-top { margin-top: 10px !important; } /* To fix postion of loader image in Mozilla */ .load { background-position: right 80px center !important; } } @media (min-width: 480px) and (max-width: 568px) { #s { font-size: 12px; padding: 20px 20px 20px 20px; } .navbar-toggle { top: 40px; position: absolute; right: 0; margin-top: 0; } .top-nav { text-align: center; } .navbar-nav { margin: 0px !important; } .margin-top { margin-top: 10px !important; } /* To fix postion of loader image in Mozilla */ .load { background-position: right 100px center !important; } } @media (min-width: 569px) and (max-width: 767px) { #s { font-size: 12px; padding: 20px 20px 20px 20px; } .navbar-toggle { top: 40px; position: absolute; right: 0; margin-top: 0; } .top-nav { text-align: center; } .navbar-nav { margin: 0px !important; } .margin-top { margin-top: 10px !important; } /* To fix postion of loader image in Mozilla */ .load { background-position: right 100px center !important; } } @media (max-width: 767px) { /* nav-wrap */ .menu-wrap { position: relative; } .menu-wrap * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* menu icon */ #menu-trigger { cursor: pointer; display: block; height: 40px; } .mywiki-header-menu { background-color: #FFF !important; display: block !important; padding: 0px !important; position: relative !important; top: 0px !important; } .mywiki-header-menu ul li a { background: none repeat scroll 0 0 #f8f8f8 !important; font-size: 14px; text-align: left; } .mywiki-header-menu:after { content: ''; position: absolute; left: 25px; top: -8px; border: none; } .mywiki-header-menu a:hover, .mywiki-header-menu a:focus { color: #048EB0 !important; } .mywiki-header-menu li:hover > a { color: #380101; text-decoration: none; } .mywiki-header-menu ul { position: static; visibility: visible; opacity: 1; margin: 0; background: none; border: none; padding: 4px 3px 2px 4px; } .mywiki-header-menu ul ul { margin: 0 0 0 20px !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; left: 0px !important; } .mywiki-header-menu li { position: relative; display: block; float: left !important; border: 0; margin: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; width: 90%; text-align: left; } .mywiki-header-menu ul li { background: none; margin-left: 20px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .mywiki-header-menu a { display: block; float: none; padding: 0; color: #000; } .mywiki-header-menu a:hover, .mywiki-header-menu a:focus { color: #fafafa; } .mywiki-header-menu ul a { padding: 0; width: auto; } .mywiki-header-menu ul a:hover { background: none; } .mywiki-header-menu ul li:first-child a:after, .mywiki-header-menu ul ul li:first-child a:after { border: 0; } .mywiki-header-menu li> a { color: #048EB0; } .mywiki-header-menu li> a:hover { color: #048EB0; } .top-menu { margin: 0px 0px 0px 0px !important; } .footer-menu-nav .nav > li { width: auto; padding: 5px 0px; } .footer-menu-nav .nav > li:last-child { margin-bottom: 10px; } #s::-moz-placeholder { /*color:#fff;*/ } #s::-webkit-input-placeholder { color:#fff; } .input-group-btn > .btn { width: 52px; overflow: hidden; padding-left: 0px; } .glyphicon-search:before { margin-left: 16px !important; padding-left: 40px !important; } .border-bottom { border: none; } .logo { width: 75%; height: auto; } .border-left { border: none; } .date-icon, .author-icon, .cat-icon-small, .comments-icon-small, .single-page .meta { float: left; width: 100%; } #commentform p { width: 95% !important; } #commentform p:nth-child(4) { width: 100% !important; } } @media (min-width: 768px) and (max-width: 900px) { .search-main { width: 735px !important; } /* To fix postion of loader image in Mozilla */ .load { background-position: right 180px center !important; } } @media (min-width: 900px) { /* To fix postion of loader image in Mozilla */ .load { background-position: right 200px center !important; } } @media screen and (-webkit-min-device-pixel-ratio:0) { .comment-author b { margin: -20px 0px 0px 50px !important; } .avatar.avatar-32.photo { display: -moz-groupbox !important; margin: 0px 12px -35px 0 !important; } } @media (min-width: 241px) and (max-width: 379px) { .cat-main-section{ min-height: auto; } #s { font-size: 12px; padding: 20px 20px 20px 20px; } #s::-moz-placeholder { color:#fff; } #s::-webkit-placeholder { color:#fff; } .navbar-toggle { top: 40px; position: absolute; right: 0; margin-top: 0; } .top-nav { text-align: center; } .navbar-nav { margin: 0px !important; } .suggestionsbox { width: 100%; } .margin-top { margin-top: 10px !important; } .padding-top-bottom .attribution { margin-top: 0; } /* To fix postion of loader image in Mozilla */ .load { background-position: right 80px center !important; } } /* Responsive Style */ @media (max-width: 640px){ .mywiki-nav-previous { float: left; margin-bottom: 5px; text-align: center; width: 100%; } .mywiki-nav-next { float: right; text-align: center; width: 100%; } } @media (max-width: 359px) { #home-main .page-catheader .page-title { font-size: 24px; font-family: 'Cabin', sans-serif; color: #048eb0; padding-top: .5%; } .input-group .form-control { display: inline-block; height: 57px; font-size: 12px; } .attribution { text-align: center; float: none; } .footer-menu-nav { width: 100%; text-align: center; } .footer-menu-nav .nav > li { float: none; text-align: center; display: inline-block; } } @media (min-width: 360px) and (max-width: 767px) { .cat-main-section{ min-height: auto; } #home-main .page-catheader .page-title { font-size: 24px; font-family: 'Cabin', sans-serif; color: #048eb0; padding-top: .5%; } .input-group .form-control { display: inline-block; height: 57px; font-size: 12px; } .attribution { text-align: center; float: none; } .footer-menu-nav .footer-nav li { float: none; text-align: center; display: inline-block; } .footer-menu-nav { width: 100%; text-align: center; } } @media (max-width: 767px) { #mc_embed_signup form{padding: 0;} } @media (min-width: 768px) and (max-width: 979px) { #home-main .page-catheader .page-title { font-size: 24px; font-family: 'Cabin', sans-serif; color: #048eb0; padding-top: .5%; } .attribution { text-align: center; } } @media (min-width: 980px) and (max-width: 1279px) { #home-main .page-catheader .page-title { font-size: 24px; font-family: 'Cabin', sans-serif; color: #048eb0; padding-top: .5%; } } @media (min-width: 1280px) { #home-main .page-catheader .page-title { font-size: 24px; font-family: 'Cabin', sans-serif; color: #048eb0; margin-top: 10px; margin-bottom: 10px; } }