WordPress.org

Make WordPress Core

Ticket #25858: 25858.responsive.diff

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

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