Make WordPress Core

Changeset 26176


Ignore:
Timestamp:
11/14/2013 10:36:34 PM (11 years ago)
Author:
iammattthomas
Message:

Move #wpadminbar responsive styles from wp-admin.css to admin-bar.css. Remove unneeded font overrides and !importants where possible. Make sure the site menu item uses the globe icon consistently instead of switching to the home icon <782px. Fixes #25971.

Location:
trunk/src
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/wp-admin.css

    r26175 r26176  
    968968
    969969.icon16:before {
    970     font: normal 20px/1 'dashicons' !important;
     970    font: normal 20px/1 'dashicons';
    971971    speak: none;
    972972    padding: 6px 0;
     
    1134011340    }
    1134111341
     11342    .moby6-open #wpadminbar #wp-admin-bar-toggle-button a {
     11343        background: #000;
     11344    }
     11345
     11346    .moby6-open #wpbody {
     11347        right: -190px;
     11348    }
     11349
     11350    .auto-fold .moby6-open #adminmenuback,
     11351    .auto-fold .moby6-open #adminmenuwrap {
     11352        left: 0;
     11353    }
     11354
     11355    /* General New Post Form */
     11356    #post-body-content {
     11357        min-width: 0;
     11358    }
     11359
     11360    #titlediv #title {
     11361        padding: 8px;
     11362    }
     11363
     11364    #titlediv #title-prompt-text,
     11365    #wp-fullscreen-title-prompt-text {
     11366        padding: 10px 10px;
     11367    }
     11368
     11369    .post-format-options {
     11370        padding-right: 0;
     11371    }
     11372
     11373    .post-format-options a {
     11374        margin-right: 5px;
     11375        margin-bottom: 5px;
     11376        min-width: 52px;
     11377    }
     11378
     11379    .post-format-options .post-format-title {
     11380        font-size: 11px;
     11381    }
     11382
     11383    .post-format-options a div {
     11384        height: 28px;
     11385        width: 28px;
     11386    }
     11387
     11388    .post-format-options a div:before {
     11389        font-size: 26px !important;
     11390    }
     11391
     11392    /* General Metabox */
     11393    .postbox {
     11394        font-size: 14px;
     11395    }
     11396
     11397    #poststuff h3,
     11398    .metabox-holder h3 {
     11399        padding: 12px;
     11400    }
     11401
     11402    .postbox .handlediv {
     11403        margin-top: 3px;
     11404    }
     11405
     11406    /* Publish Metabox Options */
     11407    #post-visibility-select {
     11408        line-height: 280%;
     11409    }
     11410
     11411    .wp-core-ui .save-post-status.button {
     11412        top: 16px;
     11413        position: relative;
     11414        margin: 0 10px;
     11415    }
     11416
     11417    .wp-core-ui .save-post-visibility,
     11418    .wp-core-ui .save-timestamp {
     11419        vertical-align: middle;
     11420        margin-right: 15px;
     11421    }
     11422
     11423    .timestamp-wrap select#mm {
     11424        display: block;
     11425        width: 100%;
     11426        margin-bottom: 10px;
     11427    }
     11428
     11429    .timestamp-wrap #jj,
     11430    .timestamp-wrap #aa,
     11431    .timestamp-wrap #hh,
     11432    .timestamp-wrap #mn {
     11433        padding: 12px 3px;
     11434        font-size: 14px;
     11435        margin-bottom: 5px;
     11436        width: auto;
     11437        text-align: center;
     11438    }
     11439
     11440    /* Categories Metabox */
     11441    ul.category-tabs {
     11442        margin: 30px 0 15px;
     11443    }
     11444
     11445    ul.category-tabs li.tabs {
     11446        padding: 15px;
     11447    }
     11448
     11449    ul#categorychecklist li {
     11450        margin-bottom: 15px;
     11451    }
     11452
     11453    ul#categorychecklist ul {
     11454        margin-top: 15px;
     11455    }
     11456
     11457    .category-add input[type=text],
     11458    .category-add select {
     11459        max-width: none;
     11460        margin-bottom: 15px;
     11461    }
     11462
     11463    /* Tags Metabox */
     11464    .tagsdiv .newtag {
     11465        width: 100%;
     11466        padding: 25px 10px;
     11467        margin-bottom: 15px;
     11468    }
     11469
     11470    .tagchecklist {
     11471        margin: 25px 10px;
     11472    }
     11473
     11474    .tagchecklist span {
     11475        font-size: 16px;
     11476        line-height: 120%;
     11477    }
     11478
     11479    /* Revisions */
     11480    #diff-next-revision,
     11481    #diff-previous-revision {
     11482        margin-top: -1em;
     11483    }
     11484
     11485    table.diff {
     11486        -ms-word-break: break-all;
     11487        word-break: break-all;
     11488        word-wrap: break-word;
     11489    }
     11490
     11491    /* TinyMCE Adjustments */
     11492    .mceToolbar * {
     11493        white-space: normal !important;
     11494    }
     11495
     11496    .mceToolbar tr,
     11497    .mceToolbar td {
     11498        float: left !important;
     11499    }
     11500
     11501    .wp_themeSkin a.mceButton {
     11502        width: 30px;
     11503        height: 30px;
     11504    }
     11505
     11506    .wp_themeSkin .mceButton .mceIcon {
     11507        margin-top: 5px;
     11508        margin-left: 5px;
     11509    }
     11510
     11511    .wp_themeSkin .mceSplitButton {
     11512        margin-top: 1px;
     11513    }
     11514
     11515    .wp_themeSkin .mceSplitButton td a.mceAction {
     11516        padding-top: 6px;
     11517        padding-bottom: 6px;
     11518        padding-left: 6px;
     11519        padding-right: 3px;
     11520    }
     11521
     11522    .wp_themeSkin .mceSplitButton td a.mceOpen,
     11523    .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
     11524        padding-top: 6px;
     11525        padding-bottom: 6px;
     11526        background-position: 1px 6px;
     11527    }
     11528
     11529    .wp_themeSkin table.mceListBox {
     11530        margin: 5px;
     11531    }
     11532
     11533    div.quicktags-toolbar input {
     11534        padding: 10px 20px;
     11535    }
     11536
     11537    #wp-content-editor-tools {
     11538        padding-top: 20px;
     11539        padding-right: 15px;
     11540        overflow: hidden;
     11541    }
     11542
     11543    a.wp-switch-editor {
     11544        font-size: 16px;
     11545        line-height: 1em;
     11546        margin: 3px 0 0 7px;
     11547        padding: 12px 15px !important;
     11548    }
     11549
     11550    #wp-content-media-buttons a {
     11551        font-size: 16px;
     11552        line-height: 37px;
     11553        height: 39px;
     11554        padding: 0 20px 0 15px;
     11555    }
     11556
     11557    .wp-media-buttons span.wp-media-buttons-icon,
     11558    .wp-media-buttons span.jetpack-contact-form-icon {
     11559        width: 22px !important;
     11560        margin-top: -3px !important;
     11561        margin-left: -5px !important;
     11562    }
     11563
     11564    .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
     11565    .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
     11566        font-size: 20px !important;
     11567    }
     11568
     11569    #content_wp_fullscreen {
     11570        display: none;
     11571    }
     11572
     11573    .misc-pub-section {
     11574        padding: 20px 10px 20px;
     11575    }
     11576
     11577    .misc-pub-section > a {
     11578        float: right;
     11579        font-size: 16px;
     11580    }
     11581
     11582    #delete-action,
     11583    #publishing-action {
     11584        line-height: 47px;
     11585    }
     11586
     11587    /* Subsubsub Nav */
     11588    .subsubsub {
     11589        font-size: 16px;
     11590        text-align: center;
     11591        margin-bottom: 15px;
     11592    }
     11593
     11594    /* WP List Table Options & Filters */
     11595    .tablenav {
     11596        height: auto;
     11597    }
     11598
     11599    .tablenav.top {
     11600        margin: 0;
     11601    }
     11602
     11603    .tablenav.bottom {
     11604        position: relative;
     11605        margin-top: 15px;
     11606    }
     11607
     11608    .tablenav br {
     11609        display: none;
     11610    }
     11611
     11612    .tablenav br.clear {
     11613        display: block;
     11614    }
     11615
     11616    p.search-box {
     11617        float: none;
     11618        clear: both;
     11619        margin-top: 35px;
     11620    }
     11621
     11622    p.search-box input[name="s"] {
     11623        height: auto;
     11624        float: none;
     11625        width: 100%;
     11626        margin-bottom: 10px;
     11627        -webkit-appearance: none;
     11628    }
     11629
     11630    .tablenav.top .actions, .view-switch {
     11631        display: none;
     11632    }
     11633
     11634    /* Pagination */
     11635    .tablenav.top .displaying-num {
     11636        display: none;
     11637    }
     11638
     11639    .tablenav.bottom .displaying-num {
     11640        position: absolute;
     11641        right: 0;
     11642        top: 10px;
     11643        font-size: 14px;
     11644    }
     11645
     11646    .tablenav-pages {
     11647        width: 100%;
     11648        text-align: center;
     11649        margin: 0 0 25px;
     11650    }
     11651
     11652    .tablenav.bottom .tablenav-pages {
     11653        margin-top: 25px;
     11654    }
     11655
     11656    .tablenav.top .tablenav-pages.one-page {
     11657        display: none;
     11658    }
     11659
     11660    .tablenav.bottom .tablenav-pages.one-page {
     11661        margin: 15px 0 0 0;
     11662        height: 0;
     11663    }
     11664
     11665    .tablenav-pages .pagination-links .paging-input {
     11666        font-size: 18px;
     11667    }
     11668
     11669    .tablenav-pages .pagination-links a {
     11670        padding: 8px 20px 11px;
     11671        font-size: 18px;
     11672        background: rgba(0, 0, 0, 0.05);
     11673    }
     11674
     11675    .tablenav-pages .pagination-links .current-page {
     11676        padding: 10px;
     11677        font-size: 14px;
     11678    }
     11679
     11680    /* WP List Table Adjustments: General */
     11681    .form-wrap > p {
     11682        display: none;
     11683    }
     11684
     11685    .comment-count {
     11686        font-size: 14px;
     11687    }
     11688
     11689    /* Posts */
     11690    .column-title {
     11691        width: 85%;
     11692    }
     11693
     11694    .fixed .column-comments, .widefat .check-column {
     11695        width: 35px
     11696    }
     11697
     11698    .fixed .column-date, .fixed .column-author,
     11699    .column-categories, .column-tags {
     11700        display: none;
     11701    }
     11702
     11703    .widefat thead .check-column, .widefat tfoot .check-column {
     11704        padding: 10px 0 10px;
     11705    }
     11706
     11707    .widefat * {
     11708        word-wrap: normal;
     11709    }
     11710
     11711    /* Quick Edit and Bulk Edit */
     11712    #wpbody-content .quick-edit-row-post .inline-edit-col-left,
     11713    #wpbody-content .quick-edit-row-post .inline-edit-col-right,
     11714    #wpbody-content .inline-edit-row-post .inline-edit-col-center,
     11715    #wpbody-content .quick-edit-row-page .inline-edit-col-left,
     11716    #wpbody-content .quick-edit-row-page .inline-edit-col-right,
     11717    #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
     11718    #wpbody-content .bulk-edit-row .inline-edit-col-left,
     11719    #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
     11720    #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
     11721        float: none;
     11722        width: 100%;
     11723    }
     11724
     11725    #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
     11726    #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
     11727    #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
     11728    #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
     11729        max-width: none;
     11730        float: none;
     11731        margin-bottom: 5px;
     11732    }
     11733
     11734    #wpbody .bulk-edit-row fieldset select {
     11735        display: block;
     11736        width: 100%;
     11737        max-width: none;
     11738        -moz-box-sizing: border-box;
     11739        box-sizing: border-box;
     11740    }
     11741   
     11742    .inline-edit-row fieldset ul.cat-checklist label,
     11743    .inline-edit-row #bulk-titles div {
     11744        font-size: 16px;
     11745    }
     11746
     11747    .inline-edit-row fieldset label span.title {
     11748        float: none;
     11749    }
     11750
     11751    .inline-edit-row fieldset label.inline-edit-tags {
     11752        padding: 0 0.5em;
     11753    }
     11754
     11755    .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
     11756        padding: 0;
     11757    }
     11758
     11759    .inline-edit-row fieldset label span.input-text-wrap {
     11760        margin-left: 0;
     11761    }
     11762
     11763    .inline-edit-row fieldset input[name=jj],
     11764    .inline-edit-row fieldset input[name=hh],
     11765    .inline-edit-row fieldset input[name=mn] {
     11766        width: 3em;
     11767    }
     11768
     11769    .inline-edit-row fieldset input[name=aa] {
     11770        width: 4.5em;
     11771    }
     11772   
     11773    #bulk-titles div {
     11774        margin: 0.8em 0.3em;
     11775    }
     11776   
     11777    #bulk-titles div a {
     11778        height: 22px;
     11779    }
     11780   
     11781    /* Categories */
     11782    .fixed .column-description {
     11783        display: none;
     11784    }
     11785
     11786    .fixed .column-posts {
     11787        width: 50px;
     11788    }
     11789
     11790    .fixed .column-slug {
     11791        width: 30%;
     11792    }
     11793
     11794    /* Comments */
     11795    .fixed .column-response {
     11796        width: 35%;
     11797    }
     11798
     11799    /* Media */
     11800    .fixed .column-parent {
     11801        display: none;
     11802    }
     11803
     11804    /* Comments */
     11805    .fixed .column-email, .fixed .column-name {
     11806        display: none;
     11807    }
     11808
     11809    .fixed .column-role {
     11810        width: 35%;
     11811    }
     11812
     11813    /* Plugins */
     11814    .plugins .column-description {
     11815        width: 70%;
     11816    }
     11817
     11818    #wpbody-content .plugins .plugin-title {
     11819        white-space: normal;
     11820        width: 30%;
     11821    }
     11822
     11823    /* Updates */
     11824    #wpbody-content #update-themes-table .plugin-title {
     11825        width: auto;
     11826    }
     11827
     11828    /* Form Tables */
     11829    .form-table {
     11830        -moz-box-sizing: border-box;
     11831        box-sizing: border-box;
     11832    }
     11833
     11834    .form-table th,
     11835    .form-table td {
     11836        display: block;
     11837        width: auto;
     11838        vertical-align: middle;
     11839    }
     11840
     11841    .form-table .color-palette td {
     11842        display: table-cell;
     11843        width: 15px;
     11844    }
     11845
     11846    .form-table table.color-palette {
     11847        margin-right: 10px;
     11848    }
     11849
     11850    textarea,
     11851    input {
     11852        font-size: 16px;
     11853    }
     11854
     11855    .form-table td input[type="text"],
     11856    .form-table td input[type="password"],
     11857    .form-table td select,
     11858    .form-table td textarea,
     11859    .form-table span.description,
     11860    #profile-page .form-table textarea {
     11861        width: 100%;
     11862        font-size: 16px;
     11863        line-height: 1.5;
     11864        padding: 7px 10px;
     11865        display: block;
     11866        max-width: none;
     11867        box-sizing: border-box;
     11868        -mox-box-sizing: border-box;
     11869    }
     11870
     11871    input[type=text].small-text,
     11872    input[type=search].small-text,
     11873    input[type=password].small-text,
     11874    input[type=number].small-text,
     11875    input[type="number"].small-text,
     11876    .form-table input[type=text].small-text {
     11877        width: auto;
     11878        max-width: 55px;
     11879        display: inline;
     11880        padding: 3px 6px;
     11881        margin: 0 3px;
     11882    }
     11883
     11884    #pass-strength-result {
     11885        width: 100%;
     11886        box-sizing: border-box;
     11887        -mox-box-sizing: border-box;
     11888        padding: 8px;
     11889    }
     11890
     11891    .form-table span.description {
     11892        padding: 4px 0 0;
     11893        line-height: 1.4em;
     11894    }
     11895
     11896    .form-table th {
     11897        padding-top: 10px;
     11898        padding-bottom: 0;
     11899        border-bottom: 0;
     11900    }
     11901
     11902    .form-table td {
     11903        padding-top: 8px;
     11904        padding-left: 0;
     11905    }
     11906
     11907    .form-table input.regular-text {
     11908        width: 100%;
     11909    }
     11910
     11911    .form-table label {
     11912        font-size: 14px;
     11913    }
     11914
     11915    .form-table fieldset label {
     11916        display: block;
     11917    }
     11918
     11919    #utc-time {
     11920        margin-top: 10px;
     11921    }
     11922
     11923    #utc-time,
     11924    #local-time {
     11925        display: block;
     11926        float: none;
     11927        padding: 0;
     11928        line-height: 2;
     11929    }
     11930
     11931    /* Add/Edit Media */
     11932    .wp_attachment_details label[for="content"] {
     11933        font-size: 14px;
     11934        line-height: 1.5em;
     11935    }
     11936
     11937    #media-items {
     11938        width: 100%;
     11939    }
     11940
     11941    .media-modal {
     11942        width: auto;
     11943    }
     11944
     11945    .media-frame {
     11946        overflow: auto;
     11947    }
     11948
     11949    .media-frame-menu {
     11950        position: relative;
     11951        width: auto;
     11952    }
     11953
     11954    .media-menu {
     11955        border-right: none;
     11956        position: relative;
     11957        border-bottom: 1px solid #dddddd;
     11958        overflow: hidden;
     11959    }
     11960
     11961    .media-menu .separator {
     11962        display: none;
     11963    }
     11964
     11965    .media-menu a {
     11966        float: left;
     11967        width: 40%;
     11968    }
     11969
     11970    .media-frame-router, .media-frame-content, .media-frame-toolbar {
     11971        left: auto;
     11972        right: auto;
     11973        top: auto;
     11974        bottom: auto;
     11975        position: relative;
     11976    }
     11977
     11978    .media-frame-title {
     11979        top: auto;
     11980        left: auto;
     11981        right: 0;
     11982        height: auto;
     11983    }
     11984
     11985    .media-frame-router {
     11986        margin-top: 10px;
     11987    }
     11988
     11989    .media-frame-title h1 {
     11990        line-height: 3;
     11991        font-size: 18px;
     11992    }
     11993
     11994    .media-router {
     11995        bottom: -2px;
     11996    }
     11997
     11998    .media-frame-content {
     11999        min-height: 300px;
     12000        max-height: 500px;
     12001        overflow: auto;
     12002    }
     12003
     12004    .media-toolbar-primary, .media-toolbar-secondary {
     12005        height: auto;
     12006    }
     12007
     12008    .uploader-inline h3 {
     12009        margin: 0 0 .8em 0;
     12010    }
     12011
     12012    .uploader-inline-content {
     12013        top: auto;
     12014    }
     12015
     12016    .uploader-inline-content .upload-ui {
     12017        margin: 0;
     12018    }
     12019
     12020    .attachments-browser .attachments, .attachments-browser .uploader-inline {
     12021        position: relative;
     12022        margin-right: 180px;
     12023    }
     12024
     12025    /* Links */
     12026    .link-manager-php #posts-filter {
     12027        margin-top: 25px;
     12028    }
     12029
     12030    .link-manager-php .tablenav.bottom {
     12031        overflow: hidden;
     12032    }
     12033
     12034    .links-table #link_rel {
     12035        max-width: none;
     12036    }
     12037
     12038    .links-table th,
     12039    .links-table td {
     12040        padding: 10px 0;
     12041    }
     12042
     12043    /**
     12044     * Nav Menus
     12045     * ----------------------------------------------------------------------------
     12046     */
     12047    body.nav-menus-php {
     12048        min-width: 0 !important;
     12049    }
     12050
     12051    #nav-menus-frame {
     12052        margin-left: 0;
     12053        float: none;
     12054        width: 100%;
     12055    }
     12056
     12057    #wpbody-content #menu-settings-column {
     12058        display: block;
     12059        width: 100%;
     12060        float: none;
     12061        margin-left: 0;
     12062    }
     12063
     12064    #side-sortables .add-menu-item-tabs {
     12065        margin: 15px 0;
     12066    }
     12067
     12068    ul.add-menu-item-tabs li.tabs {
     12069        padding: 15px;
     12070    }
     12071
     12072    .nav-menus-php .item-controls .item-type {
     12073        margin-top: 2px;
     12074    }
     12075
     12076    .nav-menus-php .customlinkdiv .howto input {
     12077        width: 65%;
     12078    }
     12079
     12080    .nav-menus-php .quick-search {
     12081        width: 85%;
     12082    }
     12083
     12084    #menu-management-liquid {
     12085        margin-top: 25px;
     12086    }
     12087
     12088    .nav-menus-php .menu-name-label.howto span {
     12089        margin-top: 13px
     12090    }
     12091
     12092    .menu-name-label #menu-name {
     12093        margin-top: 4px;
     12094    }
     12095
     12096    .nav-menus-php .major-publishing-actions .publishing-action {
     12097        margin-top: 6px;
     12098    }
     12099
     12100    .nav-menus-php .delete-action {
     12101        font-size: 14px;
     12102        line-height: 50px;
     12103        margin-top: 12px;
     12104    }
     12105
     12106    .menu-item-bar .menu-item-handle,
     12107    .menu-item-settings,
     12108    .description-wide {
     12109        width: auto;
     12110    }
     12111
     12112    .menu-item-settings {
     12113        padding: 10px;
     12114    }
     12115
     12116    .menu-item-settings .description-thin,
     12117    .menu-item-settings .description-wide {
     12118        width: 100%;
     12119        height: auto;
     12120    }
     12121
     12122    .menu-item-settings input {
     12123        width: 100%;
     12124    }
     12125
     12126    /* Theme Management Page */
     12127    #current-theme.has-screenshot {
     12128        padding: 0;
     12129        clear: both;
     12130    }
     12131
     12132    #current-theme img {
     12133        float: none;
     12134        margin-left: 0;
     12135        margin-bottom: 15px;
     12136    }
     12137
     12138    #current-theme.has-screenshot img.hide-if-no-customize {
     12139        display: block;
     12140    }
     12141
     12142    .available-theme .action-links .delete-theme {
     12143        float: none;
     12144        margin: 0;
     12145        padding: 0;
     12146        clear: both;
     12147    }
     12148
     12149    .available-theme .action-links .delete-theme a {
     12150        padding: 0;
     12151    }
     12152
     12153    /* Widget Management Page (Needs UX work on mobile) */
     12154    #templateside {
     12155        float: none;
     12156        width: auto;
     12157    }
     12158
     12159    #templateside li {
     12160        margin: 0;
     12161    }
     12162
     12163    #templateside li a {
     12164        display: block;
     12165        padding: 5px;
     12166    }
     12167
     12168    #templateside .highlight {
     12169        padding: 5px;
     12170        margin-left: -5px;
     12171        margin-top: -5px;
     12172    }
     12173
     12174    #template div {
     12175        float: none;
     12176        margin: 0;
     12177        width: auto;
     12178    }
     12179
     12180    #template textarea {
     12181        width: 100%;
     12182    }
     12183
     12184    .fileedit-sub .alignright {
     12185        margin-top: 15px;
     12186    }
     12187
     12188    /* Plugin/Theme Management Page */
     12189    .wp-list-table.plugins {
     12190        position: relative;
     12191        margin-top: 35px;
     12192        margin-bottom: 50px;
     12193    }
     12194
     12195    .wp-list-table.plugins thead .column-description,
     12196    #wpbody-content .wp-list-table.plugins tfoot .column-description,
     12197    .wp-list-table.plugins th#description {
     12198        display: none;
     12199    }
     12200
     12201    #wpbody-content .wp-list-table.plugins,
     12202    #wpbody-content .wp-list-table.plugins thead,
     12203    #wpbody-content .wp-list-table.plugins tbody,
     12204    #wpbody-content .wp-list-table.plugins tr,
     12205    #wpbody-content .wp-list-table.plugins .column-description,
     12206    #wpbody-content .wp-list-table.plugins .plugin-title,
     12207    #wpbody-content .wp-list-table.plugins .theme-title,
     12208    #wpbody-content .wp-list-table.plugins .plugin-update,
     12209    #wpbody-content .wp-list-table.plugins .manage-column.column-name {
     12210        display: block;
     12211        width: auto;
     12212    }
     12213
     12214    .wp-list-table.plugins thead,
     12215    .wp-list-table.plugins tfoot {
     12216        position: absolute;
     12217        top: -35px;
     12218        left: 0;
     12219        right: 0;
     12220        width: auto;
     12221        height: 35px;
     12222    }
     12223
     12224    .wp-list-table.plugins tfoot {
     12225        bottom: -35px;
     12226        top: auto;
     12227    }
     12228
     12229    .active, .inactive {
     12230        padding-top: 0;
     12231    }
     12232
     12233    .wp-list-table.plugins .plugin-title,
     12234    .wp-list-table.plugins .theme-title {
     12235        padding-top: 13px;
     12236        padding-bottom: 4px;
     12237    }
     12238
     12239    .plugins tr.active + tr.inactive th.check-column,
     12240    .plugins tr.active + tr.inactive td,
     12241    .wp-list-table.plugins .plugin-title,
     12242    .wp-list-table.plugins .theme-title,
     12243    .wp-list-table.plugins tbody th {
     12244        box-shadow: none;
     12245        -webkit-box-shadow: none;
     12246    }
     12247
     12248    .plugins tbody {
     12249        padding: 1px 0 0;
     12250    }
     12251
     12252    /* 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 */
     12253    .plugins tr.active + tr.inactive td.column-description {
     12254        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     12255        -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     12256        -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     12257        -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     12258        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     12259    }
     12260
     12261    .plugins tr.active + tr.inactive th.check-column,
     12262    .plugins tr.active + tr.inactive td {
     12263        border-top: none;
     12264    }
     12265
     12266    .wp-list-table.plugins .column-description {
     12267        padding-top: 0;
     12268    }
     12269
     12270    .wp-list-table.plugins .manage-column.column-name,
     12271    .wp-list-table.plugins .column-description,
     12272    .wp-list-table.plugins .plugin-title,
     12273    .wp-list-table.plugins .theme-title {
     12274        padding-right: 12px;
     12275        padding-left: 46px;
     12276    }
     12277
     12278    .wp-list-table.plugins tr {
     12279        position: relative;
     12280    }
     12281
     12282    .wp-list-table.plugins th.check-column,
     12283    .wp-list-table.plugins tr.update th.check-column {
     12284        position: absolute;
     12285        height: auto;
     12286        top: 0;
     12287        bottom: 0;
     12288        left: 0;
     12289        padding-left: 2px;
     12290        padding-top: 18px;
     12291    }
     12292
     12293    .wp-list-table.plugins thead th.check-column,
     12294    .wp-list-table.plugins tfoot th.check-column {
     12295        padding-left: 3px;
     12296        padding-top: 11px;
     12297        background: none;
     12298    }
     12299
     12300    .widefat tbody th.check-column input[type="checkbox"] {
     12301        margin-top: -3px;
     12302        margin-left: 9px;
     12303    }
     12304
     12305    .wp-list-table.plugins .active .check-column input,
     12306    .wp-list-table.plugins .update .check-column input {
     12307        margin-left: 6px;
     12308    }
     12309
     12310    .wp-list-table.plugins thead .check-column input,
     12311    .wp-list-table.plugins tfoot .check-column input {
     12312        margin-top: -6px;
     12313    }
     12314
     12315    .wp-list-table.plugins .active th.check-column {
     12316        background: none;
     12317    }
     12318
     12319    .wp-list-table.plugins .plugin-title strong,
     12320    .wp-list-table.plugins .theme-title strong {
     12321        font-size: 1.4em;
     12322        line-height: 1.6em;
     12323    }
     12324
     12325    /*  Dashboard */
     12326    #dashboard_recent_comments #the-comment-list .comment-item .avatar {
     12327        height: 30px;
     12328        width: 30px;
     12329        margin: 4px 10px 5px 0;
     12330    }
     12331
     12332    /*  About Page */
     12333    .about-wrap .feature-section.two-col div {
     12334        width: 100%;
     12335        margin: 0;
     12336        float: none;
     12337    }
     12338
     12339    .about-wrap .three-col.about-updates .col-1,
     12340        /*.about-wrap .three-col.about-updates .col-2,*/
     12341    .about-wrap .three-col.about-updates .col-3 {
     12342        padding: 0;
     12343    }
     12344
     12345    .about-wrap .three-col.about-updates .col-1 {
     12346        width: 100%;
     12347        padding-right: 210px;
     12348    }
     12349
     12350    .about-wrap .three-col.about-updates .col-2 {
     12351        position: relative;
     12352        float: right;
     12353        width: 180px;
     12354        margin-left: -100%;
     12355    }
     12356
     12357    .about-wrap .three-col.about-updates .col-3 {
     12358        width: 100%;
     12359    }
     12360
     12361    .about-wrap .about-password-meter input,
     12362    .about-wrap .about-password-meter #pass-strength-result {
     12363        width: 99%;
     12364    }
     12365
     12366    /* Moderate Comment */
     12367    .comment-ays {
     12368        border-bottom: none;
     12369    }
     12370
     12371    #wpfooter {
     12372        display: none;
     12373    }
     12374
     12375    #comments-form .checkforspam {
     12376        display: none;
     12377    }
     12378}
     12379
     12380/* Tiny screens [ = smaller than 400 wide, 600 tall] */
     12381@media screen and (max-width: 400px), screen and (max-height: 600px) {
     12382    /* Align Add Media + Visual + Text tabs */
     12383    #wp-content-media-buttons a {
     12384        font-size: 14px;
     12385        padding: 0 10px 0 10px;
     12386    }
     12387
     12388    .media-modal {
     12389        position: fixed;
     12390        top: 0;
     12391        left: 0;
     12392        right: 0;
     12393        bottom: 0;
     12394    }
     12395
     12396    .media-modal-backdrop {
     12397        position: fixed;
     12398    }
     12399
     12400    .attachments-browser .attachment,
     12401    .attachments-browser .attachment-preview {
     12402        max-width: 100%;
     12403    }
     12404
     12405    .attachments-browser .media-toolbar-primary input.search {
     12406        max-width: 150px;
     12407    }
     12408
     12409    .uploader-inline-content {
     12410        position: relative;
     12411    }
     12412
     12413    .media-sidebar .setting input[type="checkbox"],
     12414    .media-sidebar .field input[type="checkbox"] {
     12415        width: 25px;
     12416    }
     12417
     12418    /* Don't bother with title for phone-size */
     12419    .media-frame-title {
     12420        display: none;
     12421    }
     12422
     12423    .media-frame-toolbar {
     12424        position: absolute;
     12425        bottom: 0px;
     12426        left: 0;
     12427        right: 0;
     12428        background: #FFF;
     12429        border-top: 1px solid #DEDEDE;
     12430    }
     12431
     12432    .media-toolbar {
     12433        position: relative;
     12434    }
     12435
     12436    .media-frame {
     12437        overflow: hidden;
     12438    }
     12439
     12440    .media-frame .attachments-browser {
     12441        padding-bottom: 300px;
     12442    }
     12443
     12444    .attachments-browser .attachments {
     12445        top: 0;
     12446    }
     12447
     12448    .attachment-details h3 {
     12449        margin-top: 45px;
     12450    }
     12451
     12452    /* Image From Link */
     12453    .embed-link-settings,
     12454    .embed-image-settings {
     12455        padding-bottom: 52px;
     12456    }
     12457
     12458    /* Gallery */
     12459    .media-frame.hide-router .media-frame-content {
     12460        top: 0;
     12461        border-top: none;
     12462    }
     12463
     12464    .gallery-settings h3 {
     12465        margin-top: 45px;
     12466    }
     12467}
     12468
     12469@media only screen and (max-width: 500px) {
     12470    .about-wrap {
     12471        margin-right: 20px;
     12472        margin-left: 10px;
     12473    }
     12474
     12475    .about-wrap h1,
     12476    .about-text {
     12477        margin-right: 0;
     12478    }
     12479
     12480    .about-text {
     12481        margin-bottom: 0.25em;
     12482    }
     12483
     12484    .about-wrap .wp-badge {
     12485        position: relative;
     12486        margin-bottom: 1.5em;
     12487        width: 100%;
     12488    }
     12489
     12490    .about-wrap .feature-section.three-col div {
     12491        width: 100%;
     12492        float: none;
     12493    }
     12494
     12495    .about-wrap .three-col.about-updates .col-1 {
     12496        padding: 0;
     12497        float: none;
     12498    }
     12499
     12500    .about-wrap .three-col.about-updates .col-2 {
     12501        margin: 0 0 20px;
     12502        width: 100%;
     12503        float: none;
     12504    }
     12505
     12506    .about-wrap .about-passwords {
     12507        margin: 20px -20px;
     12508    }
     12509
     12510}
     12511
     12512@media screen and ( max-width: 782px ) {
    1134212513    #wpadminbar #wp-admin-bar-toggle-button a {
    1134312514        display: block;
     
    1138012551        -moz-box-sizing: border-box;
    1138112552    }
    11382 
    11383     .moby6-open #wpadminbar #wp-admin-bar-toggle-button a {
    11384         background: #000;
    11385     }
    11386 
    11387     .moby6-open #wpbody {
    11388         right: -190px;
    11389     }
    11390 
    11391     .auto-fold .moby6-open #adminmenuback,
    11392     .auto-fold .moby6-open #adminmenuwrap {
    11393         left: 0;
    11394     }
    11395 
    11396     /* General New Post Form */
    11397     #post-body-content {
    11398         min-width: 0;
    11399     }
    11400 
    11401     #titlediv #title {
    11402         padding: 8px;
    11403     }
    11404 
    11405     #titlediv #title-prompt-text,
    11406     #wp-fullscreen-title-prompt-text {
    11407         padding: 10px 10px;
    11408     }
    11409 
    11410     .post-format-options {
    11411         padding-right: 0;
    11412     }
    11413 
    11414     .post-format-options a {
    11415         margin-right: 5px;
    11416         margin-bottom: 5px;
    11417         min-width: 52px;
    11418     }
    11419 
    11420     .post-format-options .post-format-title {
    11421         font-size: 11px;
    11422     }
    11423 
    11424     .post-format-options a div {
    11425         height: 28px;
    11426         width: 28px;
    11427     }
    11428 
    11429     .post-format-options a div:before {
    11430         font-size: 26px !important;
    11431     }
    11432 
    11433     /* General Metabox */
    11434     .postbox {
    11435         font-size: 14px;
    11436     }
    11437 
    11438     #poststuff h3,
    11439     .metabox-holder h3 {
    11440         padding: 12px;
    11441     }
    11442 
    11443     .postbox .handlediv {
    11444         margin-top: 3px;
    11445     }
    11446 
    11447     /* Publish Metabox Options */
    11448     #post-visibility-select {
    11449         line-height: 280%;
    11450     }
    11451 
    11452     .wp-core-ui .save-post-status.button {
    11453         top: 16px;
    11454         position: relative;
    11455         margin: 0 10px;
    11456     }
    11457 
    11458     .wp-core-ui .save-post-visibility,
    11459     .wp-core-ui .save-timestamp {
    11460         vertical-align: middle;
    11461         margin-right: 15px;
    11462     }
    11463 
    11464     .timestamp-wrap select#mm {
    11465         display: block;
    11466         width: 100%;
    11467         margin-bottom: 10px;
    11468     }
    11469 
    11470     .timestamp-wrap #jj,
    11471     .timestamp-wrap #aa,
    11472     .timestamp-wrap #hh,
    11473     .timestamp-wrap #mn {
    11474         padding: 12px 3px;
    11475         font-size: 14px;
    11476         margin-bottom: 5px;
    11477         width: auto;
    11478         text-align: center;
    11479     }
    11480 
    11481     /* Categories Metabox */
    11482     ul.category-tabs {
    11483         margin: 30px 0 15px;
    11484     }
    11485 
    11486     ul.category-tabs li.tabs {
    11487         padding: 15px;
    11488     }
    11489 
    11490     ul#categorychecklist li {
    11491         margin-bottom: 15px;
    11492     }
    11493 
    11494     ul#categorychecklist ul {
    11495         margin-top: 15px;
    11496     }
    11497 
    11498     .category-add input[type=text],
    11499     .category-add select {
    11500         max-width: none;
    11501         margin-bottom: 15px;
    11502     }
    11503 
    11504     /* Tags Metabox */
    11505     .tagsdiv .newtag {
    11506         width: 100%;
    11507         padding: 25px 10px;
    11508         margin-bottom: 15px;
    11509     }
    11510 
    11511     .tagchecklist {
    11512         margin: 25px 10px;
    11513     }
    11514 
    11515     .tagchecklist span {
    11516         font-size: 16px;
    11517         line-height: 120%;
    11518     }
    11519 
    11520     /* Revisions */
    11521     #diff-next-revision,
    11522     #diff-previous-revision {
    11523         margin-top: -1em;
    11524     }
    11525 
    11526     table.diff {
    11527         -ms-word-break: break-all;
    11528         word-break: break-all;
    11529         word-wrap: break-word;
    11530     }
    11531 
    11532     /* TinyMCE Adjustments */
    11533     .mceToolbar * {
    11534         white-space: normal !important;
    11535     }
    11536 
    11537     .mceToolbar tr,
    11538     .mceToolbar td {
    11539         float: left !important;
    11540     }
    11541 
    11542     .wp_themeSkin a.mceButton {
    11543         width: 30px;
    11544         height: 30px;
    11545     }
    11546 
    11547     .wp_themeSkin .mceButton .mceIcon {
    11548         margin-top: 5px;
    11549         margin-left: 5px;
    11550     }
    11551 
    11552     .wp_themeSkin .mceSplitButton {
    11553         margin-top: 1px;
    11554     }
    11555 
    11556     .wp_themeSkin .mceSplitButton td a.mceAction {
    11557         padding-top: 6px;
    11558         padding-bottom: 6px;
    11559         padding-left: 6px;
    11560         padding-right: 3px;
    11561     }
    11562 
    11563     .wp_themeSkin .mceSplitButton td a.mceOpen,
    11564     .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
    11565         padding-top: 6px;
    11566         padding-bottom: 6px;
    11567         background-position: 1px 6px;
    11568     }
    11569 
    11570     .wp_themeSkin table.mceListBox {
    11571         margin: 5px;
    11572     }
    11573 
    11574     div.quicktags-toolbar input {
    11575         padding: 10px 20px;
    11576     }
    11577 
    11578     #wp-content-editor-tools {
    11579         padding-top: 20px;
    11580         padding-right: 15px;
    11581         overflow: hidden;
    11582     }
    11583 
    11584     a.wp-switch-editor {
    11585         font-size: 16px;
    11586         line-height: 1em;
    11587         margin: 3px 0 0 7px;
    11588         padding: 12px 15px !important;
    11589     }
    11590 
    11591     #wp-content-media-buttons a {
    11592         font-size: 16px;
    11593         line-height: 37px;
    11594         height: 39px;
    11595         padding: 0 20px 0 15px;
    11596     }
    11597 
    11598     .wp-media-buttons span.wp-media-buttons-icon,
    11599     .wp-media-buttons span.jetpack-contact-form-icon {
    11600         width: 22px !important;
    11601         margin-top: -3px !important;
    11602         margin-left: -5px !important;
    11603     }
    11604 
    11605     .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
    11606     .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
    11607         font-size: 20px !important;
    11608     }
    11609 
    11610     #content_wp_fullscreen {
    11611         display: none;
    11612     }
    11613 
    11614     .misc-pub-section {
    11615         padding: 20px 10px 20px;
    11616     }
    11617 
    11618     .misc-pub-section > a {
    11619         float: right;
    11620         font-size: 16px;
    11621     }
    11622 
    11623     #delete-action,
    11624     #publishing-action {
    11625         line-height: 47px;
    11626     }
    11627 
    11628     /* Subsubsub Nav */
    11629     .subsubsub {
    11630         font-size: 16px;
    11631         text-align: center;
    11632         margin-bottom: 15px;
    11633     }
    11634 
    11635     /* WP List Table Options & Filters */
    11636     .tablenav {
    11637         height: auto;
    11638     }
    11639 
    11640     .tablenav.top {
    11641         margin: 0;
    11642     }
    11643 
    11644     .tablenav.bottom {
    11645         position: relative;
    11646         margin-top: 15px;
    11647     }
    11648 
    11649     .tablenav br {
    11650         display: none;
    11651     }
    11652 
    11653     .tablenav br.clear {
    11654         display: block;
    11655     }
    11656 
    11657     p.search-box {
    11658         float: none;
    11659         clear: both;
    11660         margin-top: 35px;
    11661     }
    11662 
    11663     p.search-box input[name="s"] {
    11664         height: auto;
    11665         float: none;
    11666         width: 100%;
    11667         margin-bottom: 10px;
    11668         -webkit-appearance: none;
    11669     }
    11670 
    11671     .tablenav.top .actions, .view-switch {
    11672         display: none;
    11673     }
    11674 
    11675     /* Pagination */
    11676     .tablenav.top .displaying-num {
    11677         display: none;
    11678     }
    11679 
    11680     .tablenav.bottom .displaying-num {
    11681         position: absolute;
    11682         right: 0;
    11683         top: 10px;
    11684         font-size: 14px;
    11685     }
    11686 
    11687     .tablenav-pages {
    11688         width: 100%;
    11689         text-align: center;
    11690         margin: 0 0 25px;
    11691     }
    11692 
    11693     .tablenav.bottom .tablenav-pages {
    11694         margin-top: 25px;
    11695     }
    11696 
    11697     .tablenav.top .tablenav-pages.one-page {
    11698         display: none;
    11699     }
    11700 
    11701     .tablenav.bottom .tablenav-pages.one-page {
    11702         margin: 15px 0 0 0;
    11703         height: 0;
    11704     }
    11705 
    11706     .tablenav-pages .pagination-links .paging-input {
    11707         font-size: 18px;
    11708     }
    11709 
    11710     .tablenav-pages .pagination-links a {
    11711         padding: 8px 20px 11px;
    11712         font-size: 18px;
    11713         background: rgba(0, 0, 0, 0.05);
    11714     }
    11715 
    11716     .tablenav-pages .pagination-links .current-page {
    11717         padding: 10px;
    11718         font-size: 14px;
    11719     }
    11720 
    11721     /* WP List Table Adjustments: General */
    11722     .form-wrap > p {
    11723         display: none;
    11724     }
    11725 
    11726     .comment-count {
    11727         font-size: 14px;
    11728     }
    11729 
    11730     /* Posts */
    11731     .column-title {
    11732         width: 85%;
    11733     }
    11734 
    11735     .fixed .column-comments, .widefat .check-column {
    11736         width: 35px
    11737     }
    11738 
    11739     .fixed .column-date, .fixed .column-author,
    11740     .column-categories, .column-tags {
    11741         display: none;
    11742     }
    11743 
    11744     .widefat thead .check-column, .widefat tfoot .check-column {
    11745         padding: 10px 0 10px;
    11746     }
    11747 
    11748     .widefat * {
    11749         word-wrap: normal;
    11750     }
    11751 
    11752     /* Quick Edit and Bulk Edit */
    11753     #wpbody-content .quick-edit-row-post .inline-edit-col-left,
    11754     #wpbody-content .quick-edit-row-post .inline-edit-col-right,
    11755     #wpbody-content .inline-edit-row-post .inline-edit-col-center,
    11756     #wpbody-content .quick-edit-row-page .inline-edit-col-left,
    11757     #wpbody-content .quick-edit-row-page .inline-edit-col-right,
    11758     #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
    11759     #wpbody-content .bulk-edit-row .inline-edit-col-left,
    11760     #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
    11761     #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
    11762         float: none;
    11763         width: 100%;
    11764     }
    11765 
    11766     #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
    11767     #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
    11768     #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
    11769     #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
    11770         max-width: none;
    11771         float: none;
    11772         margin-bottom: 5px;
    11773     }
    11774 
    11775     #wpbody .bulk-edit-row fieldset select {
    11776         display: block;
    11777         width: 100%;
    11778         max-width: none;
    11779         -moz-box-sizing: border-box;
    11780         box-sizing: border-box;
    11781     }
    11782    
    11783     .inline-edit-row fieldset ul.cat-checklist label,
    11784     .inline-edit-row #bulk-titles div {
    11785         font-size: 16px;
    11786     }
    11787 
    11788     .inline-edit-row fieldset label span.title {
    11789         float: none;
    11790     }
    11791 
    11792     .inline-edit-row fieldset label.inline-edit-tags {
    11793         padding: 0 0.5em;
    11794     }
    11795 
    11796     .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
    11797         padding: 0;
    11798     }
    11799 
    11800     .inline-edit-row fieldset label span.input-text-wrap {
    11801         margin-left: 0;
    11802     }
    11803 
    11804     .inline-edit-row fieldset input[name=jj],
    11805     .inline-edit-row fieldset input[name=hh],
    11806     .inline-edit-row fieldset input[name=mn] {
    11807         width: 3em;
    11808     }
    11809 
    11810     .inline-edit-row fieldset input[name=aa] {
    11811         width: 4.5em;
    11812     }
    11813    
    11814     #bulk-titles div {
    11815         margin: 0.8em 0.3em;
    11816     }
    11817    
    11818     #bulk-titles div a {
    11819         height: 22px;
    11820     }
    11821    
    11822     /* Categories */
    11823     .fixed .column-description {
    11824         display: none;
    11825     }
    11826 
    11827     .fixed .column-posts {
    11828         width: 50px;
    11829     }
    11830 
    11831     .fixed .column-slug {
    11832         width: 30%;
    11833     }
    11834 
    11835     /* Comments */
    11836     .fixed .column-response {
    11837         width: 35%;
    11838     }
    11839 
    11840     /* Media */
    11841     .fixed .column-parent {
    11842         display: none;
    11843     }
    11844 
    11845     /* Comments */
    11846     .fixed .column-email, .fixed .column-name {
    11847         display: none;
    11848     }
    11849 
    11850     .fixed .column-role {
    11851         width: 35%;
    11852     }
    11853 
    11854     /* Plugins */
    11855     .plugins .column-description {
    11856         width: 70%;
    11857     }
    11858 
    11859     #wpbody-content .plugins .plugin-title {
    11860         white-space: normal;
    11861         width: 30%;
    11862     }
    11863 
    11864     /* Updates */
    11865     #wpbody-content #update-themes-table .plugin-title {
    11866         width: auto;
    11867     }
    11868 
    11869     /* Form Tables */
    11870     .form-table {
    11871         -moz-box-sizing: border-box;
    11872         box-sizing: border-box;
    11873     }
    11874 
    11875     .form-table th,
    11876     .form-table td {
    11877         display: block;
    11878         width: auto;
    11879         vertical-align: middle;
    11880     }
    11881 
    11882     .form-table .color-palette td {
    11883         display: table-cell;
    11884         width: 15px;
    11885     }
    11886 
    11887     .form-table table.color-palette {
    11888         margin-right: 10px;
    11889     }
    11890 
    11891     textarea,
    11892     input {
    11893         font-size: 16px;
    11894     }
    11895 
    11896     .form-table td input[type="text"],
    11897     .form-table td input[type="password"],
    11898     .form-table td select,
    11899     .form-table td textarea,
    11900     .form-table span.description,
    11901     #profile-page .form-table textarea {
    11902         width: 100%;
    11903         font-size: 16px;
    11904         line-height: 1.5;
    11905         padding: 7px 10px;
    11906         display: block;
    11907         max-width: none;
    11908         box-sizing: border-box;
    11909         -mox-box-sizing: border-box;
    11910     }
    11911 
    11912     input[type=text].small-text,
    11913     input[type=search].small-text,
    11914     input[type=password].small-text,
    11915     input[type=number].small-text,
    11916     input[type="number"].small-text,
    11917     .form-table input[type=text].small-text {
    11918         width: auto;
    11919         max-width: 55px;
    11920         display: inline;
    11921         padding: 3px 6px;
    11922         margin: 0 3px;
    11923     }
    11924 
    11925     #pass-strength-result {
    11926         width: 100%;
    11927         box-sizing: border-box;
    11928         -mox-box-sizing: border-box;
    11929         padding: 8px;
    11930     }
    11931 
    11932     .form-table span.description {
    11933         padding: 4px 0 0;
    11934         line-height: 1.4em;
    11935     }
    11936 
    11937     .form-table th {
    11938         padding-top: 10px;
    11939         padding-bottom: 0;
    11940         border-bottom: 0;
    11941     }
    11942 
    11943     .form-table td {
    11944         padding-top: 8px;
    11945         padding-left: 0;
    11946     }
    11947 
    11948     .form-table input.regular-text {
    11949         width: 100%;
    11950     }
    11951 
    11952     .form-table label {
    11953         font-size: 14px;
    11954     }
    11955 
    11956     .form-table fieldset label {
    11957         display: block;
    11958     }
    11959 
    11960     #utc-time {
    11961         margin-top: 10px;
    11962     }
    11963 
    11964     #utc-time,
    11965     #local-time {
    11966         display: block;
    11967         float: none;
    11968         padding: 0;
    11969         line-height: 2;
    11970     }
    11971 
    11972     /* Add/Edit Media */
    11973     .wp_attachment_details label[for="content"] {
    11974         font-size: 14px;
    11975         line-height: 1.5em;
    11976     }
    11977 
    11978     #media-items {
    11979         width: 100%;
    11980     }
    11981 
    11982     .media-modal {
    11983         width: auto;
    11984     }
    11985 
    11986     .media-frame {
    11987         overflow: auto;
    11988     }
    11989 
    11990     .media-frame-menu {
    11991         position: relative;
    11992         width: auto;
    11993     }
    11994 
    11995     .media-menu {
    11996         border-right: none;
    11997         position: relative;
    11998         border-bottom: 1px solid #dddddd;
    11999         overflow: hidden;
    12000     }
    12001 
    12002     .media-menu .separator {
    12003         display: none;
    12004     }
    12005 
    12006     .media-menu a {
    12007         float: left;
    12008         width: 40%;
    12009     }
    12010 
    12011     .media-frame-router, .media-frame-content, .media-frame-toolbar {
    12012         left: auto;
    12013         right: auto;
    12014         top: auto;
    12015         bottom: auto;
    12016         position: relative;
    12017     }
    12018 
    12019     .media-frame-title {
    12020         top: auto;
    12021         left: auto;
    12022         right: 0;
    12023         height: auto;
    12024     }
    12025 
    12026     .media-frame-router {
    12027         margin-top: 10px;
    12028     }
    12029 
    12030     .media-frame-title h1 {
    12031         line-height: 3;
    12032         font-size: 18px;
    12033     }
    12034 
    12035     .media-router {
    12036         bottom: -2px;
    12037     }
    12038 
    12039     .media-frame-content {
    12040         min-height: 300px;
    12041         max-height: 500px;
    12042         overflow: auto;
    12043     }
    12044 
    12045     .media-toolbar-primary, .media-toolbar-secondary {
    12046         height: auto;
    12047     }
    12048 
    12049     .uploader-inline h3 {
    12050         margin: 0 0 .8em 0;
    12051     }
    12052 
    12053     .uploader-inline-content {
    12054         top: auto;
    12055     }
    12056 
    12057     .uploader-inline-content .upload-ui {
    12058         margin: 0;
    12059     }
    12060 
    12061     .attachments-browser .attachments, .attachments-browser .uploader-inline {
    12062         position: relative;
    12063         margin-right: 180px;
    12064     }
    12065 
    12066     /* Links */
    12067     .link-manager-php #posts-filter {
    12068         margin-top: 25px;
    12069     }
    12070 
    12071     .link-manager-php .tablenav.bottom {
    12072         overflow: hidden;
    12073     }
    12074 
    12075     .links-table #link_rel {
    12076         max-width: none;
    12077     }
    12078 
    12079     .links-table th,
    12080     .links-table td {
    12081         padding: 10px 0;
    12082     }
    12083 
    12084     /**
    12085      * Nav Menus
    12086      * ----------------------------------------------------------------------------
    12087      */
    12088     body.nav-menus-php {
    12089         min-width: 0 !important;
    12090     }
    12091 
    12092     #nav-menus-frame {
    12093         margin-left: 0;
    12094         float: none;
    12095         width: 100%;
    12096     }
    12097 
    12098     #wpbody-content #menu-settings-column {
    12099         display: block;
    12100         width: 100%;
    12101         float: none;
    12102         margin-left: 0;
    12103     }
    12104 
    12105     #side-sortables .add-menu-item-tabs {
    12106         margin: 15px 0;
    12107     }
    12108 
    12109     ul.add-menu-item-tabs li.tabs {
    12110         padding: 15px;
    12111     }
    12112 
    12113     .nav-menus-php .item-controls .item-type {
    12114         margin-top: 2px;
    12115     }
    12116 
    12117     .nav-menus-php .customlinkdiv .howto input {
    12118         width: 65%;
    12119     }
    12120 
    12121     .nav-menus-php .quick-search {
    12122         width: 85%;
    12123     }
    12124 
    12125     #menu-management-liquid {
    12126         margin-top: 25px;
    12127     }
    12128 
    12129     .nav-menus-php .menu-name-label.howto span {
    12130         margin-top: 13px
    12131     }
    12132 
    12133     .menu-name-label #menu-name {
    12134         margin-top: 4px;
    12135     }
    12136 
    12137     .nav-menus-php .major-publishing-actions .publishing-action {
    12138         margin-top: 6px;
    12139     }
    12140 
    12141     .nav-menus-php .delete-action {
    12142         font-size: 14px;
    12143         line-height: 50px;
    12144         margin-top: 12px;
    12145     }
    12146 
    12147     .menu-item-bar .menu-item-handle,
    12148     .menu-item-settings,
    12149     .description-wide {
    12150         width: auto;
    12151     }
    12152 
    12153     .menu-item-settings {
    12154         padding: 10px;
    12155     }
    12156 
    12157     .menu-item-settings .description-thin,
    12158     .menu-item-settings .description-wide {
    12159         width: 100%;
    12160         height: auto;
    12161     }
    12162 
    12163     .menu-item-settings input {
    12164         width: 100%;
    12165     }
    12166 
    12167     /* Theme Management Page */
    12168     #current-theme.has-screenshot {
    12169         padding: 0;
    12170         clear: both;
    12171     }
    12172 
    12173     #current-theme img {
    12174         float: none;
    12175         margin-left: 0;
    12176         margin-bottom: 15px;
    12177     }
    12178 
    12179     #current-theme.has-screenshot img.hide-if-no-customize {
    12180         display: block;
    12181     }
    12182 
    12183     .available-theme .action-links .delete-theme {
    12184         float: none;
    12185         margin: 0;
    12186         padding: 0;
    12187         clear: both;
    12188     }
    12189 
    12190     .available-theme .action-links .delete-theme a {
    12191         padding: 0;
    12192     }
    12193 
    12194     /* Widget Management Page (Needs UX work on mobile) */
    12195     #templateside {
    12196         float: none;
    12197         width: auto;
    12198     }
    12199 
    12200     #templateside li {
    12201         margin: 0;
    12202     }
    12203 
    12204     #templateside li a {
    12205         display: block;
    12206         padding: 5px;
    12207     }
    12208 
    12209     #templateside .highlight {
    12210         padding: 5px;
    12211         margin-left: -5px;
    12212         margin-top: -5px;
    12213     }
    12214 
    12215     #template div {
    12216         float: none;
    12217         margin: 0;
    12218         width: auto;
    12219     }
    12220 
    12221     #template textarea {
    12222         width: 100%;
    12223     }
    12224 
    12225     .fileedit-sub .alignright {
    12226         margin-top: 15px;
    12227     }
    12228 
    12229     /* Plugin/Theme Management Page */
    12230     .wp-list-table.plugins {
    12231         position: relative;
    12232         margin-top: 35px;
    12233         margin-bottom: 50px;
    12234     }
    12235 
    12236     .wp-list-table.plugins thead .column-description,
    12237     #wpbody-content .wp-list-table.plugins tfoot .column-description,
    12238     .wp-list-table.plugins th#description {
    12239         display: none;
    12240     }
    12241 
    12242     #wpbody-content .wp-list-table.plugins,
    12243     #wpbody-content .wp-list-table.plugins thead,
    12244     #wpbody-content .wp-list-table.plugins tbody,
    12245     #wpbody-content .wp-list-table.plugins tr,
    12246     #wpbody-content .wp-list-table.plugins .column-description,
    12247     #wpbody-content .wp-list-table.plugins .plugin-title,
    12248     #wpbody-content .wp-list-table.plugins .theme-title,
    12249     #wpbody-content .wp-list-table.plugins .plugin-update,
    12250     #wpbody-content .wp-list-table.plugins .manage-column.column-name {
    12251         display: block;
    12252         width: auto;
    12253     }
    12254 
    12255     .wp-list-table.plugins thead,
    12256     .wp-list-table.plugins tfoot {
    12257         position: absolute;
    12258         top: -35px;
    12259         left: 0;
    12260         right: 0;
    12261         width: auto;
    12262         height: 35px;
    12263     }
    12264 
    12265     .wp-list-table.plugins tfoot {
    12266         bottom: -35px;
    12267         top: auto;
    12268     }
    12269 
    12270     .active, .inactive {
    12271         padding-top: 0;
    12272     }
    12273 
    12274     .wp-list-table.plugins .plugin-title,
    12275     .wp-list-table.plugins .theme-title {
    12276         padding-top: 13px;
    12277         padding-bottom: 4px;
    12278     }
    12279 
    12280     .plugins tr.active + tr.inactive th.check-column,
    12281     .plugins tr.active + tr.inactive td,
    12282     .wp-list-table.plugins .plugin-title,
    12283     .wp-list-table.plugins .theme-title,
    12284     .wp-list-table.plugins tbody th {
    12285         box-shadow: none;
    12286         -webkit-box-shadow: none;
    12287     }
    12288 
    12289     .plugins tbody {
    12290         padding: 1px 0 0;
    12291     }
    12292 
    12293     /* 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 */
    12294     .plugins tr.active + tr.inactive td.column-description {
    12295         -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    12296         -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    12297         -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    12298         -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    12299         box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    12300     }
    12301 
    12302     .plugins tr.active + tr.inactive th.check-column,
    12303     .plugins tr.active + tr.inactive td {
    12304         border-top: none;
    12305     }
    12306 
    12307     .wp-list-table.plugins .column-description {
    12308         padding-top: 0;
    12309     }
    12310 
    12311     .wp-list-table.plugins .manage-column.column-name,
    12312     .wp-list-table.plugins .column-description,
    12313     .wp-list-table.plugins .plugin-title,
    12314     .wp-list-table.plugins .theme-title {
    12315         padding-right: 12px;
    12316         padding-left: 46px;
    12317     }
    12318 
    12319     .wp-list-table.plugins tr {
    12320         position: relative;
    12321     }
    12322 
    12323     .wp-list-table.plugins th.check-column,
    12324     .wp-list-table.plugins tr.update th.check-column {
    12325         position: absolute;
    12326         height: auto;
    12327         top: 0;
    12328         bottom: 0;
    12329         left: 0;
    12330         padding-left: 2px;
    12331         padding-top: 18px;
    12332     }
    12333 
    12334     .wp-list-table.plugins thead th.check-column,
    12335     .wp-list-table.plugins tfoot th.check-column {
    12336         padding-left: 3px;
    12337         padding-top: 11px;
    12338         background: none;
    12339     }
    12340 
    12341     .widefat tbody th.check-column input[type="checkbox"] {
    12342         margin-top: -3px;
    12343         margin-left: 9px;
    12344     }
    12345 
    12346     .wp-list-table.plugins .active .check-column input,
    12347     .wp-list-table.plugins .update .check-column input {
    12348         margin-left: 6px;
    12349     }
    12350 
    12351     .wp-list-table.plugins thead .check-column input,
    12352     .wp-list-table.plugins tfoot .check-column input {
    12353         margin-top: -6px;
    12354     }
    12355 
    12356     .wp-list-table.plugins .active th.check-column {
    12357         background: none;
    12358     }
    12359 
    12360     .wp-list-table.plugins .plugin-title strong,
    12361     .wp-list-table.plugins .theme-title strong {
    12362         font-size: 1.4em;
    12363         line-height: 1.6em;
    12364     }
    12365 
    12366     /*  Dashboard */
    12367     #dashboard_recent_comments #the-comment-list .comment-item .avatar {
    12368         height: 30px;
    12369         width: 30px;
    12370         margin: 4px 10px 5px 0;
    12371     }
    12372 
    12373     /*  About Page */
    12374     .about-wrap .feature-section.two-col div {
    12375         width: 100%;
    12376         margin: 0;
    12377         float: none;
    12378     }
    12379 
    12380     .about-wrap .three-col.about-updates .col-1,
    12381         /*.about-wrap .three-col.about-updates .col-2,*/
    12382     .about-wrap .three-col.about-updates .col-3 {
    12383         padding: 0;
    12384     }
    12385 
    12386     .about-wrap .three-col.about-updates .col-1 {
    12387         width: 100%;
    12388         padding-right: 210px;
    12389     }
    12390 
    12391     .about-wrap .three-col.about-updates .col-2 {
    12392         position: relative;
    12393         float: right;
    12394         width: 180px;
    12395         margin-left: -100%;
    12396     }
    12397 
    12398     .about-wrap .three-col.about-updates .col-3 {
    12399         width: 100%;
    12400     }
    12401 
    12402     .about-wrap .about-password-meter input,
    12403     .about-wrap .about-password-meter #pass-strength-result {
    12404         width: 99%;
    12405     }
    12406 
    12407     /* Moderate Comment */
    12408     .comment-ays {
    12409         border-bottom: none;
    12410     }
    12411 
    12412     #wpfooter {
    12413         display: none;
    12414     }
    12415 
    12416     #comments-form .checkforspam {
    12417         display: none;
    12418     }
    12419 }
    12420 
    12421 /* Tiny screens [ = smaller than 400 wide, 600 tall] */
    12422 @media screen and (max-width: 400px), screen and (max-height: 600px) {
    12423     /* Align Add Media + Visual + Text tabs */
    12424     #wp-content-media-buttons a {
    12425         font-size: 14px;
    12426         padding: 0 10px 0 10px;
    12427     }
    12428 
    12429     .media-modal {
    12430         position: fixed;
    12431         top: 0;
    12432         left: 0;
    12433         right: 0;
    12434         bottom: 0;
    12435     }
    12436 
    12437     .media-modal-backdrop {
    12438         position: fixed;
    12439     }
    12440 
    12441     .attachments-browser .attachment,
    12442     .attachments-browser .attachment-preview {
    12443         max-width: 100%;
    12444     }
    12445 
    12446     .attachments-browser .media-toolbar-primary input.search {
    12447         max-width: 150px;
    12448     }
    12449 
    12450     .uploader-inline-content {
    12451         position: relative;
    12452     }
    12453 
    12454     .media-sidebar .setting input[type="checkbox"],
    12455     .media-sidebar .field input[type="checkbox"] {
    12456         width: 25px;
    12457     }
    12458 
    12459     /* Don't bother with title for phone-size */
    12460     .media-frame-title {
    12461         display: none;
    12462     }
    12463 
    12464     .media-frame-toolbar {
    12465         position: absolute;
    12466         bottom: 0px;
    12467         left: 0;
    12468         right: 0;
    12469         background: #FFF;
    12470         border-top: 1px solid #DEDEDE;
    12471     }
    12472 
    12473     .media-toolbar {
    12474         position: relative;
    12475     }
    12476 
    12477     .media-frame {
    12478         overflow: hidden;
    12479     }
    12480 
    12481     .media-frame .attachments-browser {
    12482         padding-bottom: 300px;
    12483     }
    12484 
    12485     .attachments-browser .attachments {
    12486         top: 0;
    12487     }
    12488 
    12489     .attachment-details h3 {
    12490         margin-top: 45px;
    12491     }
    12492 
    12493     /* Image From Link */
    12494     .embed-link-settings,
    12495     .embed-image-settings {
    12496         padding-bottom: 52px;
    12497     }
    12498 
    12499     /* Gallery */
    12500     .media-frame.hide-router .media-frame-content {
    12501         top: 0;
    12502         border-top: none;
    12503     }
    12504 
    12505     .gallery-settings h3 {
    12506         margin-top: 45px;
    12507     }
    12508 }
    12509 
    12510 @media only screen and (max-width: 500px) {
    12511     .about-wrap {
    12512         margin-right: 20px;
    12513         margin-left: 10px;
    12514     }
    12515 
    12516     .about-wrap h1,
    12517     .about-text {
    12518         margin-right: 0;
    12519     }
    12520 
    12521     .about-text {
    12522         margin-bottom: 0.25em;
    12523     }
    12524 
    12525     .about-wrap .wp-badge {
    12526         position: relative;
    12527         margin-bottom: 1.5em;
    12528         width: 100%;
    12529     }
    12530 
    12531     .about-wrap .feature-section.three-col div {
    12532         width: 100%;
    12533         float: none;
    12534     }
    12535 
    12536     .about-wrap .three-col.about-updates .col-1 {
    12537         padding: 0;
    12538         float: none;
    12539     }
    12540 
    12541     .about-wrap .three-col.about-updates .col-2 {
    12542         margin: 0 0 20px;
    12543         width: 100%;
    12544         float: none;
    12545     }
    12546 
    12547     .about-wrap .about-passwords {
    12548         margin: 20px -20px;
    12549     }
    12550 
    12551 }
    12552 
    12553 @media screen and ( max-width: 782px ) {
    12554     /* Toolbar Touchification*/
    12555     html.wp-toolbar {
    12556         padding-top: 46px;
    12557     }
    12558 
    12559     html #wpadminbar {
    12560         left: 0 !important;
    12561         z-index: 500 !important;
    12562         height: 46px;
    12563         min-width: 300px;
    12564 
    12565         -webkit-transform: translate3d(0, 0, 0);
    12566         -webkit-backface-visibility: hidden;
    12567         -webkit-transition: 0;
    12568         transform: translate3d(0, 0, 0);
    12569         backface-visibility: hidden;
    12570         transition: 0;
    12571     }
    12572 
    12573     #wpadminbar * {
    12574         font: normal 14px/32px "Open Sans", sans-serif;
    12575     }
    12576 
    12577     #wpadminbar .quicklinks li > a {
    12578         padding: 0;
    12579         height: 46px;
    12580         line-height: 46px;
    12581         width: auto;
    12582     }
    12583 
    12584     #wpadminbar .ab-icon {
    12585         font: 40px/1 dashicons !important;
    12586         margin: 0;
    12587         padding: 0;
    12588         width: 50px;
    12589         height: 46px;
    12590     }
    12591 
    12592     #wpadminbar .ab-icon:before {
    12593         text-align: center;
    12594     }
    12595 
    12596     #wpadminbar .ab-submenu {
    12597         padding: 0;
    12598     }
    12599 
    12600     #wpadminbar .ab-label {
    12601         display: none;
    12602     }
    12603 
    12604     #wpadminbar .menupop li:hover > .ab-sub-wrapper,
    12605     #wpadminbar .menupop li.hover > .ab-sub-wrapper {
    12606         margin-top: -46px;
    12607     }
    12608 
    12609     #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
    12610         padding-right: 30px;
    12611     }
    12612 
    12613     #wpadminbar .menupop .menupop > .ab-item:before {
    12614         top: 10px;
    12615         right: 6px;
    12616     }
    12617 
    12618     #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
    12619         font-size: 16px;
    12620         padding: 6px 15px 12px;
    12621     }
    12622 
    12623     #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
    12624         display: none;
    12625     }
    12626 
    12627     /* WP logo */
    12628     #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
    12629         padding: 0;
    12630     }
    12631 
    12632     #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
    12633         padding: 0;
    12634         width: 50px;
    12635         height: 46px;
    12636         text-align: center;
    12637         vertical-align: top;
    12638     }
    12639 
    12640     #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
    12641         font: 28px/1 'dashicons' !important;
    12642         top: -3px;
    12643     }
    12644 
    12645     #wpadminbar .ab-icon,
    12646     #wpadminbar .ab-item::before {
    12647         padding: 0;
    12648     }
    12649 
    12650     /* My Sites and "Site Title" menu */
    12651     #wpadminbar #wp-admin-bar-my-sites > .ab-item,
    12652     #wpadminbar #wp-admin-bar-site-name > .ab-item {
    12653         text-indent: 100%;
    12654         text-overflow: clip !important;
    12655         width: 50px;
    12656         padding: 0;
    12657         color: #999;
    12658         position: relative;
    12659     }
    12660 
    12661     #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
    12662     #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
    12663         display: block;
    12664         text-indent: 0;
    12665         font: normal 35px/1 'dashicons' !important;
    12666         speak: none;
    12667         top: 5px;
    12668         width: 50px;
    12669         text-align: center;
    12670         -webkit-font-smoothing: antialiased;
    12671         -moz-osx-font-smoothing: grayscale;
    12672     }
    12673 
    12674     #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
    12675         content: '\f102';
    12676         padding: 0;
    12677     }
    12678 
    12679     #wpadminbar #wp-admin-bar-my-sites > .ab-item:before {
    12680         content: '\f112';
    12681         font-size: 28px !important;
    12682         padding-top: 8px;
    12683         padding-left: 12px;
    12684     }
    12685 
    12686     #wpadminbar #wp-admin-bar-appearance {
    12687         margin-top: 0;
    12688     }
    12689 
    12690     #wpadminbar .quicklinks li .blavatar:before {
    12691         display: none;
    12692     }
    12693 
    12694     /* Search */
    12695     #wpadminbar #wp-admin-bar-search {
    12696         display: none;
    12697     }
    12698 
    12699     /* New Content */
    12700     #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
    12701         top: 0;
    12702         line-height: 53px;
    12703         height: 46px !important;
    12704         text-align: center;
    12705         width: 50px;
    12706         display: block;
    12707     }
    12708 
    12709     /* Updates */
    12710     #wpadminbar #wp-admin-bar-updates {
    12711         text-align: center;
    12712     }
    12713 
    12714     #wpadminbar #wp-admin-bar-updates .ab-icon:before {
    12715         top: 3px;
    12716     }
    12717 
    12718     /* Comments */
    12719     #wpadminbar #wp-admin-bar-comments .ab-icon {
    12720         margin: 0;
    12721     }
    12722 
    12723     #wpadminbar #wp-admin-bar-comments .ab-icon:before {
    12724         display: block;
    12725         font-size: 34px;
    12726         height: 46px;
    12727         line-height: 47px;
    12728         top: 0;
    12729     }
    12730 
    12731     /* My Account */
    12732     #wpadminbar #wp-admin-bar-my-account > a {
    12733         position: relative;
    12734         white-space: nowrap;
    12735         text-indent: 100%;
    12736         width: 28px;
    12737         padding: 0 10px;
    12738     }
    12739 
    12740     #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
    12741         position: absolute;
    12742         top: 13px;
    12743         right: 10px;
    12744         width: 26px;
    12745         height: 26px;
    12746     }
    12747 
    12748     #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
    12749         padding: 0;
    12750     }
    12751 
    12752     #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
    12753         display: none;
    12754     }
    12755 
    12756     #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
    12757         margin: 0;
    12758     }
    12759 
    12760     #wpadminbar #wp-admin-bar-user-info .display-name {
    12761         height: auto;
    12762         font-size: 16px;
    12763         line-height: 24px;
    12764         color: #eee;
    12765     }
    12766 
    12767     #wpadminbar #wp-admin-bar-user-info a {
    12768         padding-top: 4px;
    12769     }
    12770 
    12771     #wpadminbar #wp-admin-bar-user-info .username {
    12772         line-height: 0.8 !important;
    12773         margin-bottom: -2px;
    12774     }
    12775 
    12776     /* Hide all third party items */
    12777     #wp-admin-bar-top-secondary > li {
    12778         display: none;
    12779     }
    12780 
    12781     #wp-admin-bar-root-default li#wp-admin-bar-wp-logo,
    12782     #wp-admin-bar-root-default li#wp-admin-bar-my-sites,
    12783     #wp-admin-bar-root-default li#wp-admin-bar-site-name,
    12784     #wp-admin-bar-root-default li#wp-admin-bar-new-content,
    12785     #wp-admin-bar-root-default li#wp-admin-bar-comments,
    12786     #wp-admin-bar-root-default li#wp-admin-bar-new-content,
    12787     #wp-admin-bar-top-secondary li#wp-admin-bar-my-account {
    12788         display: block;
    12789     }
    12790 
    12791     #wpadminbar ul#wp-admin-bar-root-default > li {
    12792         margin-right: 0;
    12793     }
    12794 
    12795     /* Experimental fix for touch toolbar dropdown positioning */
    12796     #wpadminbar .ab-top-menu,
    12797     #wpadminbar .ab-top-secondary,
    12798     #wpadminbar #wp-admin-bar-wp-logo,
    12799     #wpadminbar #wp-admin-bar-my-sites,
    12800     #wpadminbar #wp-admin-bar-site-name,
    12801     #wpadminbar #wp-admin-bar-updates,
    12802     #wpadminbar #wp-admin-bar-comments,
    12803     #wpadminbar #wp-admin-bar-new-content,
    12804     #wpadminbar #wp-admin-bar-my-account {
    12805         position: static;
    12806     }
    12807 
    12808     #wpadminbar #wp-admin-bar-comments,
    12809     #wpadminbar #wp-admin-bar-new-content,
    12810     #wpadminbar #wp-admin-bar-my-account {
    12811         float: right;
    12812     }
    12813 
    12814     #wpadminbar #wp-admin-bar-comments .ab-sub-wrapper,
    12815     #wpadminbar #wp-admin-bar-new-content .ab-sub-wrapper,
    12816     #wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper {
    12817         right: 0;
    12818         left: auto;
    12819     }
    12820 
    12821     #wpadminbar ul#wp-admin-bar-root-default > li#wp-admin-bar-comments {
    12822         margin-right: 100px;
    12823     }
    12824 
    12825     #wpadminbar ul#wp-admin-bar-root-default > li#wp-admin-bar-new-content {
    12826         margin-right: -100px;
    12827     }
    12828 
    12829     #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
    12830         margin-right: -150px;
    12831     }
    12832 
    12833     .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
    12834         margin-right: 0;
    12835     }
    12836 }
    12837 
    12838 /* Horizontal */
    12839 @media screen and (max-width: 480px) and (orientation: landscape) {
    12840     #wpadminbar {
    12841         position: absolute;
    12842     }
    1284312553}
    1284412554
     
    1285312563        z-index: 400;
    1285412564    }
    12855 
    12856     #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
    12857         position: fixed;
    12858         width: 100%;
    12859         left: 0;
    12860     }
    12861 
    12862     #wpadminbar .menupop .menupop > .ab-item:before {
    12863         display: none;
    12864     }
    12865 
    12866     #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
    12867         margin-left: 0;
    12868     }
    12869 
    12870     #wpadminbar #wp-admin-bar-updates,
    12871     #wpadminbar #wp-admin-bar-view,
    12872     #wpadminbar #wp-admin-bar-edit {
    12873         display: none;
    12874     }
    12875 }
    12876 
    12877 @media screen and (max-width: 350px) {
    12878     #wpadminbar #wp-admin-bar-wp-logo {
    12879         display: none;
    12880     }
    12881 }
     12565}
  • trunk/src/wp-includes/css/admin-bar.css

    r26132 r26176  
    77    text-transform: none;
    88    letter-spacing: normal;
    9     line-height: 30px;
    109    font: normal 13px/32px "Open Sans", sans-serif;
    1110    color: #eee;
     
    1817    -o-transition:      none;
    1918    transition:         none;
    20 }
    21 
    22 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default *,
    23 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary * {
    24     text-transform: none;
    25     letter-spacing: normal;
    26     font: normal 13px/32px "Open Sans", sans-serif;
    2719}
    2820
     
    218210}
    219211
     212#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
    220213#wpadminbar .ab-icon,
    221214#wpadminbar .ab-item:before {
    222215    position: relative;
    223216    float: left;
    224     font: normal 20px/1 'dashicons' !important;
     217    font: normal 20px/1 'dashicons';
    225218    speak: none;
    226219    padding: 4px 0;
     
    433426#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
    434427    content: '\f120';
     428    top: 2px;
    435429}
    436430
     
    668662    background-image: none;
    669663}
     664
     665
     666@media screen and ( max-width: 782px ) {
     667    /* Toolbar Touchification*/
     668    html.wp-toolbar {
     669        padding-top: 46px;
     670    }
     671
     672    html #wpadminbar {
     673        left: 0 !important;
     674        z-index: 500 !important;
     675        height: 46px;
     676        min-width: 300px;
     677
     678        -webkit-transform: translate3d(0, 0, 0);
     679        -webkit-backface-visibility: hidden;
     680        -webkit-transition: 0;
     681        transform: translate3d(0, 0, 0);
     682        backface-visibility: hidden;
     683        transition: 0;
     684    }
     685
     686    #wpadminbar * {
     687        font: normal 14px/32px "Open Sans", sans-serif;
     688    }
     689
     690    #wpadminbar .quicklinks li > a {
     691        padding: 0;
     692        height: 46px;
     693        line-height: 46px;
     694        width: auto;
     695    }
     696
     697    #wpadminbar .ab-icon {
     698        font: 40px/1 dashicons !important;
     699        margin: 0;
     700        padding: 0;
     701        width: 50px;
     702        height: 46px;
     703    }
     704
     705    #wpadminbar .ab-icon:before {
     706        text-align: center;
     707    }
     708
     709    #wpadminbar .ab-submenu {
     710        padding: 0;
     711    }
     712
     713    #wpadminbar .ab-label {
     714        display: none;
     715    }
     716
     717    #wpadminbar .menupop li:hover > .ab-sub-wrapper,
     718    #wpadminbar .menupop li.hover > .ab-sub-wrapper {
     719        margin-top: -46px;
     720    }
     721
     722    #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
     723        padding-right: 30px;
     724    }
     725
     726    #wpadminbar .menupop .menupop > .ab-item:before {
     727        top: 10px;
     728        right: 6px;
     729    }
     730
     731    #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
     732        font-size: 16px;
     733        padding: 6px 15px 12px;
     734    }
     735
     736    #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
     737        display: none;
     738    }
     739
     740    /* WP logo */
     741    #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
     742        padding: 0;
     743    }
     744
     745    #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
     746        padding: 0;
     747        width: 50px;
     748        height: 46px;
     749        text-align: center;
     750        vertical-align: top;
     751    }
     752
     753    #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
     754        font: 28px/1 'dashicons' !important;
     755        top: -3px;
     756    }
     757
     758    #wpadminbar .ab-icon,
     759    #wpadminbar .ab-item:before {
     760        padding: 0;
     761    }
     762
     763    /* My Sites and "Site Title" menu */
     764    #wpadminbar #wp-admin-bar-my-sites > .ab-item,
     765    #wpadminbar #wp-admin-bar-site-name > .ab-item {
     766        text-indent: 100%;
     767        text-overflow: clip !important;
     768        width: 50px;
     769        padding: 0;
     770        color: #999;
     771        position: relative;
     772    }
     773   
     774    #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
     775    #wpadminbar .ab-icon,
     776    #wpadminbar .ab-item:before {
     777        padding: 0;
     778        margin-right: 0;
     779    }
     780
     781    #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
     782    #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
     783        display: block;
     784        text-indent: 0;
     785        font: normal 32px/1 'dashicons';
     786        speak: none;
     787        top: 7px;
     788        width: 50px;
     789        text-align: center;
     790        -webkit-font-smoothing: antialiased;
     791        -moz-osx-font-smoothing: grayscale;
     792    }
     793
     794    #wpadminbar #wp-admin-bar-appearance {
     795        margin-top: 0;
     796    }
     797
     798    #wpadminbar .quicklinks li .blavatar:before {
     799        display: none;
     800    }
     801
     802    /* Search */
     803    #wpadminbar #wp-admin-bar-search {
     804        display: none;
     805    }
     806
     807    /* New Content */
     808    #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
     809        top: 0;
     810        line-height: 53px;
     811        height: 46px !important;
     812        text-align: center;
     813        width: 50px;
     814        display: block;
     815    }
     816
     817    /* Updates */
     818    #wpadminbar #wp-admin-bar-updates {
     819        text-align: center;
     820    }
     821
     822    #wpadminbar #wp-admin-bar-updates .ab-icon:before {
     823        top: 3px;
     824    }
     825
     826    /* Comments */
     827    #wpadminbar #wp-admin-bar-comments .ab-icon {
     828        margin: 0;
     829    }
     830
     831    #wpadminbar #wp-admin-bar-comments .ab-icon:before {
     832        display: block;
     833        font-size: 34px;
     834        height: 46px;
     835        line-height: 47px;
     836        top: 0;
     837    }
     838
     839    /* My Account */
     840    #wpadminbar #wp-admin-bar-my-account > a {
     841        position: relative;
     842        white-space: nowrap;
     843        text-indent: 100%;
     844        width: 28px;
     845        padding: 0 10px;
     846    }
     847
     848    #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
     849        position: absolute;
     850        top: 13px;
     851        right: 10px;
     852        width: 26px;
     853        height: 26px;
     854    }
     855
     856    #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
     857        padding: 0;
     858    }
     859
     860    #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
     861        display: none;
     862    }
     863
     864    #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
     865        margin: 0;
     866    }
     867
     868    #wpadminbar #wp-admin-bar-user-info .display-name {
     869        height: auto;
     870        font-size: 16px;
     871        line-height: 24px;
     872        color: #eee;
     873    }
     874
     875    #wpadminbar #wp-admin-bar-user-info a {
     876        padding-top: 4px;
     877    }
     878
     879    #wpadminbar #wp-admin-bar-user-info .username {
     880        line-height: 0.8 !important;
     881        margin-bottom: -2px;
     882    }
     883
     884    /* Hide all third party items */
     885    #wp-admin-bar-top-secondary > li {
     886        display: none;
     887    }
     888
     889    #wp-admin-bar-root-default li#wp-admin-bar-wp-logo,
     890    #wp-admin-bar-root-default li#wp-admin-bar-my-sites,
     891    #wp-admin-bar-root-default li#wp-admin-bar-site-name,
     892    #wp-admin-bar-root-default li#wp-admin-bar-new-content,
     893    #wp-admin-bar-root-default li#wp-admin-bar-comments,
     894    #wp-admin-bar-root-default li#wp-admin-bar-new-content,
     895    #wp-admin-bar-top-secondary li#wp-admin-bar-my-account {
     896        display: block;
     897    }
     898
     899    #wpadminbar ul#wp-admin-bar-root-default > li {
     900        margin-right: 0;
     901    }
     902
     903    /* Experimental fix for touch toolbar dropdown positioning */
     904    #wpadminbar .ab-top-menu,
     905    #wpadminbar .ab-top-secondary,
     906    #wpadminbar #wp-admin-bar-wp-logo,
     907    #wpadminbar #wp-admin-bar-my-sites,
     908    #wpadminbar #wp-admin-bar-site-name,
     909    #wpadminbar #wp-admin-bar-updates,
     910    #wpadminbar #wp-admin-bar-comments,
     911    #wpadminbar #wp-admin-bar-new-content,
     912    #wpadminbar #wp-admin-bar-my-account {
     913        position: static;
     914    }
     915
     916    #wpadminbar #wp-admin-bar-comments,
     917    #wpadminbar #wp-admin-bar-new-content,
     918    #wpadminbar #wp-admin-bar-my-account {
     919        float: right;
     920    }
     921
     922    #wpadminbar #wp-admin-bar-comments .ab-sub-wrapper,
     923    #wpadminbar #wp-admin-bar-new-content .ab-sub-wrapper,
     924    #wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper {
     925        right: 0;
     926        left: auto;
     927    }
     928
     929    #wpadminbar ul#wp-admin-bar-root-default > li#wp-admin-bar-comments {
     930        margin-right: 100px;
     931    }
     932
     933    #wpadminbar ul#wp-admin-bar-root-default > li#wp-admin-bar-new-content {
     934        margin-right: -98px;
     935    }
     936
     937    #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
     938        margin-right: -150px;
     939    }
     940
     941    .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
     942        margin-right: 0;
     943    }
     944}
     945
     946/* Horizontal */
     947@media screen and (max-width: 480px) and (orientation: landscape) {
     948    #wpadminbar {
     949        position: absolute;
     950    }
     951}
     952
     953/* Smartphone */
     954@media screen and (max-width: 480px) {
     955    #moby6-overlay {
     956        position: fixed;
     957        top: 0;
     958        left: 0;
     959        width: 100%;
     960        height: 100%;
     961        z-index: 400;
     962    }
     963
     964    #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
     965        position: fixed;
     966        width: 100%;
     967        left: 0;
     968    }
     969
     970    #wpadminbar .menupop .menupop > .ab-item:before {
     971        display: none;
     972    }
     973
     974    #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
     975        margin-left: 0;
     976    }
     977
     978    #wpadminbar #wp-admin-bar-updates,
     979    #wpadminbar #wp-admin-bar-view,
     980    #wpadminbar #wp-admin-bar-edit {
     981        display: none;
     982    }
     983}
     984
     985@media screen and (max-width: 350px) {
     986    #wpadminbar #wp-admin-bar-wp-logo {
     987        display: none;
     988    }
     989}
Note: See TracChangeset for help on using the changeset viewer.