1/* desbest edit */ 2@media screen and (max-width: 480px){ 3 fieldset, 4 #mediamanager__page, 5 #mediamanager__page .filelist{ 6 max-width: 100%; min-width: unset; 7 } 8 #mediamanager__page .file, 9 #mediamanager__page .namespaces, 10 #mediamanager__page .panel { 11 width: 100%; clear: both; float: none; 12 } 13 li, dd { margin: 1.15em 0px !important; } 14 #config__manager tr { } 15 #config__manager td { display: block; padding: 1.15em 0px; max-width: 75%; } 16 17 #config__manager fieldset td.value { width: unset; } 18 19 #config__manager td .input, 20 #config__manager fieldset td.value, 21 #config__manager td input.edit { 22 max-width: 75%; 23 } 24 25 /* drop specific */ 26 .newmetamenu li { padding: 0.15em; display: inline-block; margin: 1em 1.15em !important; } 27 .site-header { line-height: unset; height: 6em; } 28 .title-info { margin-top: 2.35em; } 29 #dw__search button[type="submit"]{ margin-top: 1.15em; } 30 .entry { padding-top: 0px !important; } 31} 32 33 34 35@media all and (max-width: 47.5em) { 36 .newmetamenu li { display: inline-block; margin-bottom: 0.35em;} 37} 38 39 /* ============ */ 40@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) { 41 html { 42 -webkit-text-size-adjust: none; 43 /* none for no scaling 44 } 45} 46@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { 47 html { 48 -webkit-text-size-adjust: none; 49 /* none for no scaling */ 50 } 51} 52/* 900px */ 53@media all and (min-width: 56.25em) { 54 body { 55 background: #e6e6e6; 56 } 57 58 /* skip content link */ 59 .skip-content:focus { 60 top: 2em; 61 } 62} 63 64 65/* 500px */ 66@media all and (min-width: 31.25em) { 67 .site-header { 68 padding: 0 11.11%; 69 } 70 71 .title-info { 72 right: 11.11%; 73 } 74} 75/* 600px */ 76@media all and (min-width: 37.5em) { 77 .menu-slider { 78 width: 50%; 79 padding: 3em 5.55%; 80 } 81} 82/* 900px */ 83@media all and (min-width: 56.25em) { 84 .site-header { 85 width: 33.33%; 86 padding: 0; 87 float: left; 88 z-index: 1; 89 background: none; 90 height: auto; 91 } 92 .site-header:after { 93 content: "."; 94 display: block; 95 clear: both; 96 visibility: hidden; 97 line-height: 0; 98 height: 0; 99 } 100 101 .title-info { 102 right: auto; 103 text-align: center; 104 width: 100%; 105 position: relative; 106 padding: 24px 16.65%; 107 background: #cccccc; 108 } 109 .title-info .site-title { 110 font-size: 2.625em; 111 line-height: 1.14; 112 text-shadow: -0.063em 0.063em #b3b3b3; 113 } 114 .title-info .site-title a, 115 .title-info .site-title a:link, 116 .title-info .site-title a:visited { 117 color: #575757; 118 } 119 .title-info .site-title a:hover, 120 .title-info .site-title a:active, 121 .title-info .site-title a:focus { 122 color: #666666; 123 } 124 .title-info .site-title img { 125 max-width: 4.5em; 126 max-height: 0.95em; 127 } 128 129 .ie9 .site-title a:hover, .ie9 .site-title a:active, .ie9 .site-title a:focus { 130 color: #666666; 131 } 132 133 .menu-slider { 134 width: 100%; 135 height: auto; 136 padding: 0 16.65%; 137 background: none; 138 color: #666666; 139 position: relative; 140 } 141 142 .site-info img { 143 border-color: #b3b3b3; 144 } 145 .site-info hr { 146 color: #cccccc; 147 border-color: #cccccc; 148 } 149 150 button.toggle-button { 151 display: none; 152 } 153 154 #menu-primary-items, 155 .menu-unset > ul { 156 margin: 0; 157 } 158 #menu-primary-items ul, 159 .menu-unset > ul ul { 160 position: absolute; 161 top: 1.5em; 162 left: -999em; 163 background: #cccccc; 164 -webkit-transition: top 0.2s ease; 165 transition: top 0.2s ease; 166 } 167 #menu-primary-items ul.focused, 168 .menu-unset > ul ul.focused { 169 left: 100%; 170 top: 0; 171 } 172 #menu-primary-items ul li a, 173 .menu-unset > ul ul li a { 174 color: #555555; 175 } 176 #menu-primary-items ul li a:link, #menu-primary-items ul li a:visited, 177 .menu-unset > ul ul li a:link, 178 .menu-unset > ul ul li a:visited { 179 color: #555555; 180 } 181 #menu-primary-items ul li a:hover, #menu-primary-items ul li a:active, #menu-primary-items ul li a:focus, 182 .menu-unset > ul ul li a:hover, 183 .menu-unset > ul ul li a:active, 184 .menu-unset > ul ul li a:focus { 185 color: #28805d; 186 } 187 #menu-primary-items ul, 188 .menu-unset > ul ul { 189 overflow: visible; 190 /* overwriting previous code */ 191 } 192 #menu-primary-items li, 193 .menu-unset > ul li { 194 position: relative; 195 overflow: visible; 196 -webkit-transition: all 0.3s ease-in-out; 197 transition: all 0.3s ease-in-out; 198 } 199 #menu-primary-items li:hover > ul, #menu-primary-items li:active > ul, #menu-primary-items li:focus > ul, 200 .menu-unset > ul li:hover > ul, 201 .menu-unset > ul li:active > ul, 202 .menu-unset > ul li:focus > ul { 203 left: 100%; 204 top: 0; 205 } 206 #menu-primary-items li a, 207 #menu-primary-items li a:link, 208 #menu-primary-items li a:visited, 209 .menu-unset > ul li a, 210 .menu-unset > ul li a:link, 211 .menu-unset > ul li a:visited { 212 color: #666666; 213 } 214 #menu-primary-items li a:hover, 215 #menu-primary-items li a:active, 216 #menu-primary-items li a:focus, 217 .menu-unset > ul li a:hover, 218 .menu-unset > ul li a:active, 219 .menu-unset > ul li a:focus { 220 color: #28805d; 221 } 222 #menu-primary-items li a:focus, 223 .menu-unset > ul li a:focus { 224 background: whitesmoke; 225 } 226 227 .social-media-icons li a, 228 .social-media-icons li a:link, 229 .social-media-icons li a:visited { 230 color: #666666; 231 } 232 .social-media-icons li a:hover, 233 .social-media-icons li a:active, 234 .social-media-icons li a:focus { 235 color: #28805d; 236 } 237} 238/* 1100 */ 239@media all and (min-width: 68.75em) { 240 .title-info .site-title img { 241 max-width: 5.5em; 242 } 243 244 .menu-slider img { 245 width: 6em; 246 } 247} 248 249 250/* 500px */ 251@media all and (min-width: 31.25em) { 252 .page-header { 253 padding: 1.5em 11.11%; 254 } 255 256 .excerpt { 257 margin: 1.5em 11.11% 4.5em; 258 } 259 260 .sticky { 261 margin: 0; 262 padding: 1.5em 11.11% 4.5em; 263 } 264 265 .featured-image { 266 height: 264px; 267 } 268 269 .loop-pagination { 270 margin: 1.5em 11.11%; 271 } 272} 273/* 600px */ 274@media all and (min-width: 37.5em) { 275 .excerpts-container { 276 -webkit-transform: translateZ(0); 277 transform: translateZ(0); 278 -webkit-transition: all 0.3s ease-in-out; 279 transition: all 0.3s ease-in-out; 280 } 281 282 .excerpts-container.open { 283 -webkit-transform: translateY(96px); 284 -ms-transform: translateY(96px); 285 transform: translateY(96px); 286 padding-bottom: 96px; 287 } 288 289 .page-header > div { 290 display: block; 291 } 292 .page-header h2, 293 .page-header p { 294 max-width: 80%; 295 } 296} 297/* 700px */ 298@media all and (min-width: 43.75em) { 299 .featured-image { 300 height: 312px; 301 } 302 303 .excerpt { 304 border-bottom: none; 305 } 306} 307/* 900px */ 308@media all and (min-width: 56.25em) { 309 .main { 310 float: right; 311 width: 66.66%; 312 } 313 .main:after { 314 content: "."; 315 display: block; 316 clear: both; 317 visibility: hidden; 318 line-height: 0; 319 height: 0; 320 } 321 322 .page-header { 323 background: #28805d; 324 padding: 1.5em 8.33%; 325 } 326 .page-header h2 { 327 text-shadow: -0.063em 0.063em #20664a; 328 font-size: 2.625em; 329 line-height: 1.14; 330 } 331 332 .excerpt { 333 margin: 1.5em 8.33% 4.5em; 334 } 335 336 .sticky { 337 margin: 0; 338 padding: 1.5em 8.33% 4.5em; 339 outline-offset: -0.25em; 340 } 341 342 .loop-pagination { 343 margin: 1.5em 8.33%; 344 } 345} 346/* 1100 */ 347@media all and (min-width: 68.75em) { 348 .page-header { 349 padding: 1.5em 16.67%; 350 } 351 352 .excerpt { 353 margin: 1.5em 16.67% 4.5em; 354 position: relative; 355 } 356 357 .sticky { 358 margin: 0; 359 padding: 1.5em 16.67% 4.5em; 360 } 361 .sticky .excerpt-meta { 362 right: 83.5%; 363 top: 1.5em; 364 } 365 366 .excerpt-meta { 367 position: absolute; 368 right: 100%; 369 width: 25%; 370 top: 0; 371 font-size: 0.813em; 372 line-height: 1.85; 373 padding: 0 3% 0 2.08%; 374 text-align: right; 375 } 376 .excerpt-meta span { 377 display: block; 378 } 379 380 .excerpt-date { 381 font-weight: 700; 382 } 383 384 .excerpt-date:after, 385 .excerpt-author:after { 386 content: ''; 387 } 388 389 .loop-pagination { 390 margin: 1.5em 16.67%; 391 } 392} 393 394 395/* 500px */ 396@media all and (min-width: 31.25em) { 397 .entry-meta-top, 398 .entry-header, 399 .entry-meta-bottom { 400 margin: 0 11.11%; 401 } 402 403 .entry-content { 404 margin: 1.5em 11.11%; 405 } 406 407 .further-reading p { 408 width: 50%; 409 display: inline-block; 410 vertical-align: top; 411 } 412 .further-reading .next { 413 text-align: right; 414 } 415} 416/* 700px */ 417@media all and (min-width: 43.75em) { 418 .entry-categories span, 419 .entry-tags span { 420 display: inline-block; 421 float: left; 422 height: 48px; 423 margin-right: 1em; 424 } 425 .entry-categories a, 426 .entry-tags a { 427 font-size: 16px; 428 line-height: 24px; 429 } 430} 431/* 800px */ 432@media all and (min-width: 50em) { 433 .entry .featured-image { 434 height: 360px; 435 } 436} 437/* 900px */ 438@media all and (min-width: 56.25em) { 439 .entry { 440 padding-top: 48px; 441 } 442 443 .entry.has-post-thumbnail { 444 padding-top: 0; 445 } 446 447 .entry-meta-top, 448 .entry-header, 449 .entry-meta-bottom { 450 margin: 0 8.33%; 451 } 452 453 .entry-content { 454 margin: 1.5em 8.33%; 455 } 456 457 .entry .featured-image { 458 height: 312px; 459 } 460} 461/* 1100 */ 462@media all and (min-width: 68.75em) { 463 .entry-meta-top, 464 .entry-header, 465 .entry-meta-bottom { 466 margin: 0 16.67%; 467 } 468 469 .entry-content { 470 margin: 1.5em 16.67%; 471 } 472 473 .entry .featured-image { 474 height: 336px; 475 } 476} 477/* 1200px */ 478@media all and (min-width: 75em) { 479 .entry .featured-image { 480 height: 408px; 481 } 482} 483 484 485/* 500px */ 486@media all and (min-width: 31.25em) { 487 .comments { 488 margin: 0 11.11%; 489 } 490 491 .comment-pagination p { 492 width: 50%; 493 display: inline-block; 494 vertical-align: top; 495 text-align: left; 496 } 497 .comment-pagination .next-comment { 498 text-align: right; 499 } 500} 501/* 900px */ 502@media all and (min-width: 56.25em) { 503 .comments { 504 margin: 0 8.33%; 505 } 506} 507/* 1100 */ 508@media all and (min-width: 68.75em) { 509 .comments { 510 margin: 0 16.67%; 511 } 512} 513 514 515/* 500px */ 516@media all and (min-width: 31.25em) { 517 .site-footer { 518 padding: 1.5em 11.11% 0; 519 } 520 521 .copyright { 522 padding: 12px 11.11%; 523 left: -14.25%; 524 width: 128.5%; 525 } 526} 527/* 700px */ 528@media all and (min-width: 43.75em) { 529 .site-footer .widget { 530 width: 50%; 531 display: inline-block; 532 vertical-align: top; 533 padding-right: 1em; 534 float: left; 535 } 536 537 .sidebar-subsidiary:after { 538 content: "."; 539 display: block; 540 clear: both; 541 visibility: hidden; 542 line-height: 0; 543 height: 0; 544 } 545} 546/* 900px */ 547@media all and (min-width: 56.25em) { 548 .site-footer { 549 float: right; 550 width: 66.66%; 551 padding: 1.5em 5.55% 0; 552 } 553 554 .copyright { 555 left: -10%; 556 width: 120%; 557 } 558} 559/* 1100 */ 560@media all and (min-width: 68.75em) { 561 .site-footer { 562 padding-left: 11.11%; 563 } 564 565 .copyright { 566 left: -22%; 567 width: 133.15%; 568 } 569} 570 571 572/* 900px */ 573@media all and (min-width: 56.25em) { 574 .search-form-container .search-field { 575 color: #e6e6e6; 576 background: #666666; 577 padding: 0.75em 8.33%; 578 } 579 .search-form-container .search-field::-webkit-input-placeholder { 580 color: #e6e6e6; 581 } 582 .search-form-container .search-field:-moz-placeholder { 583 color: #e6e6e6; 584 } 585 .search-form-container .search-field::-moz-placeholder { 586 color: #e6e6e6; 587 } 588 .search-form-container .search-field:-ms-input-placeholder { 589 color: #e6e6e6; 590 } 591 .search-form-container .search-field:focus { 592 background: #333333; 593 } 594 595 .search-form-container.open .search-submit { 596 color: #e6e6e6; 597 } 598 .search-form-container.open .search-submit:hover { 599 background-color: #575757; 600 } 601 .search-form-container.open .search-submit:focus { 602 background-color: #333333; 603 } 604} 605/* 1100 */ 606@media all and (min-width: 68.75em) { 607 .search-form-container .search-field { 608 padding: 0.75em 16.67%; 609 } 610} 611 612 613/* 900px */ 614@media all and (min-width: 56.25em) { 615 .attachment .entry { 616 margin-top: 72px; 617 } 618} 619 620 621/* 500px */ 622@media all and (min-width: 31.25em) { 623 .search .search-bottom { 624 margin: 1.5em 11.11%; 625 } 626} 627/* 900px */ 628@media all and (min-width: 56.25em) { 629 .search .search-bottom { 630 margin: 1.5em 8.33%; 631 } 632} 633/* 1100 */ 634@media all and (min-width: 68.75em) { 635 .search .search-bottom { 636 margin: 1.5em 16.67%; 637 } 638} 639