1/* desbest edit */ 2 3@media screen and (max-width: 480px){ 4 fieldset, 5 #mediamanager__page, 6 #mediamanager__page .filelist{ 7 max-width: 100%; min-width: unset; 8 } 9 #mediamanager__page .file, 10 #mediamanager__page .namespaces, 11 #mediamanager__page .panel { 12 width: 100%; clear: both; float: none; 13 } 14 li, dd { margin: 1.15em 0px !important; } 15 #config__manager tr { } 16 #config__manager td { display: block; padding: 1.15em 0px; max-width: 50%; } 17 18 #config__manager fieldset td.value { width: unset; } 19 20 #config__manager td .input, 21 #config__manager fieldset td.value, 22 #config__manager td input.edit { 23 max-width: 75%; 24 } 25 26 /* graphy specific */ 27 28 29} 30 31@media screen and (min-width: 783px) { 32 html { 33 font-size: 100%; 34 } 35} 36 37@media screen and (min-width: 783px) { 38 body { 39 font-size: 18px; 40 } 41} 42 43@media screen and (min-width: 1180px) { 44 .no-sidebar .alignleft { 45 margin-left: -100px; 46 } 47 .no-sidebar .alignright { 48 margin-right: -100px; 49 } 50} 51 52@media screen and (min-width: 783px) { 53 body { 54 margin-left: 30px; 55 margin-right: 30px; 56 } 57 .site-header { 58 margin-bottom: 75px; 59 } 60 .site-branding { 61 padding-bottom: 50px; 62 padding-top: 60px; /* desbest edit */ 63 /*padding-top: 40px;*/ 64 } 65 .header-image { 66 margin-left: auto; 67 margin-right: auto; 68 } 69 .featured-post { 70 margin-left: -30px; 71 margin-right: -30px; 72 margin-top: 40px; 73 } 74} 75 76 77@media screen and (min-width: 980px) { 78 body { 79 margin-left: 40px; 80 margin-right: 40px; 81 } 82 .site-branding, 83 .site-content, 84 .footer-widget-wrapper { 85 max-width: 1120px; 86 } 87 .main-navigation, 88 .header-image, 89 .footer-widget-area, 90 .site-bottom { 91 max-width: 1260px; 92 } 93 .site-branding { 94 position: relative; 95 } 96 .header-social-link { 97 position: absolute; 98 right: 0; 99 top: 44px; 100 vertical-align: bottom; 101 } 102 .featured-post { 103 margin-left: -40px; 104 margin-right: -40px; 105 } 106 .content-area { 107 border-right: solid 1px #ddd; 108 float: left; 109 padding-right: 5.36%; 110 width: 62.5%; 111 } 112 .no-sidebar .content-area, 113 .full-width .content-area { 114 border-right: none; 115 float: none; 116 margin-left: auto; 117 margin-right: auto; 118 padding-right: 0; 119 width: 700px; 120 } 121 .full-width .content-area { 122 width: auto; 123 } 124 .sidebar-area { 125 border-top: none; 126 float: right; 127 padding-top: 0; 128 width: 26.78%; 129 } 130 .footer-widget { 131 display: table; 132 padding-top: 0; 133 table-layout: fixed; 134 max-width: none; 135 width: 100%; 136 } 137 .footer-widget .widget-area { 138 display: table-cell; 139 padding: 75px 46px 0 45px; 140 vertical-align: top; 141 } 142 .footer-widget .widget-area:first-child { 143 padding-left: 0; 144 } 145 .footer-widget .widget-area:last-child { 146 padding-right: 0; 147 } 148 .footer-4 .footer-widget .widget-area { 149 width: 25%; 150 } 151 .footer-3 .footer-widget .widget-area { 152 width: 33.3%; 153 } 154 .footer-2 .footer-widget .widget-area { 155 width: 50%; 156 } 157 .footer-1 .footer-widget .widget-area { 158 width: 100%; 159 } 160} 161 162 163@media screen and (min-width: 783px) { 164 .site-logo img { 165 zoom: 1; 166 } 167 .site-title { 168 font-size: 54px; 169 } 170} 171 172 173 174@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 175 .main-navigation .search-field { 176 background-image: url( "images/search-icon@2x.png" ); 177 } 178} 179 180 181@media screen and (min-width: 783px) { 182 .menu-toggle { 183 display: none; 184 } 185 .main-navigation ul { 186 display: block; 187 } 188 .main-navigation a { 189 border-top: none; 190 padding-left: 18px; 191 padding-right: 18px; 192 } 193 .main-navigation ul ul a, 194 .main-navigation ul ul ul a, 195 .main-navigation ul ul ul ul a { 196 padding-left: 18px; 197 } 198 .main-navigation li { 199 position: relative; 200 } 201 .main-navigation div.menu > ul, 202 .main-navigation ul.menu { 203 letter-spacing: -0.3em; 204 padding-right: 30px; 205 text-align: center; 206 text-transform: uppercase; 207 } 208 .main-navigation div.menu > ul > li, 209 .main-navigation ul.menu > li { 210 background-color: #fff; 211 display: inline-block; 212 letter-spacing: normal; 213 white-space: nowrap; 214 text-align: left; 215 } 216 .main-navigation div.menu > ul > li.page_item_has_children > a, 217 .main-navigation ul.menu > li.page_item_has_children > a, 218 .main-navigation div.menu > ul > li.menu-item-has-children > a, 219 .main-navigation ul.menu > li.menu-item-has-children > a { 220 padding-right: 12px; 221 } 222 .main-navigation div.menu > ul > li.page_item_has_children > a:after, 223 .main-navigation ul.menu > li.page_item_has_children > a:after, 224 .main-navigation div.menu > ul > li.menu-item-has-children > a:after, 225 .main-navigation ul.menu > li.menu-item-has-children > a:after { 226 content: "\f431"; 227 display: inline-block; 228 font: normal 16px/1 Genericons; 229 -webkit-font-smoothing: antialiased; 230 position: relative; 231 right: -7px; 232 top: 1px; 233 } 234 .main-navigation ul ul { 235 background-color: #fff; 236 box-shadow: 0 1px 3px #ddd; 237 left: -9999px; 238 opacity: 0; 239 position: absolute; 240 text-transform: none; 241 top: 100%; 242 transition: opacity .2s ease-in-out; 243 white-space: normal; 244 width: 200px; 245 z-index: 99999; 246 } 247 .main-navigation ul ul ul { 248 top: 0; 249 } 250 .main-navigation ul li:hover > ul, 251 .main-navigation ul li.focus > ul { 252 left: 0; 253 opacity: 1; 254 } 255 .main-navigation ul ul li:hover > ul, 256 .main-navigation ul ul li.focus > ul { 257 left: 100%; 258 opacity: 1; 259 } 260 .main-navigation ul ul li a { 261 border-top: 1px solid #eee; 262 font-size: 93.8%; 263 line-height: 1.5; 264 padding-bottom: 14px; 265 padding-top: 14px; 266 } 267 .main-navigation ul ul li.page_item_has_children > a, 268 .main-navigation ul ul li.menu-item-has-children > a { 269 padding-right: 24px; 270 } 271 .main-navigation ul ul li.page_item_has_children > a:after, 272 .main-navigation ul ul li.menu-item-has-children > a:after { 273 content: ">"; 274 position: absolute; 275 right: 8px; 276 top: 14px; 277 } 278 .main-navigation .search-field { 279 transition: width .4s ease, background .4s ease; 280 } 281} 282 283@media screen and (min-width: 980px) { 284 .no-sidebar .post-full-summary .post-thumbnail { 285 margin-left: -50px; 286 margin-right: -50px; 287 } 288} 289 290 291@media screen and (min-width: 540px) { 292 .post-list .post-thumbnail { 293 float: left; 294 margin-bottom: 0; 295 margin-right: 5%; 296 overflow: hidden; 297 width: 35%; 298 } 299 .post-list .post-thumbnail img { 300 width: 150%; 301 max-width: none; 302 } 303 .post-list-content { 304 overflow: hidden; 305 } 306} 307 308@media (min-width: 980px) { 309 .no-sidebar .alignwide { 310 width: 800px; 311 margin-left: calc( 50% - 800px / 2 ); 312 } 313} 314 315 316@media screen and (min-width: 640px) { 317 .pagination .page-numbers { 318 display: inline-block; 319 } 320} 321 322 323@media screen and (min-width: 640px) { 324 .post-navigation .nav-previous { 325 float: left; 326 margin-bottom: 0; 327 width: 48%; 328 } 329 .post-navigation .nav-next { 330 float: right; 331 text-align: right; 332 width: 48%; 333 } 334} 335 336 337 338@media screen and (min-width: 540px) { 339 .comment-form-author label, 340 .comment-form-email label, 341 .comment-form-url label { 342 float: left; 343 line-height: 1; 344 margin-top: 1.2em; 345 width: 20%; 346 } 347 .comment-form-author input, 348 .comment-form-email input, 349 .comment-form-url input { 350 float: right; 351 margin-top: 0px; 352 width: 80%; 353 } 354} 355 356 357@media only screen and (max-width: 640px) { 358 #jp-relatedposts .jp-relatedposts-items-visual { 359 margin-right: -20px !important; 360 } 361} 362@media only screen and (max-width: 400px) { 363 #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { 364 width: 100% !important; 365 clear: both !important; 366 } 367} 368