Make WordPress Core

Ticket #25858: 25858.responsive.2.diff

File 25858.responsive.2.diff, 40.1 KB (added by tollmanz, 11 years ago)
  • src/wp-admin/admin-header.php

     
    6767        decimalPoint = '<?php echo addslashes( $wp_locale->number_format['decimal_point'] ); ?>',
    6868        isRtl = <?php echo (int) is_rtl(); ?>;
    6969</script>
     70<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0">
    7071<?php
    7172
    7273/**
  • src/wp-admin/css/wp-admin.css

     
    19211921
    19221922/* Sticky admin menu */
    19231923
    1924 .sticky-menu #wpwrap {
    1925         z-index: 1; /* prevent flyouts from going behind content in Webkit */
    1926 }
    1927 
    19281924.sticky-menu #adminmenuwrap {
    19291925        position: fixed;
    19301926        top: 32px;
     
    1024010236        margin: 16px 0 0;
    1024110237}
    1024210238
     10239li#wp-admin-bar-toggle-button {
     10240        display: none;
     10241}
     10242
    1024310243/* =Media Queries
    1024410244-------------------------------------------------------------- */
    1024510245
     
    1045710457#TB_closeAjaxWindow a {
    1045810458        text-decoration: none;
    1045910459}
     10460
     10461@-ms-viewport {
     10462        width: device-width;
     10463        zoom: 1;
     10464        user-zoom: fixed;
     10465}
     10466
     10467@media screen and ( max-width: 782px ) {
     10468        body {
     10469                min-width: 240px;
     10470                overflow-x: hidden;
     10471        }
     10472
     10473        body * {
     10474                -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
     10475        }
     10476
     10477        #wpwrap {
     10478                background: #f0f0f0;
     10479                overflow-x: hidden;
     10480        }
     10481
     10482        #wpcontent, .auto-fold #wpcontent {
     10483                position: relative;
     10484                margin-left: 0;
     10485                padding-left: 10px;
     10486        }
     10487
     10488        .wrap {
     10489                margin-right: 10px;
     10490                margin-left: 0;
     10491        }
     10492
     10493        .col-wrap {
     10494                padding: 0;
     10495        }
     10496
     10497        .sticky-menu #adminmenuwrap {
     10498                position: relative;
     10499                z-index: auto;
     10500                top: 0;
     10501        }
     10502
     10503        /* Hidden Elements */
     10504        #screen-meta,
     10505        #screen-meta-links,
     10506        #collapse-menu,
     10507        .post-format-select {
     10508                display: none !important;
     10509        }
     10510
     10511        /* Input Elements */
     10512        textarea {
     10513                -webkit-appearance: none;
     10514        }
     10515
     10516        input[type=text], input[type=search],
     10517        input[type=password], input[type=number] {
     10518                -webkit-appearance: none;
     10519                padding: 6px 10px;
     10520        }
     10521
     10522        input.code {
     10523                padding-bottom: 5px;
     10524                padding-top: 10px;
     10525        }
     10526
     10527        input[type=checkbox], .widefat th input[type=checkbox] {
     10528                -webkit-appearance: none;
     10529                padding: 10px;
     10530        }
     10531
     10532        .widefat th input[type=checkbox] {
     10533                margin-bottom: 8px;
     10534        }
     10535
     10536        input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before {
     10537                font: normal 30px/1 'Dashicons';
     10538                margin: -3px -5px;
     10539        }
     10540
     10541        input[type=radio],
     10542        input[type=checkbox] {
     10543                height: 25px;
     10544                width: 25px;
     10545        }
     10546
     10547        .wp-admin p input[type=checkbox],
     10548        .wp-admin p input[type=radio] {
     10549                margin-top: -3px;
     10550        }
     10551
     10552        input[type=radio]:checked:before {
     10553                vertical-align: middle;
     10554                width: 9px;
     10555                height: 9px;
     10556                margin: 7px;
     10557                line-height: 16px;
     10558        }
     10559
     10560        .wp-upload-form input[type=submit] {
     10561                margin-top: 10px;
     10562        }
     10563
     10564        #wpbody select {
     10565                height: 36px;
     10566                font-size: 16px;
     10567        }
     10568
     10569        .wp-core-ui .button,
     10570        input#publish,
     10571        input#save-post,
     10572        a.preview {
     10573                padding: 10px 14px;
     10574                line-height: 1;
     10575                font-size: 14px;
     10576                vertical-align: middle;
     10577                height: auto;
     10578                margin-bottom: 4px;
     10579        }
     10580
     10581        #media-upload.wp-core-ui .button {
     10582                padding: 0 10px 1px;
     10583                height: 24px;
     10584                line-height: 22px;
     10585                font-size: 13px;
     10586        }
     10587
     10588        .wrap .add-new-h2, .wrap .add-new-h2:active {
     10589                padding: 10px 15px;
     10590                font-size: 14px;
     10591        }
     10592
     10593        .wp-color-result {
     10594                height: auto;
     10595                padding-left: 45px;
     10596        }
     10597
     10598        .wp-color-result:after {
     10599                font-size: 14px;
     10600                height: auto;
     10601                padding: 6px 14px;
     10602        }
     10603
     10604        #createuser .form-field input {
     10605                width: 100%;
     10606        }
     10607
     10608        /* Feedback Messages */
     10609        .wrap div.updated, .wrap div.error, .media-upload-form div.error {
     10610                margin: 20px 0 10px 0;
     10611                padding: 5px 10px;
     10612                font-size: 14px;
     10613                line-height: 175%;
     10614        }
     10615
     10616        /* Sidebar Adjustments */
     10617        .auto-fold #adminmenu,
     10618        .auto-fold #adminmenuback,
     10619        .auto-fold #adminmenuwrap {
     10620                position: absolute;
     10621                top: 0;
     10622                left: 0;
     10623                z-index: 100;
     10624        }
     10625
     10626        .auto-fold #adminmenuback,
     10627        .auto-fold #adminmenuwrap {
     10628                left: -200px;
     10629        }
     10630
     10631        .auto-fold #adminmenuwrap,
     10632        .auto-fold #adminmenu,
     10633        .auto-fold #adminmenuback {
     10634                width: 190px;
     10635        }
     10636
     10637        .auto-fold #adminmenu li.menu-top {
     10638                width: 100%;
     10639        }
     10640
     10641        /* Let the menubar scroll independently of the main column */
     10642        .auto-fold #adminmenuwrap {
     10643                height: 100%;
     10644                position: fixed;
     10645                overflow: hidden;
     10646                overflow-y: scroll;
     10647                top: 46px;
     10648
     10649                height: -webkit-calc(100% - 46px);
     10650                height: calc(100% - 46px);
     10651
     10652                -webkit-box-shadow: inset 2px 0 0 rgba(0, 0, 0, .1);
     10653                box-shadow: inset 2px 0 0 rgba(0, 0, 0, .1);
     10654
     10655                -moz-box-sizing: border-box;
     10656                -webkit-box-sizing: border-box;
     10657                box-sizing: border-box;
     10658
     10659                -webkit-overflow-scrolling: touch;
     10660        }
     10661
     10662        /* Experimental animations for sidebar */
     10663        .auto-fold #adminmenu,
     10664        .auto-fold #adminmenuback,
     10665        .auto-fold #adminmenuwrap {
     10666                -moz-transition: left .2s ease-in-out;
     10667                -webkit-transition: left .2s ease-in-out;
     10668                transition: left .2s ease-in-out;
     10669        }
     10670
     10671        #wpbody {
     10672                -moz-transition: right .2s ease-in-out;
     10673                -webkit-transition: right .2s ease-in-out;
     10674                transition: right .2s ease-in-out;
     10675        }
     10676
     10677        .auto-fold #adminmenu {
     10678                -webkit-opacity: .10;
     10679                -moz-opacity: .10;
     10680                opacity: .10;
     10681                -moz-transition: left .2s ease-in-out, -moz-opacity .3s ease-in;
     10682                -webkit-transition: left .2s ease-in-out, -webkit-opacity .3s ease-in;
     10683                transition: left .2s ease-in-out, opacity .3s ease-in;
     10684        }
     10685
     10686        .auto-fold .moby6-open #adminmenu {
     10687                -moz-opacity: 1;
     10688                -webkit-opacity: 1;
     10689                opacity: 1;
     10690        }
     10691
     10692        /* Resize the admin menu items to a comfortable touch size */
     10693        .auto-fold #adminmenu li a {
     10694                font-size: 16px;
     10695                padding: 5px;
     10696        }
     10697
     10698        .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
     10699                padding: 10px 10px 10px 20px;
     10700        }
     10701
     10702        /* Restore the menu names */
     10703        .auto-fold #adminmenu .wp-menu-name {
     10704                display: block;
     10705                margin-left: 35px;
     10706        }
     10707
     10708        /* Switch the arrow side */
     10709        .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
     10710        .auto-fold ul#adminmenu > li.current > a.current:after {
     10711                border-width: 8px;
     10712                margin-top: -8px;
     10713        }
     10714
     10715        .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
     10716                display: none;
     10717        }
     10718
     10719        /* Make the submenus appear correctly when tapped. */
     10720        #adminmenu .wp-submenu {
     10721                position: relative;
     10722                display: none;
     10723        }
     10724
     10725        .auto-fold #adminmenu .selected .wp-submenu,
     10726        .auto-fold #adminmenu .wp-menu-open .wp-submenu {
     10727                position: relative;
     10728                display: block;
     10729                top: 0;
     10730                left: -1px;
     10731                -webkit-box-shadow: none;
     10732                box-shadow: none;
     10733        }
     10734
     10735        .auto-fold #adminmenu .selected .wp-submenu:after,
     10736        .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
     10737                display: none;
     10738        }
     10739
     10740        .auto-fold #adminmenu .opensub .wp-submenu {
     10741                display: none;
     10742        }
     10743
     10744        .auto-fold #adminmenu .selected .wp-submenu {
     10745                display: block;
     10746        }
     10747
     10748        .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
     10749                display: block;
     10750        }
     10751
     10752        /* Remove submenu headers and adjust sub meu*/
     10753        #adminmenu .wp-submenu .wp-submenu-head {
     10754                display: none;
     10755        }
     10756
     10757        /*  Sidebar Toggle */
     10758        #moby6-toggle {
     10759                position: fixed;
     10760                top: 5px;
     10761                left: 4px;
     10762                padding-right: 10px;
     10763                z-index: 99999;
     10764                border: none;
     10765                box-sizing: border-box;
     10766                -moz-box-sizing: border-box;
     10767        }
     10768
     10769        .wrap .icon32 + h2 {
     10770                margin-top: -2px;
     10771        }
     10772
     10773        #wpadminbar #wp-admin-bar-toggle-button a {
     10774                display: block;
     10775                padding: 0;
     10776                overflow: hidden;
     10777                outline: none;
     10778                text-decoration: none;
     10779                border: 1px solid transparent;
     10780                background: none;
     10781                height: 44px;
     10782        }
     10783
     10784        li#wp-admin-bar-toggle-button {
     10785                display: block;
     10786        }
     10787
     10788        #wpadminbar #wp-admin-bar-toggle-button a:hover {
     10789                border: 1px solid transparent;
     10790        }
     10791
     10792        #wpadminbar #wp-admin-bar-toggle-button .ab-icon:before {
     10793                color: #888;
     10794                content: '\f228';
     10795                display: inline-block;
     10796                float: left;
     10797                font: normal 40px/45px 'Dashicons';
     10798                vertical-align: middle;
     10799                outline: none;
     10800                margin: 0;
     10801                -webkit-font-smoothing: antialiased;
     10802                -moz-osx-font-smoothing: grayscale;
     10803                height: 44px;
     10804                width: 50px;
     10805                padding: 0;
     10806                border: none;
     10807                text-align: center;
     10808                text-decoration: none;
     10809                box-sizing: border-box;
     10810                -moz-box-sizing: border-box;
     10811        }
     10812
     10813        #wpadminbar #wp-admin-bar-toggle-button a:hover .ab-icon:before {
     10814                color: #2ea2cc;
     10815        }
     10816
     10817        .moby6-open #wpadminbar #wp-admin-bar-toggle-button a {
     10818                background: #000;
     10819        }
     10820
     10821        .moby6-open #wpbody {
     10822                right: -190px;
     10823        }
     10824
     10825        .auto-fold .moby6-open #adminmenuback,
     10826        .auto-fold .moby6-open #adminmenuwrap {
     10827                left: 0;
     10828        }
     10829
     10830        /* General New Post Form */
     10831        #post-body-content {
     10832                min-width: 0;
     10833        }
     10834
     10835        #titlediv #title {
     10836                padding: 8px;
     10837        }
     10838
     10839        #titlediv #title-prompt-text,
     10840        #wp-fullscreen-title-prompt-text {
     10841                padding: 10px 10px;
     10842        }
     10843
     10844        .post-format-options {
     10845                padding-right: 0;
     10846        }
     10847
     10848        .post-format-options a {
     10849                margin-right: 5px;
     10850                margin-bottom: 5px;
     10851                min-width: 52px;
     10852        }
     10853
     10854        .post-format-options .post-format-title {
     10855                font-size: 11px;
     10856        }
     10857
     10858        .post-format-options a div {
     10859                height: 28px;
     10860                width: 28px;
     10861        }
     10862
     10863        .post-format-options a div:before {
     10864                font-size: 26px !important;
     10865        }
     10866
     10867        /* General Metabox */
     10868        .postbox {
     10869                font-size: 14px;
     10870        }
     10871
     10872        #poststuff h3,
     10873        .metabox-holder h3 {
     10874                padding: 12px;
     10875        }
     10876
     10877        .postbox .handlediv {
     10878                margin-top: 3px;
     10879        }
     10880
     10881        /* Publish Metabox Options */
     10882        #post-visibility-select {
     10883                line-height: 280%;
     10884        }
     10885
     10886        .wp-core-ui .save-post-status.button {
     10887                top: 16px;
     10888                position: relative;
     10889                margin: 0 10px;
     10890        }
     10891
     10892        .wp-core-ui .save-post-visibility,
     10893        .wp-core-ui .save-timestamp {
     10894                vertical-align: middle;
     10895                margin-right: 15px;
     10896        }
     10897
     10898        .timestamp-wrap select#mm {
     10899                display: block;
     10900                width: 100%;
     10901                margin-bottom: 10px;
     10902        }
     10903
     10904        .timestamp-wrap #jj,
     10905        .timestamp-wrap #aa,
     10906        .timestamp-wrap #hh,
     10907        .timestamp-wrap #mn {
     10908                padding: 12px 3px;
     10909                font-size: 14px;
     10910                margin-bottom: 5px;
     10911                width: auto;
     10912                text-align: center;
     10913        }
     10914
     10915        /* Categories Metabox */
     10916        ul.category-tabs {
     10917                margin: 30px 0 15px;
     10918        }
     10919
     10920        ul.category-tabs li.tabs {
     10921                padding: 15px;
     10922        }
     10923
     10924        ul#categorychecklist li {
     10925                margin-bottom: 15px;
     10926        }
     10927
     10928        ul#categorychecklist ul {
     10929                margin-top: 15px;
     10930        }
     10931
     10932        .category-add input[type=text],
     10933        .category-add select {
     10934                max-width: none;
     10935                margin-bottom: 15px;
     10936        }
     10937
     10938        /* Tags Metabox */
     10939        .tagsdiv .newtag {
     10940                width: 100%;
     10941                padding: 25px 10px;
     10942                margin-bottom: 15px;
     10943        }
     10944
     10945        .tagchecklist {
     10946                margin: 25px 10px;
     10947        }
     10948
     10949        .tagchecklist span {
     10950                font-size: 16px;
     10951                line-height: 120%;
     10952        }
     10953
     10954        /* Revisions */
     10955        #diff-next-revision,
     10956        #diff-previous-revision {
     10957                margin-top: -1em;
     10958        }
     10959
     10960        table.diff {
     10961                -ms-word-break: break-all;
     10962                word-break: break-all;
     10963                word-wrap: break-word;
     10964        }
     10965
     10966        /* TinyMCE Adjustments */
     10967        .mceToolbar * {
     10968                white-space: normal !important;
     10969        }
     10970
     10971        .mceToolbar tr,
     10972        .mceToolbar td {
     10973                float: left !important;
     10974        }
     10975
     10976        .wp_themeSkin a.mceButton {
     10977                width: 30px;
     10978                height: 30px;
     10979        }
     10980
     10981        .wp_themeSkin .mceButton .mceIcon {
     10982                margin-top: 5px;
     10983                margin-left: 5px;
     10984        }
     10985
     10986        .wp_themeSkin .mceSplitButton {
     10987                margin-top: 1px;
     10988        }
     10989
     10990        .wp_themeSkin .mceSplitButton td a.mceAction {
     10991                padding-top: 6px;
     10992                padding-bottom: 6px;
     10993                padding-left: 6px;
     10994                padding-right: 3px;
     10995        }
     10996
     10997        .wp_themeSkin .mceSplitButton td a.mceOpen,
     10998        .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
     10999                padding-top: 6px;
     11000                padding-bottom: 6px;
     11001                background-position: 1px 6px;
     11002        }
     11003
     11004        .wp_themeSkin table.mceListBox {
     11005                margin: 5px;
     11006        }
     11007
     11008        div.quicktags-toolbar input {
     11009                padding: 10px 20px;
     11010        }
     11011
     11012        #wp-content-editor-tools {
     11013                padding-top: 20px;
     11014                padding-right: 15px;
     11015                overflow: hidden;
     11016        }
     11017
     11018        a.wp-switch-editor {
     11019                font-size: 16px;
     11020                line-height: 1em;
     11021                margin: 3px 0 0 7px;
     11022                padding: 12px 15px !important;
     11023        }
     11024
     11025        #wp-content-media-buttons a {
     11026                font-size: 16px;
     11027                line-height: 37px;
     11028                height: 39px;
     11029                padding: 0 20px 0 15px;
     11030        }
     11031
     11032        .wp-media-buttons span.wp-media-buttons-icon,
     11033        .wp-media-buttons span.jetpack-contact-form-icon {
     11034                width: 22px !important;
     11035                margin-top: -3px !important;
     11036                margin-left: -5px !important;
     11037        }
     11038
     11039        .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
     11040        .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
     11041                font-size: 20px !important;
     11042        }
     11043
     11044        #content_wp_fullscreen {
     11045                display: none;
     11046        }
     11047
     11048        .misc-pub-section {
     11049                padding: 20px 10px 20px;
     11050        }
     11051
     11052        .misc-pub-section > a {
     11053                float: right;
     11054                font-size: 16px;
     11055        }
     11056
     11057        #delete-action,
     11058        #publishing-action {
     11059                line-height: 47px;
     11060        }
     11061
     11062        /* Subsubsub Nav */
     11063        .subsubsub {
     11064                font-size: 16px;
     11065                text-align: center;
     11066                margin-bottom: 15px;
     11067        }
     11068
     11069        /* WP List Table Options & Filters */
     11070        .tablenav {
     11071                height: auto;
     11072        }
     11073
     11074        .tablenav.top {
     11075                margin: 0;
     11076        }
     11077
     11078        .tablenav.bottom {
     11079                position: relative;
     11080                margin-top: 15px;
     11081        }
     11082
     11083        .tablenav br {
     11084                display: none;
     11085        }
     11086
     11087        .tablenav br.clear {
     11088                display: block;
     11089        }
     11090
     11091        p.search-box {
     11092                float: none;
     11093                clear: both;
     11094                margin-top: 35px;
     11095        }
     11096
     11097        p.search-box input[name="s"] {
     11098                height: auto;
     11099                float: none;
     11100                width: 100%;
     11101                margin-bottom: 10px;
     11102                -webkit-appearance: none;
     11103        }
     11104
     11105        .tablenav.top .actions, .view-switch {
     11106                display: none;
     11107        }
     11108
     11109        /* Pagination */
     11110        .tablenav.top .displaying-num {
     11111                display: none;
     11112        }
     11113
     11114        .tablenav.bottom .displaying-num {
     11115                position: absolute;
     11116                right: 0;
     11117                top: 10px;
     11118                font-size: 14px;
     11119        }
     11120
     11121        .tablenav-pages {
     11122                width: 100%;
     11123                text-align: center;
     11124                margin: 0 0 25px;
     11125        }
     11126
     11127        .tablenav.bottom .tablenav-pages {
     11128                margin-top: 25px;
     11129        }
     11130
     11131        .tablenav.top .tablenav-pages.one-page {
     11132                display: none;
     11133        }
     11134
     11135        .tablenav.bottom .tablenav-pages.one-page {
     11136                margin: 15px 0 0 0;
     11137                height: 0;
     11138        }
     11139
     11140        .tablenav-pages .pagination-links .paging-input {
     11141                font-size: 18px;
     11142        }
     11143
     11144        .tablenav-pages .pagination-links a {
     11145                padding: 8px 20px 11px;
     11146                font-size: 18px;
     11147                background: rgba(0, 0, 0, 0.05);
     11148        }
     11149
     11150        .tablenav-pages .pagination-links .current-page {
     11151                padding: 10px;
     11152                font-size: 14px;
     11153        }
     11154
     11155        /* WP List Table Adjustments: General */
     11156        .form-wrap > p {
     11157                display: none;
     11158        }
     11159
     11160        .comment-count {
     11161                font-size: 14px;
     11162        }
     11163
     11164        /* Posts */
     11165        .column-title {
     11166                width: 85%;
     11167        }
     11168
     11169        .fixed .column-comments, .widefat .check-column {
     11170                width: 35px
     11171        }
     11172
     11173        .fixed .column-date, .fixed .column-author,
     11174        .column-categories, .column-tags {
     11175                display: none;
     11176        }
     11177
     11178        .widefat thead .check-column, .widefat tfoot .check-column {
     11179                padding: 10px 0 10px;
     11180        }
     11181
     11182        .widefat * {
     11183                word-wrap: normal;
     11184        }
     11185
     11186        /* Categories */
     11187        .fixed .column-description {
     11188                display: none;
     11189        }
     11190
     11191        .fixed .column-posts {
     11192                width: 50px;
     11193        }
     11194
     11195        .fixed .column-slug {
     11196                width: 30%;
     11197        }
     11198
     11199        /* Comments */
     11200        .fixed .column-response {
     11201                width: 35%;
     11202        }
     11203
     11204        /* Media */
     11205        .fixed .column-parent {
     11206                display: none;
     11207        }
     11208
     11209        /* Comments */
     11210        .fixed .column-email, .fixed .column-name {
     11211                display: none;
     11212        }
     11213
     11214        .fixed .column-role {
     11215                width: 35%;
     11216        }
     11217
     11218        /* Plugins */
     11219        .plugins .column-description {
     11220                width: 70%;
     11221        }
     11222
     11223        #wpbody-content .plugins .plugin-title {
     11224                white-space: normal;
     11225                width: 30%;
     11226        }
     11227
     11228        /* Updates */
     11229        #wpbody-content #update-themes-table .plugin-title {
     11230                width: auto;
     11231        }
     11232
     11233        /* Form Tables */
     11234        .form-table {
     11235                -moz-box-sizing: border-box;
     11236                box-sizing: border-box;
     11237        }
     11238
     11239        .form-table th,
     11240        .form-table td {
     11241                display: block;
     11242                width: auto;
     11243                vertical-align: middle;
     11244        }
     11245
     11246        .form-table .color-palette td {
     11247                display: table-cell;
     11248                width: 15px;
     11249        }
     11250
     11251        .form-table table.color-palette {
     11252                margin-right: 10px;
     11253        }
     11254
     11255        textarea,
     11256        input {
     11257                font-size: 16px;
     11258        }
     11259
     11260        .form-table td input[type="text"],
     11261        .form-table td input[type="password"],
     11262        .form-table td select,
     11263        .form-table td textarea,
     11264        .form-table span.description,
     11265        #profile-page .form-table textarea {
     11266                width: 100%;
     11267                font-size: 16px;
     11268                line-height: 1.5;
     11269                padding: 7px 10px;
     11270                display: block;
     11271                max-width: none;
     11272                box-sizing: border-box;
     11273                -mox-box-sizing: border-box;
     11274        }
     11275
     11276        input[type=text].small-text,
     11277        input[type=search].small-text,
     11278        input[type=password].small-text,
     11279        input[type=number].small-text,
     11280        input[type="number"].small-text,
     11281        .form-table input[type=text].small-text {
     11282                width: auto;
     11283                max-width: 55px;
     11284                display: inline;
     11285                padding: 3px 6px;
     11286                margin: 0 3px;
     11287        }
     11288
     11289        #pass-strength-result {
     11290                width: 100%;
     11291                box-sizing: border-box;
     11292                -mox-box-sizing: border-box;
     11293                padding: 8px;
     11294        }
     11295
     11296        .form-table span.description {
     11297                padding: 4px 0 0;
     11298                line-height: 1.4em;
     11299        }
     11300
     11301        .form-table th {
     11302                padding-top: 10px;
     11303                padding-bottom: 0;
     11304                border-bottom: 0;
     11305        }
     11306
     11307        .form-table td {
     11308                padding-top: 8px;
     11309                padding-left: 0;
     11310        }
     11311
     11312        .form-table input.regular-text {
     11313                width: 100%;
     11314        }
     11315
     11316        .form-table label {
     11317                font-size: 14px;
     11318        }
     11319
     11320        .form-table fieldset label {
     11321                display: block;
     11322        }
     11323
     11324        #utc-time {
     11325                margin-top: 10px;
     11326        }
     11327
     11328        #utc-time,
     11329        #local-time {
     11330                display: block;
     11331                float: none;
     11332                padding: 0;
     11333                line-height: 2;
     11334        }
     11335
     11336        /* Add/Edit Media */
     11337        .wp_attachment_details label[for="content"] {
     11338                font-size: 14px;
     11339                line-height: 1.5em;
     11340        }
     11341
     11342        #media-items {
     11343                width: 100%;
     11344        }
     11345
     11346        .media-modal {
     11347                width: auto;
     11348        }
     11349
     11350        .media-frame {
     11351                overflow: auto;
     11352        }
     11353
     11354        .media-frame-menu {
     11355                position: relative;
     11356                width: auto;
     11357        }
     11358
     11359        .media-menu {
     11360                border-right: none;
     11361                position: relative;
     11362                border-bottom: 1px solid #dddddd;
     11363                overflow: hidden;
     11364        }
     11365
     11366        .media-menu .separator {
     11367                display: none;
     11368        }
     11369
     11370        .media-menu a {
     11371                float: left;
     11372                width: 40%;
     11373        }
     11374
     11375        .media-frame-router, .media-frame-content, .media-frame-toolbar {
     11376                left: auto;
     11377                right: auto;
     11378                top: auto;
     11379                bottom: auto;
     11380                position: relative;
     11381        }
     11382
     11383        .media-frame-title {
     11384                top: auto;
     11385                left: auto;
     11386                right: 0;
     11387                height: auto;
     11388        }
     11389
     11390        .media-frame-router {
     11391                margin-top: 10px;
     11392        }
     11393
     11394        .media-frame-title h1 {
     11395                line-height: 3;
     11396                font-size: 18px;
     11397        }
     11398
     11399        .media-router {
     11400                bottom: -2px;
     11401        }
     11402
     11403        .media-frame-content {
     11404                min-height: 300px;
     11405                max-height: 500px;
     11406                overflow: auto;
     11407        }
     11408
     11409        .media-toolbar-primary, .media-toolbar-secondary {
     11410                height: auto;
     11411        }
     11412
     11413        .uploader-inline h3 {
     11414                margin: 0 0 .8em 0;
     11415        }
     11416
     11417        .uploader-inline-content {
     11418                top: auto;
     11419        }
     11420
     11421        .uploader-inline-content .upload-ui {
     11422                margin: 0;
     11423        }
     11424
     11425        .attachments-browser .attachments, .attachments-browser .uploader-inline {
     11426                position: relative;
     11427                margin-right: 180px;
     11428        }
     11429
     11430        /* Links */
     11431        .link-manager-php #posts-filter {
     11432                margin-top: 25px;
     11433        }
     11434
     11435        .link-manager-php .tablenav.bottom {
     11436                overflow: hidden;
     11437        }
     11438
     11439        .links-table #link_rel {
     11440                max-width: none;
     11441        }
     11442
     11443        .links-table th,
     11444        .links-table td {
     11445                padding: 10px 0;
     11446        }
     11447
     11448        /**
     11449         * Nav Menus
     11450         * ----------------------------------------------------------------------------
     11451         */
     11452        body.nav-menus-php {
     11453                min-width: 0 !important;
     11454        }
     11455
     11456        #nav-menus-frame {
     11457                margin-left: 0;
     11458                float: none;
     11459                width: 100%;
     11460        }
     11461
     11462        #wpbody-content #menu-settings-column {
     11463                display: block;
     11464                width: 100%;
     11465                float: none;
     11466                margin-left: 0;
     11467        }
     11468
     11469        #side-sortables .add-menu-item-tabs {
     11470                margin: 15px 0;
     11471        }
     11472
     11473        ul.add-menu-item-tabs li.tabs {
     11474                padding: 15px;
     11475        }
     11476
     11477        .nav-menus-php .item-controls .item-type {
     11478                margin-top: 2px;
     11479        }
     11480
     11481        .nav-menus-php .customlinkdiv .howto input {
     11482                width: 65%;
     11483        }
     11484
     11485        .nav-menus-php .quick-search {
     11486                width: 85%;
     11487        }
     11488
     11489        #menu-management-liquid {
     11490                margin-top: 25px;
     11491        }
     11492
     11493        .nav-menus-php .menu-name-label.howto span {
     11494                margin-top: 13px
     11495        }
     11496
     11497        .menu-name-label #menu-name {
     11498                margin-top: 4px;
     11499        }
     11500
     11501        .nav-menus-php .major-publishing-actions .publishing-action {
     11502                margin-top: 6px;
     11503        }
     11504
     11505        .nav-menus-php .delete-action {
     11506                font-size: 14px;
     11507                line-height: 50px;
     11508                margin-top: 12px;
     11509        }
     11510
     11511        .menu-item-bar .menu-item-handle,
     11512        .menu-item-settings,
     11513        .description-wide {
     11514                width: auto;
     11515        }
     11516
     11517        .menu-item-settings {
     11518                padding: 10px;
     11519        }
     11520
     11521        .menu-item-settings .description-thin,
     11522        .menu-item-settings .description-wide {
     11523                width: 100%;
     11524                height: auto;
     11525        }
     11526
     11527        .menu-item-settings input {
     11528                width: 100%;
     11529        }
     11530
     11531        /* Theme Management Page */
     11532        #current-theme.has-screenshot {
     11533                padding: 0;
     11534                clear: both;
     11535        }
     11536
     11537        #current-theme img {
     11538                float: none;
     11539                margin-left: 0;
     11540                margin-bottom: 15px;
     11541        }
     11542
     11543        #current-theme.has-screenshot img.hide-if-no-customize {
     11544                display: block;
     11545        }
     11546
     11547        .available-theme .action-links .delete-theme {
     11548                float: none;
     11549                margin: 0;
     11550                padding: 0;
     11551                clear: both;
     11552        }
     11553
     11554        .available-theme .action-links .delete-theme a {
     11555                padding: 0;
     11556        }
     11557
     11558        /* Widget Management Page (Needs UX work on mobile) */
     11559        #templateside {
     11560                float: none;
     11561                width: auto;
     11562        }
     11563
     11564        #templateside li {
     11565                margin: 0;
     11566        }
     11567
     11568        #templateside li a {
     11569                display: block;
     11570                padding: 5px;
     11571        }
     11572
     11573        #templateside .highlight {
     11574                padding: 5px;
     11575                margin-left: -5px;
     11576                margin-top: -5px;
     11577        }
     11578
     11579        #template div {
     11580                float: none;
     11581                margin: 0;
     11582                width: auto;
     11583        }
     11584
     11585        #template textarea {
     11586                width: 100%;
     11587        }
     11588
     11589        .fileedit-sub .alignright {
     11590                margin-top: 15px;
     11591        }
     11592
     11593        /* Plugin/Theme Management Page */
     11594        .wp-list-table.plugins {
     11595                position: relative;
     11596                margin-top: 35px;
     11597                margin-bottom: 50px;
     11598        }
     11599
     11600        .wp-list-table.plugins thead .column-description,
     11601        #wpbody-content .wp-list-table.plugins tfoot .column-description,
     11602        .wp-list-table.plugins th#description {
     11603                display: none;
     11604        }
     11605
     11606        #wpbody-content .wp-list-table.plugins,
     11607        #wpbody-content .wp-list-table.plugins thead,
     11608        #wpbody-content .wp-list-table.plugins tbody,
     11609        #wpbody-content .wp-list-table.plugins tr,
     11610        #wpbody-content .wp-list-table.plugins .column-description,
     11611        #wpbody-content .wp-list-table.plugins .plugin-title,
     11612        #wpbody-content .wp-list-table.plugins .theme-title,
     11613        #wpbody-content .wp-list-table.plugins .plugin-update,
     11614        #wpbody-content .wp-list-table.plugins .manage-column.column-name {
     11615                display: block;
     11616                width: auto;
     11617        }
     11618
     11619        .wp-list-table.plugins thead,
     11620        .wp-list-table.plugins tfoot {
     11621                position: absolute;
     11622                top: -35px;
     11623                left: 0;
     11624                right: 0;
     11625                width: auto;
     11626                height: 35px;
     11627        }
     11628
     11629        .wp-list-table.plugins tfoot {
     11630                bottom: -35px;
     11631                top: auto;
     11632        }
     11633
     11634        .active, .inactive {
     11635                padding-top: 0;
     11636        }
     11637
     11638        .wp-list-table.plugins .plugin-title,
     11639        .wp-list-table.plugins .theme-title {
     11640                padding-top: 13px;
     11641                padding-bottom: 4px;
     11642        }
     11643
     11644        .plugins tr.active + tr.inactive th.check-column,
     11645        .plugins tr.active + tr.inactive td,
     11646        .wp-list-table.plugins .plugin-title,
     11647        .wp-list-table.plugins .theme-title,
     11648        .wp-list-table.plugins tbody th {
     11649                box-shadow: none;
     11650                -webkit-box-shadow: none;
     11651        }
     11652
     11653        .plugins tbody {
     11654                padding: 1px 0 0;
     11655        }
     11656
     11657        /* Set drop shadow again per original mp6 plugin settings at line 1265 of colors-mp6.css in r687296, remove when original styles have been corrected */
     11658        .plugins tr.active + tr.inactive td.column-description {
     11659                -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     11660                -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     11661                -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     11662                -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     11663                box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     11664        }
     11665
     11666        .plugins tr.active + tr.inactive th.check-column,
     11667        .plugins tr.active + tr.inactive td {
     11668                border-top: none;
     11669        }
     11670
     11671        .wp-list-table.plugins .column-description {
     11672                padding-top: 0;
     11673        }
     11674
     11675        .wp-list-table.plugins .manage-column.column-name,
     11676        .wp-list-table.plugins .column-description,
     11677        .wp-list-table.plugins .plugin-title,
     11678        .wp-list-table.plugins .theme-title {
     11679                padding-right: 12px;
     11680                padding-left: 46px;
     11681        }
     11682
     11683        .wp-list-table.plugins tr {
     11684                position: relative;
     11685        }
     11686
     11687        .wp-list-table.plugins th.check-column,
     11688        .wp-list-table.plugins tr.update th.check-column {
     11689                position: absolute;
     11690                height: auto;
     11691                top: 0;
     11692                bottom: 0;
     11693                left: 0;
     11694                padding-left: 2px;
     11695                padding-top: 18px;
     11696        }
     11697
     11698        .wp-list-table.plugins thead th.check-column,
     11699        .wp-list-table.plugins tfoot th.check-column {
     11700                padding-left: 3px;
     11701                padding-top: 11px;
     11702                background: none;
     11703        }
     11704
     11705        .widefat tbody th.check-column input[type="checkbox"] {
     11706                margin-top: -3px;
     11707                margin-left: 9px;
     11708        }
     11709
     11710        .wp-list-table.plugins .active .check-column input,
     11711        .wp-list-table.plugins .update .check-column input {
     11712                margin-left: 6px;
     11713        }
     11714
     11715        .wp-list-table.plugins thead .check-column input,
     11716        .wp-list-table.plugins tfoot .check-column input {
     11717                margin-top: -6px;
     11718        }
     11719
     11720        .wp-list-table.plugins .active th.check-column {
     11721                background: none;
     11722        }
     11723
     11724        .wp-list-table.plugins .plugin-title strong,
     11725        .wp-list-table.plugins .theme-title strong {
     11726                font-size: 1.4em;
     11727                line-height: 1.6em;
     11728        }
     11729
     11730        /*  Dashboard */
     11731        #dashboard_recent_comments #the-comment-list .comment-item .avatar {
     11732                height: 30px;
     11733                width: 30px;
     11734                margin: 4px 10px 5px 0;
     11735        }
     11736
     11737        /*  About Page */
     11738        .about-wrap .feature-section.two-col div {
     11739                width: 100%;
     11740                margin: 0;
     11741                float: none;
     11742        }
     11743
     11744        .about-wrap .three-col.about-updates .col-1,
     11745                /*.about-wrap .three-col.about-updates .col-2,*/
     11746        .about-wrap .three-col.about-updates .col-3 {
     11747                padding: 0;
     11748        }
     11749
     11750        .about-wrap .three-col.about-updates .col-1 {
     11751                width: 100%;
     11752                padding-right: 210px;
     11753        }
     11754
     11755        .about-wrap .three-col.about-updates .col-2 {
     11756                position: relative;
     11757                float: right;
     11758                width: 180px;
     11759                margin-left: -100%;
     11760        }
     11761
     11762        .about-wrap .three-col.about-updates .col-3 {
     11763                width: 100%;
     11764        }
     11765
     11766        .about-wrap .about-password-meter input,
     11767        .about-wrap .about-password-meter #pass-strength-result {
     11768                width: 99%;
     11769        }
     11770
     11771        /* Moderate Comment */
     11772        .comment-ays {
     11773                border-bottom: none;
     11774        }
     11775
     11776        #wpfooter {
     11777                display: none;
     11778        }
     11779
     11780        #comments-form .checkforspam {
     11781                display: none;
     11782        }
     11783}
     11784
     11785/* Tiny screens [ = smaller than 400 wide, 600 tall] */
     11786@media screen and (max-width: 400px), screen and (max-height: 600px) {
     11787        /* Align Add Media + Visual + Text tabs */
     11788        #wp-content-media-buttons a {
     11789                font-size: 14px;
     11790                padding: 0 10px 0 10px;
     11791        }
     11792
     11793        .media-modal {
     11794                position: fixed;
     11795                top: 0;
     11796                left: 0;
     11797                right: 0;
     11798                bottom: 0;
     11799        }
     11800
     11801        .media-modal-backdrop {
     11802                position: fixed;
     11803        }
     11804
     11805        .attachments-browser .attachment,
     11806        .attachments-browser .attachment-preview {
     11807                max-width: 100%;
     11808        }
     11809
     11810        .attachments-browser .media-toolbar-primary input.search {
     11811                max-width: 150px;
     11812        }
     11813
     11814        .uploader-inline-content {
     11815                position: relative;
     11816        }
     11817
     11818        .media-sidebar .setting input[type="checkbox"],
     11819        .media-sidebar .field input[type="checkbox"] {
     11820                width: 25px;
     11821        }
     11822
     11823        /* Don't bother with title for phone-size */
     11824        .media-frame-title {
     11825                display: none;
     11826        }
     11827
     11828        .media-frame-toolbar {
     11829                position: absolute;
     11830                bottom: 0px;
     11831                left: 0;
     11832                right: 0;
     11833                background: #FFF;
     11834                border-top: 1px solid #DEDEDE;
     11835        }
     11836
     11837        .media-toolbar {
     11838                position: relative;
     11839        }
     11840
     11841        .media-frame {
     11842                overflow: hidden;
     11843        }
     11844
     11845        .media-frame .attachments-browser {
     11846                padding-bottom: 300px;
     11847        }
     11848
     11849        .attachments-browser .attachments {
     11850                top: 0;
     11851        }
     11852
     11853        .attachment-details h3 {
     11854                margin-top: 45px;
     11855        }
     11856
     11857        /* Image From Link */
     11858        .embed-link-settings,
     11859        .embed-image-settings {
     11860                padding-bottom: 52px;
     11861        }
     11862
     11863        /* Gallery */
     11864        .media-frame.hide-router .media-frame-content {
     11865                top: 0;
     11866                border-top: none;
     11867        }
     11868
     11869        .gallery-settings h3 {
     11870                margin-top: 45px;
     11871        }
     11872}
     11873
     11874@media only screen and (max-width: 500px) {
     11875        .about-wrap {
     11876                margin-right: 20px;
     11877                margin-left: 10px;
     11878        }
     11879
     11880        .about-wrap h1,
     11881        .about-text {
     11882                margin-right: 0;
     11883        }
     11884
     11885        .about-text {
     11886                margin-bottom: 0.25em;
     11887        }
     11888
     11889        .about-wrap .wp-badge {
     11890                position: relative;
     11891                margin-bottom: 1.5em;
     11892                width: 100%;
     11893        }
     11894
     11895        .about-wrap .feature-section.three-col div {
     11896                width: 100%;
     11897                float: none;
     11898        }
     11899
     11900        .about-wrap .three-col.about-updates .col-1 {
     11901                padding: 0;
     11902                float: none;
     11903        }
     11904
     11905        .about-wrap .three-col.about-updates .col-2 {
     11906                margin: 0 0 20px;
     11907                width: 100%;
     11908                float: none;
     11909        }
     11910
     11911        .about-wrap .about-passwords {
     11912                margin: 20px -20px;
     11913        }
     11914
     11915}
     11916
     11917@media screen and ( max-width: 782px ) {
     11918        /* Toolbar Touchification*/
     11919        html.wp-toolbar {
     11920                padding-top: 46px;
     11921        }
     11922
     11923        html #wpadminbar {
     11924                left: 0 !important;
     11925                z-index: 500 !important;
     11926                height: 46px;
     11927                min-width: 300px;
     11928
     11929                -webkit-transform: translate3d(0, 0, 0);
     11930                -webkit-backface-visibility: hidden;
     11931                -webkit-transition: 0;
     11932                transform: translate3d(0, 0, 0);
     11933                backface-visibility: hidden;
     11934                transition: 0;
     11935        }
     11936
     11937        #wpadminbar * {
     11938                font: normal 14px/32px "Open Sans", sans-serif;
     11939        }
     11940
     11941        #wpadminbar .quicklinks li > a {
     11942                padding: 0;
     11943                height: 46px;
     11944                line-height: 46px;
     11945                width: auto;
     11946        }
     11947
     11948        #wpadminbar .ab-icon {
     11949                font: 40px/1 dashicons !important;
     11950                margin: 0;
     11951                padding: 0;
     11952                width: 50px;
     11953                height: 46px;
     11954        }
     11955
     11956        #wpadminbar .ab-icon:before {
     11957                text-align: center;
     11958        }
     11959
     11960        #wpadminbar .ab-submenu {
     11961                padding: 0;
     11962        }
     11963
     11964        #wpadminbar .ab-label {
     11965                display: none;
     11966        }
     11967
     11968        #wpadminbar .menupop li:hover > .ab-sub-wrapper,
     11969        #wpadminbar .menupop li.hover > .ab-sub-wrapper {
     11970                margin-top: -46px;
     11971        }
     11972
     11973        #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
     11974                padding-right: 30px;
     11975        }
     11976
     11977        #wpadminbar .menupop .menupop > .ab-item:before {
     11978                top: 10px;
     11979                right: 6px;
     11980        }
     11981
     11982        #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
     11983                font-size: 16px;
     11984                padding: 6px 15px 12px;
     11985        }
     11986
     11987        #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
     11988                display: none;
     11989        }
     11990
     11991        /* WP logo */
     11992        #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
     11993                padding: 0;
     11994        }
     11995
     11996        #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
     11997                padding: 0;
     11998                width: 50px;
     11999                height: 46px;
     12000                text-align: center;
     12001                vertical-align: top;
     12002        }
     12003
     12004        #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
     12005                font: 28px/1 'dashicons' !important;
     12006                top: -3px;
     12007        }
     12008
     12009        #wpadminbar .ab-icon,
     12010        #wpadminbar .ab-item::before {
     12011                padding: 0;
     12012        }
     12013
     12014        /* My Sites and "Site Title" menu */
     12015        #wpadminbar #wp-admin-bar-my-sites > .ab-item,
     12016        #wpadminbar #wp-admin-bar-site-name > .ab-item {
     12017                text-indent: 100%;
     12018                text-overflow: clip !important;
     12019                width: 50px;
     12020                padding: 0;
     12021                color: #999;
     12022                position: relative;
     12023        }
     12024
     12025        #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
     12026        #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
     12027                display: block;
     12028                text-indent: 0;
     12029                font: normal 35px/1.25 'dashicons' !important;
     12030                speak: none;
     12031                width: 50px;
     12032                text-align: center;
     12033                -webkit-font-smoothing: antialiased;
     12034                -moz-osx-font-smoothing: grayscale;
     12035        }
     12036
     12037        #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
     12038                content: '\f102';
     12039                padding: 0;
     12040        }
     12041
     12042        #wpadminbar #wp-admin-bar-my-sites > .ab-item:before {
     12043                content: '\f112';
     12044                font-size: 28px !important;
     12045                padding-top: 8px;
     12046                padding-left: 12px;
     12047        }
     12048
     12049        #wpadminbar #wp-admin-bar-appearance {
     12050                margin-top: 0;
     12051        }
     12052
     12053        #wpadminbar .quicklinks li .blavatar:before {
     12054                display: none;
     12055        }
     12056
     12057        /* Search */
     12058        #wpadminbar #wp-admin-bar-search {
     12059                display: none;
     12060        }
     12061
     12062        /* New Content */
     12063        #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
     12064                top: 0;
     12065                line-height: 53px;
     12066                height: 46px !important;
     12067                text-align: center;
     12068                width: 50px;
     12069                display: block;
     12070        }
     12071
     12072        /* Updates */
     12073        #wpadminbar #wp-admin-bar-updates .ab-icon:before {
     12074                top: 0;
     12075        }
     12076
     12077        /* Comments */
     12078        #wpadminbar #wp-admin-bar-comments .ab-icon {
     12079                margin: 0;
     12080        }
     12081
     12082        #wpadminbar #wp-admin-bar-comments .ab-icon:before {
     12083                display: block;
     12084                font-size: 34px;
     12085                height: 46px;
     12086                line-height: 47px;
     12087                top: 0;
     12088        }
     12089
     12090        /* My Account */
     12091        #wpadminbar #wp-admin-bar-my-account > a {
     12092                position: relative;
     12093                white-space: nowrap;
     12094                text-indent: 100%;
     12095                width: 28px;
     12096                padding: 0 10px;
     12097        }
     12098
     12099        #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
     12100                position: absolute;
     12101                top: 13px;
     12102                right: 10px;
     12103                width: 26px;
     12104                height: 26px;
     12105        }
     12106
     12107        #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
     12108                padding: 0;
     12109        }
     12110
     12111        #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
     12112                display: none;
     12113        }
     12114
     12115        #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
     12116                margin: 0;
     12117        }
     12118
     12119        #wpadminbar #wp-admin-bar-user-info .display-name {
     12120                height: auto;
     12121                font-size: 16px;
     12122                line-height: 24px;
     12123                color: #eee;
     12124        }
     12125
     12126        #wpadminbar #wp-admin-bar-user-info a {
     12127                padding-top: 4px;
     12128        }
     12129
     12130        #wpadminbar #wp-admin-bar-user-info .username {
     12131                line-height: 0.8 !important;
     12132                margin-bottom: -2px;
     12133        }
     12134
     12135        /* Hide all third party items */
     12136        #wp-admin-bar-top-secondary > li {
     12137                display: none;
     12138        }
     12139
     12140        #wp-admin-bar-root-default li#wp-admin-bar-wp-logo,
     12141        #wp-admin-bar-root-default li#wp-admin-bar-my-sites,
     12142        #wp-admin-bar-root-default li#wp-admin-bar-site-name,
     12143        #wp-admin-bar-root-default li#wp-admin-bar-new-content,
     12144        #wp-admin-bar-root-default li#wp-admin-bar-comments,
     12145        #wp-admin-bar-root-default li#wp-admin-bar-new-content,
     12146        #wp-admin-bar-top-secondary li#wp-admin-bar-my-account {
     12147                display: block;
     12148        }
     12149
     12150        #wpadminbar ul#wp-admin-bar-root-default > li {
     12151                margin-right: 0;
     12152        }
     12153
     12154        /* Experimental fix for touch toolbar dropdown positioning */
     12155        #wpadminbar .ab-top-menu,
     12156        #wpadminbar .ab-top-secondary,
     12157        #wpadminbar #wp-admin-bar-wp-logo,
     12158        #wpadminbar #wp-admin-bar-my-sites,
     12159        #wpadminbar #wp-admin-bar-site-name,
     12160        #wpadminbar #wp-admin-bar-updates,
     12161        #wpadminbar #wp-admin-bar-comments,
     12162        #wpadminbar #wp-admin-bar-new-content,
     12163        #wpadminbar #wp-admin-bar-my-account {
     12164                position: static;
     12165        }
     12166
     12167        #wpadminbar #wp-admin-bar-comments,
     12168        #wpadminbar #wp-admin-bar-new-content,
     12169        #wpadminbar #wp-admin-bar-my-account {
     12170                float: right;
     12171        }
     12172
     12173        #wpadminbar #wp-admin-bar-comments .ab-sub-wrapper,
     12174        #wpadminbar #wp-admin-bar-new-content .ab-sub-wrapper,
     12175        #wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper {
     12176                right: 0;
     12177                left: auto;
     12178        }
     12179
     12180        #wpadminbar ul#wp-admin-bar-root-default > li#wp-admin-bar-comments {
     12181                margin-right: 100px;
     12182        }
     12183
     12184        #wpadminbar ul#wp-admin-bar-root-default > li#wp-admin-bar-new-content {
     12185                margin-right: -100px;
     12186        }
     12187
     12188        #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
     12189                margin-right: -150px;
     12190        }
     12191
     12192        .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
     12193                margin-right: 0;
     12194        }
     12195}
     12196
     12197/* Horizontal */
     12198@media screen and (max-width: 480px) and (orientation: landscape) {
     12199        #wpadminbar {
     12200                position: absolute;
     12201        }
     12202}
     12203
     12204/* Smartphone */
     12205@media screen and (max-width: 480px) {
     12206        #moby6-overlay {
     12207                position: fixed;
     12208                top: 0;
     12209                left: 0;
     12210                width: 100%;
     12211                height: 100%;
     12212                z-index: 400;
     12213        }
     12214
     12215        #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
     12216                position: fixed;
     12217                width: 100%;
     12218                left: 0;
     12219        }
     12220
     12221        #wpadminbar .menupop .menupop > .ab-item:before {
     12222                display: none;
     12223        }
     12224
     12225        #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
     12226                margin-left: 0;
     12227        }
     12228
     12229        #wpadminbar #wp-admin-bar-updates,
     12230        #wpadminbar #wp-admin-bar-view,
     12231        #wpadminbar #wp-admin-bar-edit {
     12232                display: none;
     12233        }
     12234}
     12235
     12236@media screen and (max-width: 350px) {
     12237        #wpadminbar #wp-admin-bar-wp-logo {
     12238                display: none;
     12239        }
     12240}
     12241 No newline at end of file
  • src/wp-admin/js/common.js

     
    530530
    531531stickyMenu.init();
    532532
     533var moby6 = {
     534
     535        init: function() {
     536                // cached selectors
     537                this.$html = $( document.documentElement );
     538                this.$body = $( document.body );
     539                this.$wpwrap = $( '#wpwrap' );
     540                this.$wpbody = $( '#wpbody' );
     541                this.$adminmenu = $( '#adminmenu' );
     542                this.$overlay = $( '#moby6-overlay' );
     543                this.$toolbar = $( '#wp-toolbar' );
     544                this.$toolbarPopups = this.$toolbar.find( 'a[aria-haspopup="true"]' );
     545
     546                // Modify functionality based on custom activate/deactivate event
     547                this.$html
     548                        .on( 'activate.moby6', function() { moby6.activate(); } )
     549                        .on( 'deactivate.moby6', function() { moby6.deactivate(); } );
     550
     551                // Toggle sidebar when toggle is clicked
     552                $( '#wp-admin-bar-toggle-button' ).on( 'click', function(evt) {
     553                        evt.preventDefault();
     554                        moby6.$wpwrap.toggleClass( 'moby6-open' );
     555                } );
     556
     557                // Trigger custom events based on active media query.
     558                this.matchMedia();
     559                $( window ).on( 'resize', $.proxy( this.matchMedia, this ) );
     560        },
     561
     562        activate: function() {
     563
     564                window.stickymenu && window.stickymenu.disable();
     565
     566                if ( ! moby6.$body.hasClass( 'auto-fold' ) )
     567                        moby6.$body.addClass( 'auto-fold' );
     568
     569                this.modifySidebarEvents();
     570                this.disableDraggables();
     571                this.movePostSearch();
     572
     573        },
     574
     575        deactivate: function() {
     576
     577                window.stickymenu && window.stickymenu.enable();
     578
     579                this.enableDraggables();
     580                this.removeHamburgerButton();
     581                this.restorePostSearch();
     582
     583        },
     584
     585        matchMedia: function() {
     586                clearTimeout( this.resizeTimeout );
     587                this.resizeTimeout = setTimeout( function() {
     588
     589                        if ( ! window.matchMedia )
     590                                return;
     591
     592                        if ( window.matchMedia( '(max-width: 782px)' ).matches ) {
     593                                if ( moby6.$html.hasClass( 'touch' ) )
     594                                        return;
     595                                moby6.$html.addClass( 'touch' ).trigger( 'activate.moby6' );
     596                        } else {
     597                                if ( ! moby6.$html.hasClass( 'touch' ) )
     598                                        return;
     599                                moby6.$html.removeClass( 'touch' ).trigger( 'deactivate.moby6' );
     600                        }
     601
     602                        if ( window.matchMedia( '(max-width: 480px)' ).matches ) {
     603                                moby6.enableOverlay();
     604                        } else {
     605                                moby6.disableOverlay();
     606                        }
     607
     608                }, 150 );
     609        },
     610
     611        enableOverlay: function() {
     612                if ( this.$overlay.length === 0 ) {
     613                        this.$overlay = $( '<div id="moby6-overlay"></div>' )
     614                                .insertAfter( '#wpcontent' )
     615                                .hide()
     616                                .on( 'click.moby6', function() {
     617                                        moby6.$toolbar.find( '.menupop.hover' ).removeClass( 'hover' );
     618                                        $( this ).hide();
     619                                });
     620                }
     621                this.$toolbarPopups.on( 'click.moby6', function() {
     622                        moby6.$overlay.show();
     623                });
     624        },
     625
     626        disableOverlay: function() {
     627                this.$toolbarPopups.off( 'click.moby6' );
     628                this.$overlay.hide();
     629        },
     630
     631        modifySidebarEvents: function() {
     632                this.$body.off( '.wp-mobile-hover' );
     633                this.$adminmenu.find( 'a.wp-has-submenu' ).off( '.wp-mobile-hover' );
     634
     635                var scrollStart = 0;
     636                this.$adminmenu.on( 'touchstart.moby6', 'li.wp-has-submenu > a', function() {
     637                        scrollStart = $( window ).scrollTop();
     638                });
     639
     640                this.$adminmenu.on( 'touchend.moby6', 'li.wp-has-submenu > a', function( e ) {
     641                        e.preventDefault();
     642
     643                        if ( $( window ).scrollTop() !== scrollStart )
     644                                return false;
     645
     646                        $( this ).find( 'li.wp-has-submenu' ).removeClass( 'selected' );
     647                        $( this ).parent( 'li' ).addClass( 'selected' );
     648                });
     649        },
     650
     651        disableDraggables: function() {
     652                this.$wpbody
     653                        .find( '.hndle' )
     654                        .removeClass( 'hndle' )
     655                        .addClass( 'hndle-disabled' );
     656        },
     657
     658        enableDraggables: function() {
     659                this.$wpbody
     660                        .find( '.hndle-disabled' )
     661                        .removeClass( 'hndle-disabled' )
     662                        .addClass( 'hndle' );
     663        },
     664
     665        removeHamburgerButton: function() {
     666                if ( this.hamburgerButtonView !== undefined )
     667                        this.hamburgerButtonView.destroy();
     668        },
     669
     670        movePostSearch: function() {
     671                this.searchBox = this.$wpbody.find( 'p.search-box' );
     672                if ( this.searchBox.length ) {
     673                        this.searchBox.hide();
     674                        if ( this.searchBoxClone === undefined ) {
     675                                this.searchBoxClone = this.searchBox.first().clone().insertAfter( 'div.tablenav.bottom' );
     676                        }
     677                        this.searchBoxClone.show();
     678                }
     679        },
     680
     681        restorePostSearch: function() {
     682                if ( this.searchBox !== undefined ) {
     683                        this.searchBox.show();
     684                        if ( this.searchBoxClone !== undefined )
     685                                this.searchBoxClone.hide();
     686                }
     687        }
     688};
     689
     690// Fire moby6.init when document is ready
     691$( document ).ready( $.proxy( moby6.init, moby6 ) );
     692
     693// make Windows 8 devices playing along nicely
     694if ( '-ms-user-select' in document.documentElement.style && navigator.userAgent.match(/IEMobile\/10\.0/) ) {
     695        var msViewportStyle = document.createElement( 'style' );
     696        msViewportStyle.appendChild(
     697                document.createTextNode( '@-ms-viewport{width:auto!important}' )
     698        );
     699        document.getElementsByTagName( 'head' )[0].appendChild( msViewportStyle );
     700}
     701
    533702// internal use
    534703$(document).bind( 'wp_CloseOnEscape', function( e, data ) {
    535704        if ( typeof(data.cb) != 'function' )
  • src/wp-includes/admin-bar.php

     
    156156}
    157157
    158158/**
     159 * Add the sidebar toggle button.
     160 *
     161 * @since 3.8.0
     162 *
     163 * @param WP_Admin_Bar $wp_admin_bar
     164 */
     165function wp_admin_bar_sidebar_toggle( $wp_admin_bar ) {
     166        if ( is_admin() ) {
     167                $wp_admin_bar->add_menu( array(
     168                        'id'    => 'toggle-button',
     169                        'title' => '<span class="ab-icon"></span>',
     170                        'href'  => '#',
     171                        'meta'  => array(
     172                                'title' => __( 'Menu' ),
     173                        ),
     174                ) );
     175        }
     176}
     177
     178/**
    159179 * Add the "My Account" item.
    160180 *
    161181 * @since 3.3.0
  • src/wp-includes/class-wp-admin-bar.php

     
    482482                add_action( 'admin_bar_menu', 'wp_admin_bar_my_account_item', 7 );
    483483
    484484                // Site related.
     485                add_action( 'admin_bar_menu', 'wp_admin_bar_sidebar_toggle', 0 );
    485486                add_action( 'admin_bar_menu', 'wp_admin_bar_wp_menu', 10 );
    486487                add_action( 'admin_bar_menu', 'wp_admin_bar_my_sites_menu', 20 );
    487488                add_action( 'admin_bar_menu', 'wp_admin_bar_site_menu', 30 );