/* 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: 50%; } #config__manager fieldset td.value { width: unset; } #config__manager td .input, #config__manager fieldset td.value, #config__manager td input.edit { max-width: 75%; } /* graphy specific */ } @media screen and (min-width: 783px) { html { font-size: 100%; } } @media screen and (min-width: 783px) { body { font-size: 18px; } } @media screen and (min-width: 1180px) { .no-sidebar .alignleft { margin-left: -100px; } .no-sidebar .alignright { margin-right: -100px; } } @media screen and (min-width: 783px) { body { margin-left: 30px; margin-right: 30px; } .site-header { margin-bottom: 75px; } .site-branding { padding-bottom: 50px; padding-top: 60px; /* desbest edit */ /*padding-top: 40px;*/ } .header-image { margin-left: auto; margin-right: auto; } .featured-post { margin-left: -30px; margin-right: -30px; margin-top: 40px; } } @media screen and (min-width: 980px) { body { margin-left: 40px; margin-right: 40px; } .site-branding, .site-content, .footer-widget-wrapper { max-width: 1120px; } .main-navigation, .header-image, .footer-widget-area, .site-bottom { max-width: 1260px; } .site-branding { position: relative; } .header-social-link { position: absolute; right: 0; top: 44px; vertical-align: bottom; } .featured-post { margin-left: -40px; margin-right: -40px; } .content-area { border-right: solid 1px #ddd; float: left; padding-right: 5.36%; width: 62.5%; } .no-sidebar .content-area, .full-width .content-area { border-right: none; float: none; margin-left: auto; margin-right: auto; padding-right: 0; width: 700px; } .full-width .content-area { width: auto; } .sidebar-area { border-top: none; float: right; padding-top: 0; width: 26.78%; } .footer-widget { display: table; padding-top: 0; table-layout: fixed; max-width: none; width: 100%; } .footer-widget .widget-area { display: table-cell; padding: 75px 46px 0 45px; vertical-align: top; } .footer-widget .widget-area:first-child { padding-left: 0; } .footer-widget .widget-area:last-child { padding-right: 0; } .footer-4 .footer-widget .widget-area { width: 25%; } .footer-3 .footer-widget .widget-area { width: 33.3%; } .footer-2 .footer-widget .widget-area { width: 50%; } .footer-1 .footer-widget .widget-area { width: 100%; } } @media screen and (min-width: 783px) { .site-logo img { zoom: 1; } .site-title { font-size: 54px; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .main-navigation .search-field { background-image: url( "images/search-icon@2x.png" ); } } @media screen and (min-width: 783px) { .menu-toggle { display: none; } .main-navigation ul { display: block; } .main-navigation a { border-top: none; padding-left: 18px; padding-right: 18px; } .main-navigation ul ul a, .main-navigation ul ul ul a, .main-navigation ul ul ul ul a { padding-left: 18px; } .main-navigation li { position: relative; } .main-navigation div.menu > ul, .main-navigation ul.menu { letter-spacing: -0.3em; padding-right: 30px; text-align: center; text-transform: uppercase; } .main-navigation div.menu > ul > li, .main-navigation ul.menu > li { background-color: #fff; display: inline-block; letter-spacing: normal; white-space: nowrap; text-align: left; } .main-navigation div.menu > ul > li.page_item_has_children > a, .main-navigation ul.menu > li.page_item_has_children > a, .main-navigation div.menu > ul > li.menu-item-has-children > a, .main-navigation ul.menu > li.menu-item-has-children > a { padding-right: 12px; } .main-navigation div.menu > ul > li.page_item_has_children > a:after, .main-navigation ul.menu > li.page_item_has_children > a:after, .main-navigation div.menu > ul > li.menu-item-has-children > a:after, .main-navigation ul.menu > li.menu-item-has-children > a:after { content: "\f431"; display: inline-block; font: normal 16px/1 Genericons; -webkit-font-smoothing: antialiased; position: relative; right: -7px; top: 1px; } .main-navigation ul ul { background-color: #fff; box-shadow: 0 1px 3px #ddd; left: -9999px; opacity: 0; position: absolute; text-transform: none; top: 100%; transition: opacity .2s ease-in-out; white-space: normal; width: 200px; z-index: 99999; } .main-navigation ul ul ul { top: 0; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: 0; opacity: 1; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; opacity: 1; } .main-navigation ul ul li a { border-top: 1px solid #eee; font-size: 93.8%; line-height: 1.5; padding-bottom: 14px; padding-top: 14px; } .main-navigation ul ul li.page_item_has_children > a, .main-navigation ul ul li.menu-item-has-children > a { padding-right: 24px; } .main-navigation ul ul li.page_item_has_children > a:after, .main-navigation ul ul li.menu-item-has-children > a:after { content: ">"; position: absolute; right: 8px; top: 14px; } .main-navigation .search-field { transition: width .4s ease, background .4s ease; } } @media screen and (min-width: 980px) { .no-sidebar .post-full-summary .post-thumbnail { margin-left: -50px; margin-right: -50px; } } @media screen and (min-width: 540px) { .post-list .post-thumbnail { float: left; margin-bottom: 0; margin-right: 5%; overflow: hidden; width: 35%; } .post-list .post-thumbnail img { width: 150%; max-width: none; } .post-list-content { overflow: hidden; } } @media (min-width: 980px) { .no-sidebar .alignwide { width: 800px; margin-left: calc( 50% - 800px / 2 ); } } @media screen and (min-width: 640px) { .pagination .page-numbers { display: inline-block; } } @media screen and (min-width: 640px) { .post-navigation .nav-previous { float: left; margin-bottom: 0; width: 48%; } .post-navigation .nav-next { float: right; text-align: right; width: 48%; } } @media screen and (min-width: 540px) { .comment-form-author label, .comment-form-email label, .comment-form-url label { float: left; line-height: 1; margin-top: 1.2em; width: 20%; } .comment-form-author input, .comment-form-email input, .comment-form-url input { float: right; margin-top: 0px; width: 80%; } } @media only screen and (max-width: 640px) { #jp-relatedposts .jp-relatedposts-items-visual { margin-right: -20px !important; } } @media only screen and (max-width: 400px) { #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 100% !important; clear: both !important; } }