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: 50%; } 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 /* pinboard specific */ 28 #access li, .widget-area li, .page li { padding: 0.35em; } 29 #access li { margin: 0px !important; } 30 /* */ 31 32} 33 34@media screen and (max-width: 1152px) { 35 36 .threefourthcol { 37 width: 66.7%; 38 } 39 40 .threefourthcol .threecol { 41 width: 50%; 42 } 43 44 .fourcol, 45 .onecol .fourcol { 46 width: 33.3%; 47 } 48 49 #wrapper { 50 max-width:960px; 51 } 52 53 #slider .entry-container { 54 top:28%; 55 } 56 57 .threefourthcol .threecol .entry, 58 .onecol .fourcol .entry, 59 .fourcol .widget { 60 margin: 5%; 61 } 62 63 img.attachment-gallery-thumb { 64 max-width:82px; 65 } 66 67 .twocol img.attachment-gallery-thumb { 68 max-width:74px; 69 } 70 71 .single img.attachment-gallery-thumb { 72 max-width:100%; 73 } 74 75 .format-audio object { 76 min-height:24px; 77 } 78 79 .single .format-audio object { 80 height:24px; 81 } 82 83 .social-bookmarks iframe { 84 min-height:0; 85 } 86 87 #sidebar-header { 88 width:468px; 89 height:60px; 90 margin-top:20px; 91 } 92 93} 94 95@media screen and (max-width : 960px) { 96 97 .onecol .threecol, 98 .onecol .fourcol { 99 width:50%; 100 } 101 102 #wrapper { 103 max-width:760px; 104 } 105 106 #slider .entry-container { 107 top:32%; 108 padding: 0; 109 } 110 111 #slider .entry-summary { 112 display: none; 113 } 114 115 #container { 116 margin:2.2%; 117 } 118 119 .content-sidebar-wrap, 120 #content, 121 .page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content, 122 #sidebar { 123 width:100%; 124 } 125 126 .onecol .hentry .entry, 127 .onecol .hentry #comments, 128 .onecol .hentry #respond { 129 margin:2.4%; 130 } 131 132 .onecol .twocol .entry, 133 .onecol .threecol .entry, 134 .threefourthcol .threecol .entry, 135 .onecol .fourcol .entry { 136 margin:4.5%; 137 } 138 139 .page-template-template-full-width-php .hentry.onecol .wp-post-image, 140 .page-template-template-full-width-php .hentry.onecol .entry-attachment, 141 .page-template-template-full-width-php .hentry.onecol .post-gallery, 142 .page-template-template-full-width-php .hentry.onecol .entry-thumbnail, 143 .page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail, 144 .page-template-template-blog-four-col-php .entry-thumbnail { 145 float:none; 146 max-width:100%; 147 margin:0; 148 } 149 150 .page-template-template-full-width-php .hentry.onecol .entry-attachment, 151 .page-template-template-full-width-php .hentry.onecol .post-gallery { 152 width:100%; 153 } 154 155 .page-template-template-full-width-php .hentry.onecol .entry-header, 156 .page-template-template-full-width-php .hentry.onecol .entry-thumbnail, 157 .page-template-template-full-width-php .hentry.onecol .entry-summary, 158 .page-template-template-blog-full-width-php .hentry.onecol .entry-header, 159 .page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail, 160 .page-template-template-blog-full-width-php .hentry.onecol .entry-summary, 161 .page-template-template-blog-four-col-php .hentry.onecol .entry-header, 162 .page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail, 163 .page-template-template-blog-four-col-php .hentry.onecol .entry-summary { 164 float:none; 165 width:auto; 166 } 167 168 .single .format-audio object { 169 height:30px; 170 } 171 172 .onecol .onecol .entry-summary { 173 font-size:13px; 174 line-height:1.62em; 175 } 176 177 .social-bookmarks iframe { 178 min-height:0; 179 } 180 181 .page-template-template-portfolio-php .post.onecol .wp-post-image, 182 .page-template-template-portfolio-php .post.onecol .entry-attachment, 183 .page-template-template-portfolio-php .post.onecol .post-gallery { 184 float:none; 185 max-width:100%; 186 margin:0; 187 } 188 189 .page-template-template-portfolio-php .post.onecol .entry-attachment, 190 .page-template-template-portfolio-php .post.onecol .post-gallery { 191 width:100%; 192 } 193 194 .page-template-template-portfolio-php .post.onecol .entry-header, 195 .page-template-template-portfolio-php .post.onecol .entry-summary { 196 float:none; 197 width:auto; 198 } 199 200 .onecol #posts-nav { 201 padding:2.8%; 202 margin:2.3%; 203 } 204 205 #sidebar .onecol { 206 width:33.3%; 207 } 208 209 #sidebar .twocol { 210 float:none; 211 width:auto; 212 } 213 214 #sidebar-left .widget, 215 #sidebar-right .widget { 216 margin:5.8%; 217 } 218 219 #sidebar .widget, 220 #footer-area .widget, 221 #sidebar-boxes .widget, 222 .page-template-template-content-sidebar-half-php #sidebar-left .widget, 223 .page-template-template-content-sidebar-half-php #sidebar-right .widget, 224 .page-template-template-sidebar-content-half-php #sidebar-left .widget, 225 .page-template-template-sidebar-content-half-php #sidebar-right .widget { 226 margin:6.7%; 227 } 228 229 #sidebar-boxes, 230 #footer-area { 231 padding:2.2%; 232 } 233 234 #copyright { 235 padding:1.7% 4.3%; 236 } 237 238} 239 240@media screen and (max-width: 760px) { 241 242 .twocol, 243 .threecol, 244 .fourcol, 245 .onecol .threecol, 246 .threefourthcol .threecol, 247 .onecol .fourcol { 248 float:none; 249 width:100%; 250 } 251 252 .alignleft, 253 .alignright { 254 display: block; 255 float: none; 256 margin:20px auto; 257 } 258 259 #wrapper, 260 .page-template-template-no-sidebars-php #wrapper, 261 .page-template-template-blog-no-sidebars-php #wrapper, 262 .page-template-template-portfolio-no-sidebars-php #wrapper { 263 max-width:380px; 264 } 265 266 .wp-caption { 267 padding:10px 10px 0; 268 } 269 270 #site-title, 271 #site-description { 272 float:none; 273 margin:0; 274 line-height:1.62em; 275 text-align:center; 276 } 277 278 #site-title { 279 margin:18px 0; 280 } 281 282 #site-description { 283 display: none; 284 padding-bottom:18px; 285 } 286 287 #sidebar-header { 288 float:none; 289 width:auto; 290 height:auto; 291 max-height:90px; 292 margin-top:0; 293 } 294 295 #access { 296 position: absolute; 297 top: 0; 298 left: 0; 299 z-index: 3; 300 width: 100%; 301 padding: 0;; 302 background: none; 303 box-shadow: none; 304 } 305 306 #access .nav-show, 307 #access a.nav-show:hover { 308 position: absolute; 309 top: 163px; 310 right: 14%; 311 display:block; 312 width: 40px; 313 height: 32px !important; 314 padding: 0; 315 background: url(images/nav.png) no-repeat; 316 border: none; 317 text-indent: -1000px; 318 overflow: hidden; 319 } 320 321 #access .nav-hide { 322 display: none; 323 } 324 325 #access:target .nav-hide, 326 #access:target a.nav-hide:hover { 327 display: block; 328 position: absolute; 329 top: 0; 330 left: 0; 331 bottom: -101em; 332 width: 100%; 333 height: auto !important; 334 background: none; 335 overflow: hidden; 336 text-indent: -1000px; 337 } 338 339 #access .menu { 340 text-align: center; 341 } 342 343 /* desbest edit */ 344 #access:target .menu { background: #111; } 345 .menu:first-of-type{ margin-top: 213px; } 346 347 #access li ul { 348 position:static; 349 } 350 351 #access li ul ul { 352 margin:0 !important; 353 } 354 355 #access ul, 356 #access li { 357 float:none; 358 max-width:100%; 359 } 360 361 #access a { 362 width:100%; 363 height: 0 !important; 364 padding:0; 365 border: none; 366 overflow: hidden; 367 } 368 369 #access:target .menu a { 370 height: 40px !important; 371 border-top: 1px solid #444; 372 line-height: 40px; 373 -moz-transition: height .25s, line-height .25s; 374 -webkit-transition: height .25s, line-height .25s; 375 -o-transition: height .25s, line-height .25s; 376 -ms-transition: height .25s, line-height .25s; 377 transition: height .25s, line-height .25s; 378 } 379 380 #access .menu a:hover { 381 background:#555; 382 } 383 384 #access br { 385 display: none; 386 } 387 388 #access a span { 389 padding-left: 5px; 390 } 391 392 #access li li a { 393 padding: 0; 394 background:#3c3c3c; 395 border-top-color:#4f4f4f; 396 text-align:center; 397 } 398 399 #access li li li a { 400 background:#444; 401 border-top-color:#555; 402 } 403 404 #access li:hover > ul, 405 #access li li:hover > ul, 406 #access li li li:hover > ul { 407 display:none; 408 } 409 410 #access:target .drop-down-toggle { 411 display:block; 412 } 413 414 #access li li .drop-down-toggle { 415 top:5px; 416 } 417 418 #header #searchform, .search { 419 position: relative; 420 z-index: 1; 421 float:none; 422 width:278px; 423 margin: 18px auto; 424 } 425 426 #header #sidebar-header #searchform, .search { 427 margin-top: 0; 428 } 429 430 #header input#s { 431 position: relative; 432 z-index: 999; 433 display:block; 434 width:168px; 435 margin-left:12px; 436 background:#ececec url(images/search.png) right center no-repeat; 437 box-shadow:inset 1px 1px 5px 1px rgba(0, 0, 0, .1); 438 text-indent: 0; 439 } 440 #header input#s:focus { 441 width: 246px; 442 margin: 0; 443 } 444 445 #social-media-icons { 446 float: none; 447 margin: 18px 0; 448 text-align: center; 449 } 450 451 #slider { 452 border-bottom: 50px solid #fff; 453 } 454 455 .flex-control-nav { 456 display: none; 457 } 458 459 .flex-direction-nav, 460 .flex-pauseplay { 461 bottom: -40px; 462 height: 30px; 463 } 464 465 .flex-direction-nav{ 466 right: 41%; 467 } 468 469 .flex-pauseplay { 470 right: 37.5%; 471 } 472 473 .flex-direction-nav li, 474 .flex-pauseplay a { 475 476 } 477 478 #slider .entry-title { 479 font-size:24px; 480 line-height:1.62em; 481 } 482 483 #current-location, 484 #sidebar-wide { 485 border-top: #E0E0E0 1px solid; 486 border-top: rgba(0, 0, 0, .055) 1px solid; 487 } 488 489 #container { 490 margin:3.2%; 491 } 492 493 .entry, 494 .twocol .entry, 495 .onecol .hentry .entry, 496 .onecol .threecol .entry, 497 .threefourthcol .threecol .entry, 498 .onecol .fourcol .entry, 499 #comments 500 #respond { 501 margin:3.4%; 502 } 503 504 .entry-container { 505 padding:5.8%; 506 } 507 508 .entry-meta { 509 padding:2.8% 5.8%; 510 } 511 512 .entry-meta span, 513 .single .entry-meta span, 514 .page .entry-meta span { 515 display:block; 516 float:none; 517 padding:6px 0 6px 24px; 518 margin:0; 519 } 520 521 .has-thumbnail .entry-summary { 522 clear:both; 523 margin:0; 524 } 525 526 .has-thumbnail.format-aside .entry-summary, 527 .has-thumbnail.format-quote .entry-summary { 528 clear:none; 529 margin-left:28.15%; 530 width:71.85%; 531 } 532 533 .has-thumbnail.format-chat .entry-content { 534 clear:both; 535 margin:0; 536 } 537 538 .twocol.has-thumbnail .entry-title, 539 .twocol.has-thumbnail .entry-summary { 540 clear:none; 541 padding-left:3%; 542 } 543 544 .twocol.format-gallery .entry-summary { 545 height:auto; 546 margin:0; 547 } 548 549 .twocol.format-image .wp-post-image { 550 float:none; 551 max-width:100%; 552 } 553 554 .format-status .wp-post-image { 555 display:none; 556 } 557 558 img.attachment-gallery-thumb { 559 max-width:74px; 560 } 561 562 .single img.attachment-gallery-thumb { 563 max-width:100%; 564 } 565 566 .single .format-audio object { 567 height:24px; 568 } 569 570 .entry-content { 571 font-size:17px; 572 line-height:1.62em; 573 } 574 575 .columns .twocol, 576 .columns .threecol, 577 .columns .fourcol, 578 .columns .twothirdcol, 579 .columns .threefourthcol { 580 width: 100%; 581 margin: 0; 582 } 583 584 .column .threecol.box { 585 width: 94%; 586 } 587 588 589 .entry-author, 590 .comment-body { 591 padding:12px; 592 } 593 594 .entry-author .avatar, 595 .comment .avatar { 596 max-width:40px; 597 padding:3px; 598 } 599 600 .entry-author .author, 601 .author-bio, 602 .entry-author .author-meta { 603 margin-left:76px; 604 } 605 606 #posts-nav, 607 .onecol #posts-nav { 608 padding:5.7%; 609 margin:3.4%; 610 } 611 612 .page-numbers .text { 613 display:none; 614 } 615 616 .social-bookmarks > div { 617 width: 50%; 618 margin-bottom: 12px; 619 } 620 621 #sidebar-boxes { 622 text-align: center; 623 } 624 625 #sidebar .onecol { 626 width:100%; 627 } 628 629 #sidebar .twocol { 630 float:left; 631 width:50%; 632 } 633 634 #sidebar-boxes .threecol { 635 margin-bottom: 6.8%; 636 } 637 638 #sidebar-boxes .threecol:last-child { 639 margin: 0; 640 } 641 642 #sidebar .widget, 643 #footer-area .widget, 644 #sidebar-boxes .widget { 645 margin:3.4%; 646 } 647 648 #sidebar-left .widget, 649 #sidebar-right .widget { 650 margin:6.8%; 651 } 652 653 #sidebar-boxes, 654 #footer-area { 655 padding:3.2%; 656 } 657 658 #copyright { 659 padding:1.7% 6.5%; 660 line-height:2em; 661 } 662 663 .copyright, 664 .credits { 665 float:none; 666 max-width:100%; 667 text-align:left; 668 } 669 670} 671 672@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) { 673 674 #access .nav-show, 675 #access a.nav-show:hover { 676 background-image: url(images/nav_2x.png); 677 background-size:100%; 678 } 679 680 #header input#s { 681 background-image: url(images/search_2x.png); 682 background-size:36px; 683 background-position: -3px center; 684 } 685 686 .facebook { 687 background-image: url(images/facebook_2x.png); 688 background-size:100%; 689 } 690 691 .twitter { 692 background-image: url(images/twitter_2x.png); 693 background-size:100%; 694 } 695 696 .pinterest { 697 background-image: url(images/pinterest_2x.png); 698 background-size:100%; 699 } 700 701 .google-plus { 702 background-image: url(images/google-plus_2x.png); 703 background-size:100%; 704 } 705 706 .vimeo { 707 background-image: url(images/vimeo_2x.png); 708 background-size:100%; 709 } 710 711 .dribble { 712 background-image: url(images/dribble_2x.png); 713 background-size:100%; 714 } 715 716 .flickr { 717 background-image: url(images/flickr_2x.png); 718 background-size:100%; 719 } 720 721 .youtube { 722 background-image: url(images/youtube_2x.png); 723 background-size:100%; 724 } 725 726 .linkedin { 727 background-image: url(images/linkedin_2x.png); 728 background-size:100%; 729 } 730 731 .entry-author-link { 732 background-image: url(images/user_2x.png); 733 background-size: 12px; 734 } 735 736 .entry-date { 737 background-image: url(images/time_2x.png); 738 background-size: 12px; 739 } 740 741 .entry-category { 742 background-image: url(images/ribbon_2x.png); 743 background-size: 12px; 744 } 745 746 .attachment-size { 747 background-image: url(images/image_2x.png); 748 background-size: 12px; 749 } 750 751 .edit-link { 752 background-image: url(images/edit_2x.png); 753 background-size: 12px; 754 } 755 756 .entry-permalink { 757 background-image: url(images/link_2x.png); 758 background-size: 12px; 759 } 760 761 #infscr-loading img { 762 width: 32px; 763 height: 32px; 764 } 765 766} 767