Make WordPress Core

Ticket #26669: 26669.diff

File 26669.diff, 521.1 KB (added by jorbin, 11 years ago)
  • Gruntfile.js

     
    22module.exports = function(grunt) {
    33        var path = require('path'),
    44                SOURCE_DIR = 'src/',
    5                 BUILD_DIR = 'build/';
     5                BUILD_DIR = 'build/',
     6                wp_admin_source = [
     7                        'common',
     8                        'text',
     9                        'forms',
     10                        'actions',
     11                        'notifications',
     12                        'header',
     13                        'navmenu',
     14                        'layoutblocks',
     15                        'dashboard',
     16                        'lists',
     17                        'edit',
     18                        'categories',
     19                        'tags',
     20                        'media',
     21                        'comments',
     22                        'themes',
     23                        'plugins',
     24                        'users',
     25                        'tools',
     26                        'settings',
     27                        'footer',
     28                        'about',
     29                        'overlay',
     30                        'customize',
     31                        'tabbedadmin',
     32                        'misc',
     33                        'localization',
     34                        'uncatagorized'
     35                ],
     36                wp_login_source = [
     37                        'common',
     38                        'login'
     39                ];
    640
    741        // Load tasks.
    842        require('matchdep').filterDev('grunt-*').forEach( grunt.loadNpmTasks );
     
    3064                                                src: [
    3165                                                        '**',
    3266                                                        '!**/.{svn,git}/**', // Ignore version control directories.
    33                                                         '!wp-includes/version.php' // Exclude version.php
     67                                                        '!wp-includes/version.php'  // Exclude version.php
    3468                                                ],
    3569                                                dest: BUILD_DIR
    3670                                        },
     
    93127                                        'wp-includes/css/*.css',
    94128                                        // Exceptions
    95129                                        '!wp-admin/css/theme.css', // Temporary file
     130                                        '!wp-admin/css/wp-admin-*.css',
     131                                        '!wp-admin/css/wp-login.css',
    96132                                        '!wp-admin/css/farbtastic.css'
    97133                                ]
    98134                        },
     135                        'wp-admin': {
     136                                expand: true,
     137                                cwd: BUILD_DIR,
     138                                dest: BUILD_DIR,
     139                                ext: '.min.css',
     140                                src: [
     141                                        'wp-admin/css/wp-admin.css',
     142                                        'wp-admin/css/wp-login.css'
     143                                ]
     144                        },
    99145                        rtl: {
    100146                                expand: true,
    101147                                cwd: BUILD_DIR,
     
    127173                                ext: '-rtl.css',
    128174                                src: [
    129175                                        'wp-admin/css/*.css',
    130                                         'wp-includes/css/*.css'
     176                                        'wp-includes/css/*.css',
     177                                        '!wp-admin/css/wp-admin-*.css'
    131178                                ]
    132179                        },
     180                        'wp-admin': {
     181                                options: {
     182                                        swapLtrRtlInUrl: false
     183                                },
     184                                expand: true,
     185                                cwd: BUILD_DIR,
     186                                dest: BUILD_DIR,
     187                                ext: '-rtl.css',
     188                                src: [
     189                                        'wp-admin/css/wp-admin.css'
     190                                ]
     191                        },
    133192                        colors: {
    134193                                options: {
    135194                                        processContent: function( src ) {
     
    283342                                        BUILD_DIR + 'wp-includes/js/tinymce/plugins/*/plugin.min.js'
    284343                                ],
    285344                                dest: BUILD_DIR + 'wp-includes/js/tinymce/wp-tinymce.js'
     345                        },
     346                        'wp-admin': {
     347                                options: {
     348                                        separator: '\n'
     349                                },
     350                                src: wp_admin_source.map( function( file ) {
     351                                        return SOURCE_DIR + 'wp-admin/css/wp-admin-' + file + '.css';
     352                                }),
     353                                dest: BUILD_DIR + 'wp-admin/css/wp-admin.css'
     354                        },
     355                        'wp-login': {
     356                                options: {
     357                                        separator: '\n'
     358                                },
     359                                src: wp_login_source.map( function( file ) {
     360                                        return SOURCE_DIR + 'wp-admin/css/wp-admin-' + file + '.css';
     361                                }),
     362                                dest: BUILD_DIR + 'wp-admin/css/wp-login.css'
    286363                        }
    287364                },
    288365                compress: {
     
    348425
    349426        // Register tasks.
    350427
     428        // wp-admin.css
     429        grunt.registerTask('build:wpadmincss', ['concat:wp-admin', 'concat:wp-login', 'cssmin:wp-admin', 'cssjanus:wp-admin']);
     430
    351431        // Copy task.
    352432        grunt.registerTask('copy:all', ['copy:files', 'copy:version']);
    353433
     
    358438        grunt.registerTask('colors', ['sass:colors']);
    359439
    360440        // Build task.
    361         grunt.registerTask('build', ['clean:all', 'copy:all', 'cssmin:core', 'colors', 'rtl', 'cssmin:rtl', 'cssmin:colors',
    362                 'uglify:core', 'concat:tinymce', 'compress:tinymce', 'clean:tinymce', 'jsvalidate:build']);
     441        grunt.registerTask('build', ['clean:all', 'copy:all', 'cssmin:core', 'colors',
     442                'rtl', 'cssmin:rtl', 'cssmin:colors', 'build:wpadmincss', 'uglify:core',
     443                'concat:tinymce', 'compress:tinymce', 'clean:tinymce', 'jsvalidate:build']);
    363444
    364445        // Testing tasks.
    365446        grunt.registerMultiTask('phpunit', 'Runs PHPUnit tests, including the ajax and multisite tests.', function() {
  • src/wp-admin/css/wp-admin-about.css

     
     1/*------------------------------------------------------------------------------
     2  22.0 - About Pages
     3------------------------------------------------------------------------------*/
     4
     5.about-wrap {
     6        position: relative;
     7        margin: 25px 40px 0 20px;
     8        max-width: 1050px; /* readability */
     9
     10        font-size: 15px;
     11}
     12
     13.about-wrap div.updated,
     14.about-wrap div.error {
     15        display: none !important;
     16}
     17
     18.about-wrap hr {
     19        border: 0;
     20        height: 0;
     21        margin: 0;
     22        border-top: 1px solid rgba(0, 0, 0, 0.1);
     23}
     24
     25.about-wrap img {
     26        margin: 0.5em 0 0.5em 5px;
     27        max-width: 100%;
     28}
     29
     30/* Typography */
     31
     32.about-wrap p {
     33        line-height: 1.6em;
     34        font-size: 14px;
     35}
     36
     37.about-wrap h1 {
     38        margin: 0.2em 200px 0 0;
     39        color: #333;
     40        line-height: 1.2em;
     41        font-size: 2.8em;
     42        font-weight: 400;
     43}
     44
     45.about-wrap h4 {
     46        color: #222;
     47}
     48
     49.about-wrap .about-text,
     50.about-wrap p.about-description,
     51.about-wrap li.wp-person a.web {
     52        font-weight: normal;
     53        line-height: 1.6em;
     54        font-size: 19px;
     55}
     56
     57.about-description {
     58        margin-top: 1.4em;
     59}
     60
     61.about-text {
     62        margin: 1em 200px 1em 0;
     63        min-height: 60px;
     64        color: #777;
     65        font-size: 24px;
     66}
     67
     68.about-wrap .changelog h2.about-headline-callout {
     69        margin: 1.1em 0 0.2em;
     70        font-size: 2.4em;
     71        font-weight: 300;
     72        line-height: 1.3;
     73        text-align: center;
     74}
     75
     76.about-wrap h3 {
     77        margin: 1em 0 .6em;
     78        font-size: 1.5em;
     79        line-height: 1.5em;
     80}
     81
     82.about-wrap .feature-section h4 {
     83        margin: 1.4em 0 0.6em 0;
     84        font-size: 1.2em;
     85}
     86
     87.about-wrap .feature-section p {
     88        margin-top: 0.6em;
     89}
     90
     91.about-wrap code,
     92.about-wrap ol li p {
     93        font-size: 14px;
     94}
     95
     96/* 3.8 Images */
     97
     98.about-wrap .about-colors-img {
     99        bottom: -25px;
     100}
     101
     102.about-wrap .about-themes-img {
     103        bottom: -38px;
     104}
     105
     106.about-wrap .about-overview-img {
     107        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     108        margin: 0;
     109}
     110
     111.about-colors-img img,
     112.about-themes-img img {
     113        margin: 0 0;
     114        padding: 0;
     115        line-height: 1;
     116}
     117
     118/* Point Releases */
     119
     120.about-wrap .point-releases {
     121        margin-top: 5px;
     122        border-bottom: 1px solid #dfdfdf;
     123}
     124
     125.about-wrap .changelog.point-releases h3 {
     126        padding-top: 35px;
     127}
     128
     129.about-wrap .changelog.point-releases h3:first-child {
     130        padding-top: 7px;
     131}
     132
     133/* WordPress Version Badge */
     134
     135.wp-badge {
     136        background: #0074a2 url('../images/w-logo-white.png?ver=20131202') no-repeat;
     137        background: #0074a2, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat; /* multiple backgrounds are ignored by browsers that don't support SVGs */
     138        background-position: center 24px;
     139        background-size: 85px 85px;
     140        color: #78c8e6;
     141        font-size: 14px;
     142        text-align: center;
     143        font-weight: 600;
     144        margin: 5px 0 0;
     145        padding-top: 120px;
     146        height: 40px;
     147        display: inline-block;
     148        width: 150px;
     149        text-rendering: optimizeLegibility;
     150
     151        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
     152        box-shadow:                     0 1px 3px rgba(0,0,0,0.2);
     153}
     154
     155
     156.about-wrap .wp-badge {
     157        position: absolute;
     158        top: 0;
     159        right: 0;
     160}
     161
     162/* Tabs */
     163
     164.about-wrap h2.nav-tab-wrapper {
     165        padding-left: 6px;
     166}
     167
     168.about-wrap h2 .nav-tab {
     169        padding: 4px 15px 6px;
     170        margin: 0 3px -1px 0;
     171        font-size: 18px;
     172        vertical-align: top;
     173        border-width: 1px;
     174}
     175
     176/* Changelog / Update screen */
     177
     178.about-wrap .feature-section {
     179        padding-bottom: 20px;
     180}
     181
     182.about-wrap .feature-section.col {
     183        margin-bottom: 0;
     184}
     185
     186.about-wrap .feature-section.center-col > div {
     187        margin: auto;
     188        width: 60%;
     189}
     190
     191.about-wrap .about-colors .one-col > div {
     192        width: 100%;
     193}
     194
     195.about-wrap .feature-section.two-col > div {
     196        position: relative;
     197        width: 50%;
     198        float: left;
     199}
     200
     201.about-wrap .feature-section.three-col > div {
     202        position: relative;
     203        width: 29.95%;
     204        margin-right: 4.999999999%;
     205        float: left;
     206}
     207
     208.about-wrap .feature-section.col .last-feature {
     209        margin-right: 0;
     210}
     211
     212.about-wrap .about-updates img,
     213.about-wrap .about-twentyfourteen img {
     214        margin: 2em 0 0 0;
     215        border: 1px solid #ddd;
     216        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     217        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     218}
     219
     220.about-wrap .about-twentyfourteen img {
     221        margin-top: 1em;
     222}
     223
     224.about-wrap .changelog .feature-section {
     225        overflow: hidden;
     226}
     227
     228.about-wrap .about-colors .scheme-list {
     229        margin-bottom: 1em;
     230}
     231
     232.about-wrap .about-colors .color-option {
     233        padding-top: 10px;
     234}
     235.about-wrap .about-colors .color-option label {
     236        display: inline-block;
     237        margin: 0.25em 0 0.5em;
     238}
     239
     240.about-wrap .feature-section.two-col div p {
     241        margin-right: 3%;
     242}
     243
     244.about-wrap .feature-section div p img {
     245        float: right;
     246        margin-left: 10px;
     247        max-width: 20%;
     248}
     249
     250.about-wrap .changelog li {
     251        list-style-type: disc;
     252        margin-left: 3em;
     253}
     254
     255/* Return to Dashboard Home link */
     256
     257.about-wrap .return-to-dashboard {
     258        margin: 30px 0 0 -5px;
     259        font-size: 14px;
     260        font-weight: bold;
     261}
     262
     263.about-wrap .return-to-dashboard a {
     264        text-decoration: none;
     265        padding: 0 5px;
     266}
     267
     268/* Credits */
     269
     270.about-wrap h4.wp-people-group {
     271        margin-top: 2.6em;
     272        font-size: 16px;
     273}
     274
     275.about-wrap ul.wp-people-group {
     276        overflow: hidden;
     277        padding: 0 5px;
     278        margin: 0 -15px 0 -5px;
     279}
     280
     281.about-wrap ul.compact {
     282        margin-bottom: 0
     283}
     284
     285.about-wrap li.wp-person {
     286        float: left;
     287        margin-right: 10px;
     288}
     289
     290.about-wrap li.wp-person img.gravatar {
     291        float: left;
     292        margin: 0 10px 10px 0;
     293        padding: 2px;
     294        width: 60px;
     295        height: 60px;
     296}
     297
     298.about-wrap ul.compact li.wp-person img.gravatar {
     299        width: 30px;
     300        height: 30px;
     301}
     302
     303/* @todo: combine this */
     304.about-wrap li.wp-person {
     305        height: 70px;
     306        width: 280px;
     307        padding-bottom: 15px;
     308}
     309
     310.about-wrap ul.compact li.wp-person {
     311        height: auto;
     312        width: 180px;
     313        padding-bottom: 0;
     314        margin-bottom: 0;
     315}
     316
     317.about-wrap #wp-people-group-validators + p.wp-credits-list {
     318        margin-top: 0;
     319}
     320
     321.about-wrap li.wp-person a.web {
     322        display: block;
     323        margin: 6px 0 2px;
     324        font-size: 16px;
     325        text-decoration: none;
     326}
     327
     328.about-wrap p.wp-credits-list a {
     329        white-space: nowrap;
     330}
     331
     332/* Freedoms */
     333
     334.freedoms-php .about-wrap ol {
     335        margin: 40px 60px;
     336}
     337
     338.freedoms-php .about-wrap ol li {
     339        list-style-type: decimal;
     340        font-weight: bold;
     341}
     342
     343.freedoms-php .about-wrap ol p {
     344        font-weight: normal;
     345        margin: 0.6em 0;
     346}
     347
     348
  • src/wp-admin/css/wp-admin-actions.css

    Property changes on: src/wp-admin/css/wp-admin-about.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1#major-publishing-actions {
     2        padding: 10px;
     3        clear: both;
     4        border-top: 1px solid #ddd;
     5        background: #f5f5f5;
     6}
     7
     8#delete-action {
     9        line-height: 28px;
     10        vertical-align: middle;
     11        text-align: left;
     12        float: left;
     13}
     14
     15#publishing-action {
     16        text-align: right;
     17        float: right;
     18        line-height: 23px;
     19}
     20
     21#publishing-action .spinner {
     22        float: left;
     23}
     24
     25#misc-publishing-actions {
     26        padding: 6px 0 0;
     27}
     28
     29.misc-pub-section {
     30        padding: 6px 10px 8px;
     31}
     32
     33#minor-publishing-actions {
     34        padding: 10px 10px 0 10px;
     35        text-align: right;
     36}
     37
     38#save-post {
     39        float: left;
     40}
     41
     42.preview {
     43        float: right;
     44}
     45
     46#sticky-span {
     47        margin-left: 18px;
     48}
     49
     50.side-info {
     51        margin: 0;
     52        padding: 4px;
     53        font-size: 11px;
     54}
     55
     56.side-info h5 {
     57        padding-bottom: 7px;
     58        font-size: 14px;
     59        margin: 12px 2px 5px;
     60        border-bottom: 1px solid #dadada;
     61}
     62
     63.side-info ul {
     64        margin: 0;
     65        padding-left: 18px;
     66        list-style: square;
     67        color: #666;
     68}
     69
     70.approve,
     71.unapproved .unapprove {
     72        display: none;
     73}
     74
     75.unapproved .approve,
     76.spam .approve,
     77.trash .approve {
     78        display: inline;
     79}
     80
     81td.action-links,
     82th.action-links {
     83        text-align: right;
     84}
     85
     86
     87
  • src/wp-admin/css/wp-admin-categories.css

    Property changes on: src/wp-admin/css/wp-admin-actions.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1.category-adder {
     2        margin-left: 120px;
     3        padding: 4px 0;
     4}
     5
     6.category-adder h4 {
     7        margin: 0 0 8px;
     8}
     9
     10#side-sortables .category-adder {
     11        margin: 0;
     12}
     13
     14#post-body ul.add-menu-item-tabs {
     15        float: left;
     16        width: 120px;
     17        text-align: right;
     18        /* Negative margin for the sake of those without JS: all tabs display */
     19        margin: 0 -120px 0 5px;
     20        padding: 0;
     21}
     22
     23ul.add-menu-item-tabs li {
     24        padding: 3px 5px 3px 8px;
     25}
     26
     27#post-body ul.add-menu-item-tabs li.tabs {
     28        -webkit-border-top-left-radius: 3px;
     29        -webkit-border-bottom-left-radius: 3px;
     30        border-top-left-radius: 3px;
     31        border-bottom-left-radius: 3px;
     32}
     33
     34.wp-tab-panel,
     35.categorydiv div.tabs-panel,
     36.customlinkdiv div.tabs-panel,
     37.posttypediv div.tabs-panel,
     38.taxonomydiv div.tabs-panel {
     39        min-height: 42px;
     40        max-height: 200px;
     41        overflow: auto;
     42        padding: 0 0.9em;
     43        border: solid 1px #dfdfdf;
     44        background-color: #fdfdfd;
     45}
     46
     47div.tabs-panel-active {
     48        display:block;
     49}
     50
     51div.tabs-panel-inactive {
     52        display:none;
     53}
     54
     55#front-page-warning,
     56#front-static-pages ul,
     57ul.export-filters,
     58.inline-editor ul.cat-checklist ul,
     59.categorydiv ul.categorychecklist ul,
     60.customlinkdiv ul.categorychecklist ul,
     61.posttypediv ul.categorychecklist ul,
     62.taxonomydiv ul.categorychecklist ul {
     63        margin-left: 18px;
     64}
     65
     66ul.categorychecklist li {
     67        margin: 0;
     68        padding: 0;
     69        line-height: 22px;
     70        word-wrap: break-word;
     71}
     72
     73.categorydiv .tabs-panel,
     74.customlinkdiv .tabs-panel,
     75.posttypediv .tabs-panel,
     76.taxonomydiv .tabs-panel {
     77        border-width: 3px;
     78        border-style: solid;
     79}
     80
     81.form-wrap p,
     82.form-wrap label {
     83        font-size: 11px;
     84}
     85
     86.form-wrap label {
     87        display: block;
     88        padding: 2px;
     89        font-size: 12px;
     90}
     91
     92.form-field input,
     93.form-field textarea {
     94        border-style: solid;
     95        border-width: 1px;
     96        width: 95%;
     97}
     98
     99p.description,
     100.form-wrap p {
     101        margin: 2px 0 5px;
     102        color: #666;
     103}
     104
     105p.help,
     106p.description,
     107span.description,
     108.form-wrap p {
     109        font-size: 13px;
     110        font-style: italic;
     111}
     112
     113.form-wrap .form-field {
     114        margin: 0 0 10px;
     115        padding: 8px 0;
     116}
     117
     118.form-wrap .form-field #parent {
     119        max-width: 100%;
     120}
     121
     122.col-wrap h3 {
     123        margin: 12px 0;
     124        font-size: 1.1em;
     125}
     126
     127.col-wrap p.submit {
     128        margin-top: -10px;
     129}
     130
     131
     132
  • src/wp-admin/css/wp-admin-comments.css

    Property changes on: src/wp-admin/css/wp-admin-categories.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1/*------------------------------------------------------------------------------
     2  15.0 - Comments Screen
     3------------------------------------------------------------------------------*/
     4
     5.form-table {
     6        border-collapse: collapse;
     7        margin-top: 0.5em;
     8        width: 100%;
     9        clear: both;
     10}
     11
     12.form-table,
     13.form-table td,
     14.form-table th,
     15.form-table td p,
     16.form-wrap label {
     17        font-size: 14px;
     18}
     19
     20.form-table td {
     21        margin-bottom: 9px;
     22        padding: 15px 10px;
     23        line-height: 1.3;
     24        vertical-align: middle;
     25}
     26
     27.form-table th,
     28.form-wrap label {
     29        color: #222;
     30        font-weight: normal;
     31        text-shadow: none;
     32        vertical-align: baseline;
     33}
     34
     35.form-table th {
     36        vertical-align: top;
     37        text-align: left;
     38        padding: 20px 10px 20px 0;
     39        width: 200px;
     40        line-height: 1.3;
     41        font-weight: 600;
     42}
     43
     44.form-table th.th-full {
     45        width: auto;
     46        font-weight: 400;
     47}
     48
     49.form-table input.tog {
     50        margin-top: 2px;
     51        margin-right: 2px;
     52        float: left;
     53}
     54
     55.form-table td p {
     56        margin-top: 4px;
     57        margin-bottom: 0;
     58}
     59
     60.form-table td fieldset label {
     61        margin: 0.25em 0 0.5em !important;
     62        display: inline-block;
     63}
     64
     65.form-table td fieldset label,
     66.form-table td fieldset p,
     67.form-table td fieldset li {
     68        line-height: 1.4em;
     69}
     70
     71.form-table input.tog,
     72.form-table input[type=radio] {
     73        margin-top: -4px;
     74        margin-right: 4px;
     75        float: none;
     76}
     77
     78.commentlist li {
     79        padding: 1em 1em .2em;
     80        margin: 0;
     81        border-bottom: 1px solid #ccc;
     82}
     83
     84.commentlist li li {
     85        border-bottom: 0;
     86        padding: 0;
     87}
     88
     89.commentlist p {
     90        padding: 0;
     91        margin: 0 0 .8em;
     92}
     93
     94#submitted-on,
     95.submitted-on {
     96        color: #777;
     97}
     98
     99/* reply to comments */
     100#replyrow td {
     101        padding: 2px;
     102}
     103
     104#replysubmit {
     105        margin: 0;
     106        padding: 0 5px 3px;
     107        text-align: center;
     108}
     109
     110#replysubmit .spinner {
     111        padding: 2px 0 0;
     112        vertical-align: top;
     113        float: right;
     114}
     115
     116#replysubmit .button {
     117        margin-right: 5px;
     118}
     119
     120#replysubmit .error {
     121        color: red;
     122        line-height: 21px;
     123        text-align: center;
     124}
     125
     126#replyrow h5 {
     127        margin: .2em 0 0;
     128        padding: 0 5px;
     129        line-height: 1.4em;
     130        font-size: 1em;
     131}
     132
     133#edithead .inside {
     134        float: left;
     135        padding: 3px 0 2px 5px;
     136        margin: 0;
     137        text-align: center;
     138}
     139
     140#edithead .inside input {
     141        width: 180px;
     142}
     143
     144#edithead label {
     145        padding: 2px 0;
     146}
     147
     148#replycontainer {
     149        padding: 5px;
     150}
     151
     152#replycontent {
     153        height: 120px;
     154        -webkit-box-shadow: none;
     155        box-shadow: none;
     156}
     157
     158#replyerror {
     159        border-color: #ddd;
     160        background-color: #f9f9f9;
     161}
     162
     163.comment-php .wp-editor-area {
     164        height: 200px;
     165}
     166
     167.comment-ays {
     168        margin-bottom: 0;
     169        border-bottom-style: solid;
     170        border-bottom-width: 1px;
     171}
     172
     173.comment-ays .alt {
     174        background-color: transparent;
     175}
     176
     177.trash-undo-inside,
     178.spam-undo-inside {
     179        margin: 1px 8px 1px 0;
     180        line-height: 16px;
     181}
     182
     183.spam-undo-inside .avatar,
     184.trash-undo-inside .avatar {
     185        height: 20px;
     186        width: 20px;
     187        margin-right: 8px;
     188        vertical-align: middle;
     189}
     190
     191.stuffbox .editcomment {
     192        clear: none;
     193}
     194
     195#comment-status-radio p {
     196        margin: 3px 0 5px;
     197}
     198
     199#comment-status-radio input {
     200        margin: 2px 3px 5px 0;
     201        vertical-align: middle;
     202}
     203
     204#comment-status-radio label {
     205        padding: 5px 0;
     206}
     207
     208.commentlist .avatar {
     209        vertical-align: text-top;
     210}
     211
     212#the-comment-list tr.undo,
     213#the-comment-list div.undo {
     214        background-color: #f4f4f4;
     215}
     216
     217#the-comment-list .unapproved th,
     218#the-comment-list .unapproved td {
     219        background-color: #fefaf7;
     220}
     221
     222#the-comment-list .unapproved th.check-column {
     223        border-left: 4px solid #d54e21;
     224}
     225
     226#the-comment-list .unapproved th.check-column input {
     227        margin-left: 4px;
     228}
     229
     230#the-comment-list .approve a {
     231        color: #006505;
     232}
     233
     234#the-comment-list .unapprove a {
     235        color: #d98500;
     236}
     237
     238#the-comment-list th,
     239#the-comment-list td {
     240        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     241        box-shadow:                     inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     242}
     243
     244#the-comment-list tr:last-child th,
     245#the-comment-list tr:last-child td {
     246        -webkit-box-shadow: none;
     247        box-shadow: none;
     248}
     249
     250#the-comment-list tr.unapproved + tr.approved th,
     251#the-comment-list tr.unapproved + tr.approved td {
     252        border-top: 1px solid rgba(0, 0, 0, 0.03);
     253}
     254
     255/* table vim shortcuts */
     256.vim-current,
     257.vim-current th,
     258.vim-current td {
     259        background-color: #e4f2fd !important;
     260}
     261
     262
  • src/wp-admin/css/wp-admin-common.css

    Property changes on: src/wp-admin/css/wp-admin-comments.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1/* 2 column liquid layout */
     2#wpwrap {
     3        height: auto;
     4        min-height: 100%;
     5        width: 100%;
     6        position: relative;
     7        -webkit-font-smoothing: subpixel-antialiased;
     8}
     9
     10#wpcontent {
     11        height: 100%;
     12}
     13
     14#wpcontent,
     15#wpfooter {
     16        margin-left: 180px;
     17}
     18
     19.folded #wpcontent,
     20.folded #wpfooter {
     21        margin-left: 56px;
     22}
     23
     24#wpbody-content {
     25        padding-bottom: 65px;
     26        float: left;
     27        width: 100%;
     28        overflow: visible !important;
     29}
     30
     31#adminmenuback,
     32#adminmenuwrap,
     33#adminmenu,
     34#adminmenu .wp-submenu {
     35        width: 160px;
     36        background-color: #222;
     37}
     38
     39#adminmenuback {
     40        position: absolute;
     41        top: 0;
     42        bottom: 0;
     43        z-index: -1;
     44}
     45
     46#adminmenu {
     47        clear: left;
     48        margin: 12px 0 0;
     49        padding: 0;
     50        list-style: none;
     51}
     52
     53.folded #adminmenuback,
     54.folded #adminmenuwrap,
     55.folded #adminmenu,
     56.folded #adminmenu li.menu-top {
     57        width: 36px;
     58}
     59
     60/* inner 2 column liquid layout */
     61
     62.inner-sidebar {
     63        float: right;
     64        clear: right;
     65        display: none;
     66        width: 281px;
     67        position: relative;
     68}
     69
     70.columns-2 .inner-sidebar {
     71        margin-right: auto;
     72        width: 286px;
     73        display: block;
     74}
     75
     76.inner-sidebar #side-sortables,
     77.columns-2 .inner-sidebar #side-sortables {
     78        min-height: 300px;
     79        width: 280px;
     80        padding: 0;
     81}
     82
     83.has-right-sidebar .inner-sidebar {
     84        display: block;
     85}
     86
     87.has-right-sidebar #post-body {
     88        float: left;
     89        clear: left;
     90        width: 100%;
     91        margin-right: -2000px;
     92}
     93
     94.has-right-sidebar #post-body-content {
     95        margin-right: 300px;
     96        float: none;
     97        width: auto;
     98}
     99
     100/* 2 columns main area */
     101
     102#col-container,
     103#col-left,
     104#col-right {
     105        overflow: hidden;
     106        padding: 0;
     107        margin: 0;
     108}
     109
     110#col-left {
     111        width: 35%;
     112}
     113
     114#col-right {
     115        float: right;
     116        clear: right;
     117        width: 65%;
     118}
     119
     120.col-wrap {
     121        padding: 0 7px;
     122}
     123
     124/* utility classes */
     125.alignleft {
     126        float: left;
     127}
     128
     129.alignright {
     130        float: right;
     131}
     132
     133.textleft {
     134        text-align: left;
     135}
     136
     137.textright {
     138        text-align: right;
     139}
     140
     141.clear {
     142        clear: both;
     143}
     144
     145/* Hide visually but not from screen readers */
     146.screen-reader-text,
     147.screen-reader-text span,
     148.ui-helper-hidden-accessible {
     149        position: absolute;
     150        margin: -1px;
     151        padding: 0;
     152        height: 1px;
     153        width: 1px;
     154        overflow: hidden;
     155        clip: rect(0 0 0 0);
     156        border: 0;
     157}
     158
     159.screen-reader-shortcut {
     160        position: absolute;
     161        top: -1000em;
     162}
     163
     164.screen-reader-shortcut:focus {
     165        left: 6px;
     166        top: -25px;
     167        height: auto;
     168        width: auto;
     169        display: block;
     170        font-size: 14px;
     171        font-weight: 600;
     172        padding: 15px 23px 14px;
     173        background: #f1f1f1;
     174        color: #21759b;
     175        z-index: 100000;
     176        line-height: normal;
     177        -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
     178        box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
     179        text-decoration: none;
     180        outline: none;
     181}
     182
     183.hidden,
     184.js .closed .inside,
     185.js .hide-if-js,
     186.no-js .hide-if-no-js,
     187.js.wp-core-ui .hide-if-js,
     188.js .wp-core-ui .hide-if-js,
     189.no-js.wp-core-ui .hide-if-no-js,
     190.no-js .wp-core-ui .hide-if-no-js {
     191        display: none;
     192}
     193
     194/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
     195.widget-top,
     196.menu-item-handle,
     197.widget-inside,
     198#menu-settings-column .accordion-container,
     199#menu-management .menu-edit,
     200.manage-menus,
     201table.widefat,
     202.stuffbox,
     203p.popular-tags,
     204.widgets-holder-wrap,
     205.wp-editor-container,
     206.popular-tags,
     207.feature-filter,
     208.imgedit-group {
     209        border: 1px solid #e5e5e5;
     210        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
     211        box-shadow: 0 1px 1px rgba(0,0,0,0.04);
     212}
     213
     214table.widefat,
     215.wp-editor-container,
     216.stuffbox,
     217p.popular-tags,
     218.widgets-holder-wrap,
     219.popular-tags,
     220.feature-filter,
     221.imgedit-group {
     222        background: #fff;
     223}
     224
     225input[type="radio"]:checked + label:before,
     226#misc-publishing-actions label[for="post_status"]:before,
     227#post-body #visibility:before,
     228.curtime #timestamp:before,
     229#post-body .misc-pub-revisions:before,
     230span.wp-media-buttons-icon:before {
     231        color: #888;
     232}
     233
     234/* include margin and padding in the width calculation of input and textarea */
     235input,
     236input[type="text"],
     237input[type="password"],
     238input[type="number"],
     239input[type="search"],
     240input[type="email"],
     241input[type="url"],
     242textarea {
     243        -moz-box-sizing: border-box;
     244        -webkit-box-sizing: border-box;
     245        -ms-box-sizing: border-box; /* ie8 only */
     246        box-sizing: border-box;
     247}
     248
     249input[type="checkbox"],
     250input[type="radio"] {
     251        border: 1px solid #bbb;
     252        background: #fff;
     253        color: #555;
     254        clear: none;
     255        cursor: pointer;
     256        display: inline-block;
     257        line-height: 0;
     258        height: 16px;
     259        margin: -4px 4px 0 0;
     260        outline: 0;
     261        padding: 0 !important;
     262        text-align: center;
     263        vertical-align: middle;
     264        width: 16px;
     265        min-width: 16px;
     266        -webkit-appearance: none;
     267        -webkit-box-sizing: border-box;
     268        box-sizing: border-box;
     269        -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
     270        box-shadow:                     inset 0px 1px 2px rgba(0,0,0,0.1);
     271}
     272
     273.wp-core-ui input[type="reset"]:hover,
     274.wp-core-ui input[type="reset"]:active {
     275        color: #2ea2cc;
     276}
     277
     278td > input[type="checkbox"],
     279.wp-admin p input[type=checkbox],
     280.wp-admin p input[type=radio] {
     281        margin-top: 0;
     282}
     283
     284.wp-admin p label input[type=checkbox] {
     285        margin-top: -4px;
     286}
     287
     288.wp-admin p label input[type=radio] {
     289        margin-top: -2px;
     290}
     291
     292input[type=radio] {
     293        border-radius: 50%;
     294        margin-right: 4px;
     295        line-height: 10px;
     296}
     297
     298input:disabled,
     299input.disabled,
     300textarea:disabled,
     301textarea.disabled {
     302        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04);
     303        box-shadow:                     inset 0 1px 2px rgba(0,0,0,0.04);
     304        border-color: rgba(222, 222, 222, .75);
     305        background: rgba(255, 255, 255, .5);
     306        color: rgba(51, 51, 51, .5);
     307}
     308
     309input[type=checkbox]:disabled,
     310input[type=radio]:disabled,
     311input[type=checkbox]:disabled:checked:before,
     312input[type=radio]:disabled:checked:before {
     313        opacity: 0.7;
     314}
     315
     316input[type=checkbox]:checked:before,
     317input[type=radio]:checked:before {
     318        float: left;
     319        display: inline-block;
     320        vertical-align: middle;
     321        width: 16px;
     322        font: normal 21px/1 'dashicons';
     323        speak: none;
     324        -webkit-font-smoothing: antialiased;
     325        -moz-osx-font-smoothing: grayscale;
     326}
     327
     328input[type=checkbox]:checked:before {
     329        content: '\f147';
     330        margin: -3px 0 0 -4px;
     331        color: #1e8cbe;
     332}
     333
     334input[type=radio]:checked:before {
     335        content: '\2022';
     336        text-indent: -9999px;
     337        border-radius: 50px;
     338        font-size: 24px;
     339        width: 6px;
     340        height: 6px;
     341        margin: 4px;
     342        line-height: 16px;
     343        background-color: #1e8cbe;
     344}
     345
     346input.readonly, textarea.readonly {
     347        background-color: #ddd;
     348}
     349
     350@-moz-document url-prefix() {
     351        input[type=checkbox],
     352        input[type=radio],
     353        .form-table input.tog {
     354                margin-bottom: -1px;
     355        }
     356}
     357
     358/* Search */
     359input[type="search"] {
     360        -webkit-appearance: textfield;
     361}
     362
     363input[type="search"]::-webkit-search-decoration {
     364        display: none;
     365}
     366
     367.ie8 input[type="password"],
     368.ie8 .login form .input {
     369        font-family: sans-serif;
     370}
     371
     372/* general */
     373html,
     374body {
     375        height: 100%;
     376        margin: 0;
     377        padding: 0;
     378}
     379
     380html {
     381        background: #f1f1f1;
     382}
     383
     384body {
     385        color: #444;
     386        font-family: "Open Sans", sans-serif;
     387        font-size: 13px;
     388        line-height: 1.4em;
     389        min-width: 600px;
     390}
     391
     392body.iframe {
     393        min-width: 0;
     394        padding-top: 1px;
     395}
     396
     397iframe,
     398img {
     399        border: 0;
     400}
     401
     402td,
     403textarea,
     404input,
     405select,
     406button {
     407        font-family: inherit;
     408        font-size: inherit;
     409        font-weight: inherit;
     410}
     411
     412td,
     413textarea {
     414        line-height: inherit;
     415}
     416
     417textarea {
     418        overflow: auto;
     419}
     420
     421textarea,
     422input,
     423select {
     424        font-size: 14px;
     425        padding: 3px 5px;
     426        line-height: 15px;
     427        border-radius: 0; /* Reset mobile webkit's default element styling */
     428}
     429
     430textarea {
     431        padding: 2px 6px;
     432        line-height: 1.4;
     433}
     434
     435a {
     436        color: #0074a2;
     437        -webkit-transition-property: border, background, color;
     438        -moz-transition-property:        border, background, color;
     439        transition-property:             border, background, color;
     440        -webkit-transition-duration: .05s;
     441        -moz-transition-duration:        .05s;
     442        transition-duration:             .05s;
     443        -webkit-transition-timing-function: ease-in-out;
     444        -moz-transition-timing-function:        ease-in-out;
     445        transition-timing-function:                     ease-in-out;
     446}
     447
     448a,
     449input[type="text"],
     450input[type="password"],
     451input[type="number"],
     452input[type="search"],
     453input[type="email"],
     454input[type="url"],
     455textarea,
     456div,
     457select {
     458        outline: 0;
     459}
     460
     461.wp-admin input[type="file"] {
     462        padding: 3px 0;
     463}
     464
     465a:hover,
     466a:active {
     467        color: #2ea2cc;
     468}
     469
     470a:focus {
     471        color: #124964;
     472}
     473
     474a:focus,
     475a:active {
     476        outline: thin dotted;
     477}
     478
     479#adminmenu a:focus,
     480#adminmenu a:active,
     481.screen-reader-text:focus {
     482        outline: none;
     483}
     484
     485blockquote,
     486q {
     487        quotes: none;
     488}
     489
     490blockquote:before,
     491blockquote:after,
     492q:before,
     493q:after {
     494        content: '';
     495        content: none;
     496}
     497
     498p,
     499.wp_attachment_details label[for="content"] {
     500        font-size: 13px;
     501        line-height: 1.5;
     502        margin: 1em 0;
     503}
     504
     505blockquote {
     506        margin: 1em;
     507}
     508
     509label {
     510        cursor: pointer;
     511}
     512
     513li,
     514dd {
     515        margin-bottom: 6px;
     516}
     517
     518input,
     519select {
     520        margin: 1px;
     521        padding: 3px 5px;
     522}
     523
     524h1,
     525h2,
     526h3,
     527h4,
     528h5,
     529h6 {
     530        display: block;
     531        font-weight: 600;
     532}
     533
     534h1 {
     535        font-size: 2em;
     536        margin: .67em 0;
     537}
     538
     539h2 {
     540        color: #222;
     541        font-size: 1.5em;
     542        margin: .83em 0;
     543        font-weight: 400;
     544}
     545
     546h3 {
     547        color: #222;
     548        font-size: 1.3em;
     549        margin: 1em 0;
     550}
     551
     552h4 {
     553        font-size: 1em;
     554        margin: 1.33em 0;
     555}
     556
     557h5 {
     558        font-size: 0.83em;
     559        margin: 1.67em 0;
     560}
     561
     562h6 {
     563        font-size: 0.67em;
     564        margin: 2.33em 0;
     565}
     566
     567ul,
     568ol {
     569        padding: 0;
     570}
     571
     572ul {
     573        list-style: none;
     574}
     575
     576ol {
     577        list-style-type: decimal;
     578        margin-left: 2em;
     579}
     580
     581ul.ul-disc {
     582        list-style: disc outside;
     583}
     584
     585ul.ul-square {
     586        list-style: square outside;
     587}
     588
     589ol.ol-decimal {
     590        list-style: decimal outside;
     591}
     592
     593ul.ul-disc,
     594ul.ul-square,
     595ol.ol-decimal {
     596        margin-left: 1.8em;
     597}
     598
     599ul.ul-disc > li,
     600ul.ul-square > li,
     601ol.ol-decimal > li {
     602        margin: 0 0 0.5em;
     603}
     604
     605/* @noflip */
     606.code,
     607code {
     608        font-family: Consolas, Monaco, monospace;
     609        direction: ltr;
     610}
     611
     612input.code {
     613        padding-top: 6px;
     614}
     615
     616textarea.code {
     617        line-height: 1.4;
     618        padding: 4px 6px 1px 6px;
     619}
     620
     621kbd,
     622code {
     623        padding: 3px 5px 2px 5px;
     624        margin: 0 1px;
     625        background: #eaeaea;
     626        background: rgba(0,0,0,0.07);
     627        font-size: 13px;
     628}
     629
     630.subsubsub {
     631        list-style: none;
     632        margin: 8px 0 0;
     633        padding: 0;
     634        font-size: 13px;
     635        float: left;
     636        color: #666;
     637}
     638
     639.subsubsub a {
     640        line-height: 2;
     641        padding: .2em;
     642        text-decoration: none;
     643}
     644
     645.subsubsub a .count,
     646.subsubsub a.current .count {
     647        color: #999;
     648        font-weight: normal;
     649}
     650
     651.subsubsub a.current {
     652        font-weight: 600;
     653        border: none;
     654}
     655
     656.subsubsub li {
     657        display: inline-block;
     658        margin: 0;
     659        padding: 0;
     660        white-space: nowrap;
     661}
     662
     663/* .widefat - main style for tables */
     664.widefat {
     665        border-spacing: 0;
     666        width: 100%;
     667        clear: both;
     668        margin: 0;
     669}
     670
     671.widefat * {
     672        word-wrap: break-word;
     673}
     674
     675.widefat a {
     676        text-decoration: none;
     677}
     678
     679.widefat td,
     680.widefat th {
     681        padding: 8px 10px;
     682}
     683
     684.widefat thead th {
     685        border-bottom: 1px solid #e1e1e1;
     686}
     687
     688.widefat tfoot th {
     689        border-top: 1px solid #e1e1e1;
     690        border-bottom: none;
     691}
     692
     693.widefat .no-items td {
     694        border-bottom-width: 0;
     695}
     696
     697.widefat td {
     698        vertical-align: top;
     699}
     700
     701.widefat td,
     702.widefat td p,
     703.widefat td ol,
     704.widefat td ul {
     705        font-size: 13px;
     706        line-height: 1.5em;
     707}
     708
     709.widefat th {
     710        text-align: left;
     711        line-height: 1.3em;
     712        font-size: 14px;
     713}
     714
     715.widefat th input {
     716        margin: 0 0 0 8px;
     717        padding: 0;
     718        vertical-align: text-top;
     719}
     720
     721.widefat .check-column {
     722        width: 2.2em;
     723        padding: 6px 0 25px;
     724        vertical-align: top;
     725}
     726
     727.widefat th input[type=checkbox] {
     728        margin-top: -1px;
     729}
     730
     731.widefat tbody th.check-column {
     732        padding: 9px 0 22px;
     733}
     734
     735.widefat.media .check-column {
     736        padding-top: 8px;
     737}
     738
     739.widefat thead th.check-column,
     740.widefat tbody th.check-column,
     741.widefat tfoot th.check-column {
     742        padding: 11px 0 0 3px;
     743}
     744
     745.widefat thead th.check-column {
     746        padding-top: 10px;
     747}
     748
     749.plugins tbody th.check-column,
     750.plugins tbody {
     751        padding: 8px 0 0 2px;
     752}
     753
     754.plugins tbody th.check-column input[type=checkbox] {
     755        margin-top: 4px;
     756}
     757
     758#update-plugins-table tbody td p {
     759        margin-top: 0;
     760}
     761
     762#update-plugins-table tbody td p strong {
     763        font-size: 14px;
     764}
     765
     766.plugins thead th.check-column,
     767.plugins tfoot th.check-column,
     768.plugins .inactive th.check-column {
     769        padding-left: 6px;
     770}
     771
     772#update-plugins-table thead th.check-column,
     773#update-plugins-table tfoot th.check-column {
     774        padding-top: 11px;
     775}
     776
     777.update-php div.updated,
     778.update-php div.error {
     779        margin-left: 0;
     780}
     781
     782.no-js .widefat thead .check-column input,
     783.no-js .widefat tfoot .check-column input {
     784        display: none;
     785}
     786
     787.widefat .num,
     788.column-comments,
     789.column-links,
     790.column-posts {
     791        text-align: center;
     792}
     793
     794.widefat th#comments {
     795        vertical-align: middle;
     796}
     797
     798.wrap {
     799        margin: 10px 20px 0 2px;
     800}
     801
     802div.updated,
     803div.error {
     804        padding: 0 0.6em;
     805        margin: 5px 15px 2px;
     806}
     807
     808div.updated p,
     809div.error p {
     810        margin: 0.5em 0;
     811        padding: 2px;
     812}
     813
     814.wrap div.updated,
     815.wrap div.error,
     816.media-upload-form div.error {
     817        margin: 5px 0 15px;
     818}
     819
     820div.updated,
     821.login .message,
     822.press-this #message {
     823        border-left: 4px solid #7ad03a;
     824        padding: 1px 12px;
     825        background-color: #fff;
     826
     827        -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
     828        box-shadow:                     0px 1px 1px 0px rgba(0,0,0,0.1);
     829}
     830
     831div.error,
     832.login #login_error {
     833        border-left: 4px solid #dd3d36;
     834        background: #fff;
     835
     836        -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
     837        box-shadow:                     0px 1px 1px 0px rgba(0,0,0,0.1);
     838}
     839
     840div.error {
     841        padding: 1px 12px;
     842}
     843
     844.attention {
     845        color: #2ea2cc;
     846}
     847
     848.wrap h2,
     849.subtitle {
     850        font-weight: normal;
     851        margin: 0;
     852}
     853
     854.wrap h2 {
     855        font-size: 23px;
     856        font-weight: 400;
     857        padding: 9px 15px 4px 0;
     858        line-height: 29px;
     859}
     860
     861.subtitle {
     862        color: #777;
     863        font-size: 14px;
     864        padding-left: 25px;
     865}
     866
     867.wrap .add-new-h2,
     868.wrap .add-new-h2:active {
     869        margin-left: 4px;
     870        padding: 4px 8px;
     871        position: relative;
     872        top: -3px;
     873        text-decoration: none;
     874        border: none;
     875        border-radius: 2px;
     876        background: #e0e0e0;
     877        text-shadow: none;
     878        font-weight: 600;
     879        font-size: 13px;
     880}
     881
     882.wrap .add-new-h2:hover {
     883        background: #2ea2cc;
     884        color: #fff;
     885}
     886
     887.wrap h2.long-header {
     888        padding-right: 0;
     889}
     890
     891.wp-dialog {
     892        background-color: #fff;
     893}
     894
     895textarea,
     896input[type="text"],
     897input[type="password"],
     898input[type="email"],
     899input[type="number"],
     900input[type="search"],
     901input[type="tel"],
     902input[type="url"],
     903select {
     904        border: 1px solid #ddd;
     905        box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
     906        background-color: #fff;
     907        color: #333;
     908}
     909
     910select[disabled] {
     911        color: #7f7f7f;
     912}
     913
     914select:focus {
     915        border-color: #aaa;
     916}
     917
     918textarea:focus,
     919input[type="text"]:focus,
     920input[type="password"]:focus,
     921input[type="email"]:focus,
     922input[type="number"]:focus,
     923input[type="search"]:focus,
     924input[type="tel"]:focus,
     925input[type="url"]:focus,
     926input[type="checkbox"]:focus,
     927input[type="radio"]:focus,
     928select:focus,
     929.widgets-chooser ul,
     930#widgets-left .widget-in-question .widget-top,
     931#available-widgets .widget-top:hover,
     932div#widgets-right .widget-top:hover,
     933#widgets-left .widget-top:hover {
     934        border-color: #999;
     935        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
     936        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
     937}
     938
     939input[readonly] {
     940        background-color: #eee;
     941}
     942
     943:-moz-placeholder,
     944.wp-core-ui :-moz-placeholder {
     945   color: #a9a9a9;
     946}
     947
     948.sorthelper {
     949        background-color: #ccf3fa;
     950}
     951
     952.ac_match,
     953.subsubsub a.current {
     954        color: #000;
     955}
     956
     957.alternate,
     958.alt {
     959        background-color: #f9f9f9;
     960}
     961
     962.bar {
     963        background-color: #e8e8e8;
     964        border-right-color: #99d;
     965}
     966
     967.form-invalid {
     968        background-color: #ffebe8 !important;
     969}
     970
     971.form-invalid input,
     972.form-invalid select {
     973        border-color: #c00 !important;
     974}
     975
     976.form-input-tip {
     977        color: #666;
     978}
     979
     980.media-upload-form label.form-help,
     981td.help {
     982        color: #9a9a9a;
     983}
     984
     985/* Helper classes for plugins to leverage the active WordPress color scheme */
     986
     987.highlight {
     988        background-color: #e4f2fd;
     989        color: #000;
     990}
     991
     992.wp-ui-primary {
     993        color: #fff;
     994        background-color: #333;
     995}
     996.wp-ui-text-primary {
     997        color: #333;
     998}
     999
     1000.wp-ui-highlight {
     1001        color: white;
     1002        background-color: #1e8cbe;
     1003}
     1004.wp-ui-text-highlight {
     1005        color: #1e8cbe;
     1006}
     1007
     1008.wp-ui-notification {
     1009        color: #fff;
     1010        background-color: #d54e21;
     1011}
     1012.wp-ui-text-notification {
     1013        color: #d54e21;
     1014}
     1015
     1016.wp-ui-text-icon {
     1017        color: #999;
     1018}
     1019
  • src/wp-admin/css/wp-admin-customize.css

    Property changes on: src/wp-admin/css/wp-admin-common.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1/*------------------------------------------------------------------------------
     2  24.0 - Customize Loader
     3------------------------------------------------------------------------------*/
     4
     5.no-customize-support .hide-if-no-customize,
     6.customize-support .hide-if-customize,
     7.no-customize-support.wp-core-ui .hide-if-no-customize,
     8.no-customize-support .wp-core-ui .hide-if-no-customize,
     9.customize-support.wp-core-ui .hide-if-customize,
     10.customize-support .wp-core-ui .hide-if-customize {
     11        display: none;
     12}
     13
     14#customize-container {
     15        display: none;
     16        background: #fff;
     17        z-index: 500000;
     18        position: fixed;
     19        overflow: visible;
     20        top: 0;
     21        bottom: 0;
     22        left: 0;
     23        right: 0;
     24        height: 100%;
     25}
     26
     27.customize-active #customize-container {
     28        display: block;
     29}
     30
     31.customize-loading #customize-container iframe {
     32        opacity: 0;
     33}
     34
     35.customize-loading #customize-container {
     36        background: #fff url('../images/spinner.gif') no-repeat fixed center center;
     37        background-size: 20px 20px;
     38}
     39
     40#customize-container iframe,
     41#theme-installer iframe {
     42        height: 100%;
     43        width: 100%;
     44        z-index: 20;
     45
     46        -webkit-transition: opacity 0.3s;
     47        -moz-transition:        opacity 0.3s;
     48        -ms-transition:         opacity 0.3s;
     49        -o-transition:          opacity 0.3s;
     50        transition:                     opacity 0.3s;
     51}
     52
     53#customize-container .collapse-sidebar {
     54        bottom: 16px;
     55}
     56
     57#customize-controls {
     58        margin-top: 0;
     59}
     60
     61#theme-installer {
     62        display: none;
     63}
     64
     65#theme-installer.single-theme {
     66        display: block;
     67}
     68
     69.install-theme-info {
     70        display: none;
     71        padding: 10px 20px 20px;
     72}
     73
     74.single-theme .install-theme-info {
     75        padding-top: 15px;
     76}
     77
     78#theme-installer .install-theme-info {
     79        display: block;
     80}
     81
     82.install-theme-info .theme-install {
     83        float: right;
     84        margin-top: 18px;
     85}
     86
     87.install-theme-info .theme-name {
     88        font-size: 16px;
     89        line-height: 24px;
     90        margin-bottom: 0;
     91        margin-top: 0;
     92}
     93
     94.install-theme-info .theme-screenshot {
     95        margin-top: 15px;
     96        width: 258px;
     97        border: 1px solid #ccc;
     98}
     99
     100.install-theme-info .theme-details {
     101        overflow: hidden;
     102}
     103
     104.theme-details .theme-version {
     105        margin: 15px 0;
     106        float: left;
     107}
     108
     109.theme-details .star-rating {
     110        margin: 7px 0;
     111        float: right;
     112}
     113
     114.theme-details .theme-description {
     115        float: left;
     116        color: #777;
     117        line-height: 20px;
     118}
     119
     120#theme-installer .wp-full-overlay-header {
     121        margin-top: 9px;
     122}
     123
     124#theme-installer .wp-full-overlay-header .theme-install {
     125        float: right;
     126        /* For when .theme-install is a span rather than a.button-primary (already installed theme) */
     127        line-height: 26px;
     128}
     129
     130#theme-installer .wp-full-overlay-sidebar {
     131        background: #EEE;
     132        border-right: 1px solid #DDD;
     133}
     134
     135#theme-installer .wp-full-overlay-main {
     136        background: #fff url('../images/spinner.gif') no-repeat fixed center center;
     137        background-size: 20px 20px;
     138}
     139
     140
     141
  • src/wp-admin/css/wp-admin-dashboard.css

    Property changes on: src/wp-admin/css/wp-admin-customize.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1#dashboard-widgets-wrap {
     2        margin: 0 -8px;
     3}
     4
     5#wpbody-content .metabox-holder {
     6        padding-top: 10px;
     7}
     8
     9#dashboard-widgets .meta-box-sortables {
     10        margin: 0 8px;
     11        min-height: 100px;
     12}
     13
     14h3.dashboard-widget-title,
     15h3.dashboard-widget-title span,
     16h3.dashboard-widget-title small {
     17        color: #333;
     18}
     19
     20h3.dashboard-widget-title small a {
     21        color: #d7d7d7;
     22}
     23
     24h3.dashboard-widget-title small a:hover {
     25        color: #fff;
     26}
     27
     28#the-comment-list td.comment p.comment-author {
     29        margin-top: 0;
     30        margin-left: 0;
     31}
     32
     33#the-comment-list p.comment-author img {
     34        float: left;
     35        margin-right: 8px;
     36}
     37
     38#the-comment-list p.comment-author strong a {
     39        border: none;
     40}
     41
     42#the-comment-list td {
     43        vertical-align: top;
     44}
     45
     46#the-comment-list td.comment {
     47        word-wrap: break-word;
     48}
     49
     50/* Welcome Panel */
     51.welcome-panel {
     52        position: relative;
     53        overflow: auto;
     54        margin: 16px 0;
     55        padding: 23px 10px 0;
     56        border: 1px solid #e5e5e5;
     57        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
     58        box-shadow:                     0 1px 1px rgba(0,0,0,0.04);
     59        background: #fff;
     60        font-size: 13px;
     61        line-height: 2.1em;
     62}
     63
     64.welcome-panel h3 {
     65        margin: 0;
     66        font-size: 21px;
     67        font-weight: normal;
     68        line-height: 1.2;
     69}
     70
     71.welcome-panel h4 {
     72        margin: 1.33em 0 0;
     73        font-size: 16px;
     74}
     75
     76.welcome-panel li {
     77        font-size: 14px;
     78}
     79
     80.welcome-panel p {
     81        color: #777;
     82}
     83
     84.welcome-panel a {
     85        text-decoration: none;
     86}
     87
     88.welcome-panel .about-description {
     89        font-size: 16px;
     90        margin: 0;
     91}
     92
     93.welcome-panel .welcome-panel-close {
     94        position: absolute;
     95        top: 5px;
     96        right: 10px;
     97        padding: 20px 15px 0 3px;
     98        font-size: 13px;
     99        text-decoration: none;
     100        line-height: 1;
     101}
     102
     103#welcome-panel.welcome-panel .welcome-panel-close::before,
     104.tagchecklist span a:before,
     105#bulk-titles div a:before {
     106        background: none;
     107        color: #bbb;
     108        content: '\f153';
     109        display: block !important;
     110        font: normal 16px/1 'dashicons';
     111        speak: none;
     112        height: 20px;
     113        margin: 2px 0;
     114        text-align: center;
     115        width: 20px;
     116        -webkit-font-smoothing: antialiased !important;
     117}
     118
     119#welcome-panel.welcome-panel .welcome-panel-close:hover:before,
     120.tagchecklist span a:hover:before,
     121#bulk-titles div a:hover:before {
     122        color: #c00;
     123}
     124
     125#welcome-panel.welcome-panel .welcome-panel-close::before {
     126        position: absolute;
     127        left: -18px;
     128        margin-top: -2px;
     129        -webkit-transition: all .1s ease-in-out;
     130        -moz-transition:        all .1s ease-in-out;
     131        transition:                     all .1s ease-in-out;
     132}
     133
     134.wp-core-ui .welcome-panel .button.button-hero {
     135        margin: 15px 0 3px;
     136}
     137
     138.welcome-panel-content {
     139        margin-left: 13px;
     140        max-width: 1500px;
     141}
     142
     143.welcome-panel .welcome-panel-column-container {
     144        clear: both;
     145        overflow: hidden;
     146        position: relative;
     147}
     148
     149.welcome-panel .welcome-panel-column {
     150        width: 32%;
     151        min-width: 200px;
     152        float: left;
     153}
     154
     155.ie8 .welcome-panel .welcome-panel-column {
     156        min-width: 230px;
     157}
     158
     159.welcome-panel .welcome-panel-column:first-child {
     160        width: 36%;
     161}
     162
     163.welcome-panel-column p.hide-if-no-customize {
     164        margin-top: 10px;
     165}
     166
     167.welcome-panel-column p {
     168        margin-top: 7px;
     169        color: #464646;
     170}
     171
     172.welcome-panel .welcome-icon {
     173        display: block;
     174        padding: 0 0 8px;
     175        background: transparent !important;
     176}
     177
     178.welcome-panel .welcome-icon:before {
     179        color: #888;
     180        font: normal 20px/1 'dashicons';
     181        speak: none;
     182        display: inline-block;
     183        padding: 0 10px 0 0;
     184        top: -1px;
     185        position: relative;
     186        -webkit-font-smoothing: antialiased;
     187        -moz-osx-font-smoothing: grayscale;
     188        text-decoration: none !important;
     189        vertical-align: top;
     190}
     191
     192.welcome-panel .welcome-write-blog:before,
     193.welcome-panel .welcome-edit-page:before {
     194        content:'\f119';
     195        top: -3px;
     196}
     197
     198.welcome-panel .welcome-add-page:before {
     199        content:'\f132';
     200}
     201
     202.welcome-panel .welcome-view-site:before {
     203        content:'\f115';
     204        top: -2px;
     205}
     206
     207.welcome-panel .welcome-widgets-menus:before {
     208        content:'\f116';
     209        top: -2px;
     210}
     211
     212.welcome-panel .welcome-comments:before {
     213        content:'\f117';
     214        top: -1px;
     215}
     216
     217.welcome-panel .welcome-learn-more:before {
     218        content:'\f118';
     219        top: -1px;
     220}
     221
     222.welcome-panel .welcome-widgets-menus {
     223        line-height: 16px;
     224}
     225
     226.welcome-panel .welcome-panel-column ul {
     227        margin: 0.8em 1em 1em 0;
     228}
     229
     230.welcome-panel .welcome-panel-column li {
     231        line-height: 16px;
     232        list-style-type: none;
     233}
     234
     235/* Dashboard WordPress news */
     236
     237#dashboard_primary .inside {
     238        margin: 0;
     239        padding: 0;
     240}
     241
     242#dashboard_primary .widget-loading,
     243#dashboard_primary .dashboard-widget-control-form {
     244        padding: 12px 12px 0;
     245}
     246
     247body #dashboard-widgets .postbox form .submit {
     248        margin: 0;
     249}
     250
     251.dashboard-widget-control-form {
     252        overflow: hidden;
     253}
     254
     255.dashboard-widget-control-form p {
     256        margin-top: 0;
     257}
     258
     259/* @todo: are these actually used anywhere? no non-CSS results in plugin search */
     260div.dashboard-widget-error {
     261        background-color: #c43;
     262}
     263
     264div.dashboard-widget-notice {
     265        background-color: #cfe1ef;
     266}
     267
     268.rssSummary {
     269        color: #777;
     270        margin-top: 4px;
     271}
     272
     273#dashboard_primary .rss-widget {
     274        border-bottom: 1px solid #eee;
     275        font-size: 13px;
     276        padding: 8px 12px 10px;
     277}
     278
     279#dashboard_primary .rss-widget:last-child {
     280        border-bottom: none;
     281        padding-bottom: 8px;
     282}
     283
     284#dashboard_primary .rss-widget a {
     285        font-weight: normal;
     286}
     287
     288#dashboard_primary .rss-widget span,
     289#dashboard_primary .rss-widget span.rss-date {
     290        color: #777;
     291}
     292
     293#dashboard_primary .rss-widget span.rss-date {
     294        margin-left: 12px;
     295}
     296
     297#dashboard_primary .rss-widget ul li {
     298        margin-bottom: 8px;
     299}
     300
     301/* Dashboard right now */
     302
     303#dashboard_right_now ul {
     304        margin: 0;
     305        overflow: hidden;
     306}
     307
     308#dashboard_right_now li {
     309        width: 50%;
     310        float: left;
     311        margin-bottom: 10px;
     312}
     313
     314#dashboard_right_now .inside {
     315        overflow: hidden;
     316        padding: 0;
     317}
     318
     319#dashboard_right_now .main {
     320        padding: 0 12px 11px;
     321}
     322
     323#dashboard_right_now .main p {
     324        margin: 0;
     325}
     326
     327.mu-storage {
     328        overflow: hidden;
     329}
     330
     331#dashboard-widgets h4.mu-storage {
     332        margin-bottom: 10px;
     333}
     334
     335/* Dashboard right now - Colors */
     336
     337#dashboard_right_now li a:before,
     338#dashboard_right_now li span:before {
     339        color: #888;
     340}
     341
     342#dashboard_right_now .sub {
     343        color: #777;
     344        background: #f5f5f5;
     345        border-top: 1px solid #eee;
     346        padding: 10px 12px 6px 12px;
     347}
     348
     349#dashboard_right_now .sub h4 {
     350        color: #555;
     351}
     352
     353#dashboard_right_now .sub p {
     354        margin: 0 0 1em;
     355}
     356
     357#dashboard_right_now .warning a:before,
     358#dashboard_right_now .warning span:before {
     359        color: #d54e21;
     360}
     361
     362/* Dashboard right now - Icons */
     363#dashboard_right_now li a:before,
     364#dashboard_right_now li span:before {
     365        content: '\f159';
     366        font: normal 20px/1 'dashicons';
     367        speak: none;
     368        display: block;
     369        float: left;
     370        margin: 0 5px 0 0;
     371        padding: 0;
     372        text-indent: 0;
     373        text-align: center;
     374        position: relative;
     375        -webkit-font-smoothing: antialiased;
     376        text-decoration: none !important;
     377}
     378
     379#dashboard_right_now .page-count a:before,
     380#dashboard_right_now .page-count span:before {
     381        content: '\f105';
     382}
     383
     384#dashboard_right_now .post-count a:before,
     385#dashboard_right_now .post-count span:before {
     386        content: '\f109';
     387}
     388
     389#dashboard_right_now .comment-count a:before {
     390        content: '\f101';
     391}
     392
     393#dashboard_right_now .comment-mod-count a:before {
     394        content: '\f125';
     395}
     396
     397#dashboard_right_now .storage-count a:before {
     398        content: '\f104';
     399}
     400
     401#dashboard_right_now .storage-count.warning a:before {
     402        content: '\f153';
     403}
     404
     405/* Dashboard Quick Draft */
     406
     407#dashboard_quick_press .inside {
     408        margin: 0;
     409        padding: 0;
     410}
     411
     412#dashboard_quick_press div.updated {
     413        margin-bottom: 10px;
     414        border: 1px solid #eee;
     415        border-width: 1px 1px 1px 0;
     416}
     417
     418#dashboard_quick_press form {
     419        overflow: hidden;
     420        margin: 12px;
     421}
     422
     423#dashboard_quick_press .drafts,
     424#dashboard_quick_press .easy-blogging {
     425        padding: 10px 0 0;
     426}
     427
     428/* Dashboard Quick Draft - Form styling */
     429
     430input#save-post {
     431        float: left;
     432}
     433
     434form.initial-form.quickpress-open label.prompt {
     435        font-style: normal;
     436}
     437
     438form.initial-form.quickpress-open input#title {
     439        height: auto;
     440}
     441
     442#dashboard_quick_press input,
     443#dashboard_quick_press textarea {
     444        box-sizing: border-box;
     445        -moz-box-sizing:border-box;
     446        -webkit-box-sizing:border-box;
     447        margin: 0;
     448}
     449
     450#dashboard_quick_press textarea {
     451        resize: vertical;
     452}
     453
     454#dashboard-widgets .postbox form .submit {
     455        margin: -39px 0;
     456        float: right;
     457}
     458
     459#description-wrap {
     460        margin-top: 12px;
     461}
     462
     463#title-wrap #title-prompt-text,
     464.textarea-wrap #content-prompt-text {
     465        color: #777;
     466}
     467
     468#title-wrap #title-prompt-text {
     469        font-size: 1.1em;
     470        padding: 7px 8px;
     471}
     472
     473.input-text-wrap,
     474.textarea-wrap {
     475        position: relative;
     476}
     477
     478.input-text-wrap .prompt,
     479.textarea-wrap .prompt {
     480        position: absolute;
     481}
     482
     483.textarea-wrap #content-prompt-text {
     484        font-size: 1.1em;
     485        padding: 7px 8px;
     486}
     487
     488.textarea-wrap textarea#content {
     489        margin: 0 0 8px;
     490        padding: 6px 7px;
     491}
     492
     493#quick-press textarea#content {
     494        min-height: 90px;
     495        max-height: 1300px;
     496        resize: none;
     497}
     498
     499/* Dashboard Quick Draft - Drafts list */
     500
     501.js #dashboard_quick_press .drafts {
     502        border-top: 1px solid #eee;
     503}
     504
     505#dashboard_quick_press .drafts abbr {
     506        border: none;
     507}
     508
     509#dashboard_quick_press .drafts h4 {
     510        margin: 0 12px 8px;
     511        font-weight: normal;
     512}
     513
     514#dashboard_quick_press .drafts .view-all {
     515        float: right;
     516        margin: 0 12px 0 0;
     517}
     518
     519#dashboard_primary a.rsswidget {
     520        font-weight: normal;
     521}
     522
     523#dashboard_quick_press .drafts ul {
     524        margin: 0 12px;
     525}
     526
     527#dashboard_quick_press .drafts li {
     528        margin-bottom: 1em;
     529}
     530#dashboard_quick_press .drafts li time {
     531        color: #777;
     532}
     533
     534#dashboard_quick_press .drafts p {
     535        margin: 0;
     536        word-wrap: break-word;
     537}
     538
     539#dashboard_quick_press .draft-title {
     540        overflow: hidden;
     541}
     542
     543#dashboard_quick_press .draft-title a,
     544#dashboard_quick_press .draft-title time {
     545        float: left;
     546        margin: 0 5px 0 0;
     547}
     548
     549/* Dashboard activity widget */
     550
     551#dashboard-widgets #dashboard_activity h4 {
     552        margin: 0 0 8px 12px;
     553        font-weight: normal;
     554}
     555
     556#dashboard-widgets #dashboard_activity h4.comment-meta {
     557        margin: 0;
     558}
     559
     560#dashboard_activity h4.comment-meta {
     561        overflow: hidden;
     562        text-overflow: ellipsis;
     563        white-space: nowrap;
     564        margin-bottom: 4px;
     565}
     566
     567#dashboard_activity ul {
     568        padding: 0 12px;
     569}
     570
     571#dashboard_activity .comment-meta span.approve:before {
     572        content: '\f227';
     573        font: 20px/.5 "dashicons";
     574        margin-left: 12px;
     575        vertical-align: middle;
     576        position: relative;
     577        top: -1px;
     578        margin-right: 2px;
     579}
     580
     581#dashboard_activity .inside {
     582        padding: 0;
     583        margin: 0;
     584}
     585
     586#dashboard_activity .no-activity {
     587        overflow: hidden;
     588        padding: 0 12px 12px;
     589        text-align: center;
     590}
     591
     592#dashboard_activity .no-activity p {
     593        color: #999;
     594        font-size: 16px;
     595}
     596
     597#dashboard_activity .no-activity .smiley {
     598        margin-top: 0;
     599}
     600
     601#dashboard_activity .no-activity .smiley:before {
     602        content: '\f328';
     603        font: normal 120px/1 'dashicons';
     604        speak: none;
     605        display: block;
     606        margin: 0 5px 0 0;
     607        padding: 0;
     608        text-indent: 0;
     609        text-align: center;
     610        position: relative;
     611        -webkit-font-smoothing: antialiased;
     612        text-decoration: none !important;
     613}
     614
     615#dashboard_activity .subsubsub {
     616        float: none;
     617        border-top: 1px solid #eeeeee;
     618        margin-top: 0;
     619        padding: 8px 12px 4px;
     620}
     621
     622#future-posts .show-more,
     623#published-posts .show-more {
     624        float: right;
     625        margin-right: 12px;
     626}
     627
     628#future-posts ul,
     629#published-posts ul {
     630        clear: both;
     631        margin-bottom: 0;
     632}
     633
     634#future-posts li,
     635#published-posts li {
     636        overflow: hidden;
     637        margin-bottom: 8px;
     638}
     639
     640#future-posts ul span,
     641#published-posts ul span {
     642        color: #777;
     643        float: left;
     644        margin-right: 8px;
     645        min-width: 150px;
     646}
     647
     648.activity-block {
     649        border-bottom: 1px solid #eee;
     650        overflow: hidden;
     651        padding: 8px 0 4px;
     652}
     653
     654.activity-block:last-child {
     655        border-bottom: none;
     656}
     657
     658.activity-block .subsubsub li {
     659        color: #ddd;
     660}
     661
     662/* Dashboard activity widget - Comments */
     663/* @todo: needs serious de-duplication */
     664
     665#activity-widget #the-comment-list tr.undo,
     666#activity-widget #the-comment-list div.undo {
     667        background: none;
     668        padding: 6px 0;
     669}
     670
     671#activity-widget #the-comment-list .alternate,
     672#activity-widget #the-comment-list .alt {
     673        background: none;
     674}
     675
     676#activity-widget #the-comment-list .comment {
     677        background: #fafafa;
     678        padding: 12px;
     679        position: relative;
     680}
     681
     682#activity-widget #the-comment-list img {
     683        position: absolute;
     684        left: 13px;
     685        top: 13px;
     686}
     687
     688#activity-widget #the-comment-list .dashboard-comment-wrap {
     689        padding-left: 63px;
     690}
     691
     692#activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
     693        margin: 1em 0;
     694}
     695
     696#activity-widget #the-comment-list .comment-item h4 {
     697        font-size: 13px;
     698        color: #999;
     699}
     700
     701#activity-widget #the-comment-list .comment-item p.row-actions {
     702        margin: 4px 0 0 0;
     703}
     704
     705#activity-widget #the-comment-list .comment-item:first-child {
     706        border-top: 1px solid #eeeeee;
     707}
     708
     709#activity-widget #the-comment-list .unapproved {
     710        background-color: #fefaf7;
     711}
     712
     713#activity-widget #the-comment-list .unapproved:before {
     714        content: "";
     715        display: block;
     716        position: absolute;
     717        left: 0;
     718        top: 0;
     719        bottom: 0;
     720        background: #d54e21;
     721        width: 4px;
     722}
     723
     724#activity-widget #the-comment-list .spam-undo-inside .avatar,
     725#activity-widget #the-comment-list .trash-undo-inside .avatar {
     726        margin-right: 20px;
     727        position: relative;
     728        top: 0;
     729}
     730
     731/* Browse happy box */
     732
     733#dashboard-widgets #dashboard_browser_nag.postbox .inside {
     734        margin: 10px;
     735}
     736
     737.edit-box {
     738        display: none;
     739}
     740
     741h3:hover .edit-box {
     742        display: inline;
     743}
     744
     745#dashboard-widgets form .input-text-wrap input {
     746        width: 100%;
     747}
     748
     749#dashboard-widgets form .textarea-wrap textarea {
     750        width: 100%;
     751}
     752
     753#dashboard-widgets .postbox form .submit {
     754        float: none;
     755        margin: .5em 0 0;
     756        padding: 0;
     757        border: none;
     758}
     759
     760#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
     761        min-width: 0;
     762}
     763
     764#dashboard-widgets a {
     765        text-decoration: none;
     766}
     767
     768#dashboard-widgets h3 a {
     769        text-decoration: underline;
     770}
     771
     772#dashboard-widgets h3 .postbox-title-action {
     773        position: absolute;
     774        right: 10px;
     775        padding: 0;
     776        top: 5px;
     777}
     778
     779.js #dashboard-widgets h3 .postbox-title-action {
     780        right: 33px;
     781}
     782
     783#dashboard-widgets h4 {
     784        color: #222;
     785        font-weight: normal;
     786        font-size: 14px;
     787        margin: 0 0 .2em;
     788        padding: 0;
     789}
     790
     791#dashboard_plugins h5 {
     792        font-size: 14px;
     793}
     794
     795/* Recent Comments */
     796
     797#latest-comments #the-comment-list {
     798        position: relative;
     799}
     800
     801#activity-widget #the-comment-list .comment {
     802        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
     803        box-shadow:                     inset 0 1px 0 rgba(0, 0, 0, 0.06);
     804}
     805
     806#activity-widget .comments #the-comment-list .alt {
     807        background-color: transparent;
     808}
     809
     810#activity-widget #latest-comments #the-comment-list .comment-item {
     811        padding: 1em 12px;
     812}
     813
     814#latest-comments #the-comment-list .pingback {
     815        padding-left: 12px !important;
     816}
     817
     818#latest-comments #the-comment-list .comment-item:first-child {
     819        border-top: none;
     820}
     821
     822#latest-comments #the-comment-list .comment-item h4 {
     823        line-height: 1.5em;
     824        margin-top: 0;
     825        color: #666;
     826}
     827
     828#latest-comments #the-comment-list .comment-item h4 cite {
     829        font-style: normal;
     830        font-weight: normal;
     831}
     832
     833#latest-comments #the-comment-list .comment-item blockquote,
     834#latest-comments #the-comment-list .comment-item blockquote p {
     835        margin: 0;
     836        padding: 0;
     837        display: inline;
     838}
     839
     840#latest-comments #the-comment-list .comment-item p.row-actions {
     841        margin: 3px 0 0;
     842        padding: 0;
     843        font-size: 13px;
     844}
     845
     846/* QuickDraft */
     847
     848#title-wrap label {
     849        cursor: text;
     850}
     851
     852#title-wrap #title {
     853        padding: 2px 6px;
     854        font-size: 1.3em;
     855        line-height: 100%;
     856        outline: none;
     857}
     858
     859#title-wrap #title-prompt-text {
     860        font-size: 1.1em;
     861        padding: 5px 8px;
     862}
     863
     864/* Feeds */
     865.rss-widget ul {
     866        margin: 0;
     867        padding: 0;
     868        list-style: none;
     869}
     870
     871a.rsswidget {
     872        font-size: 14px;
     873        font-weight: 600;
     874        line-height: 1.7em;
     875}
     876
     877.rss-widget ul li {
     878        line-height: 1.5em;
     879        margin-bottom: 12px;
     880}
     881
     882.rss-widget span.rss-date {
     883        color: #999;
     884        font-size: 13px;
     885        margin-left: 3px;
     886}
     887
     888.rss-widget cite {
     889        display: block;
     890        text-align: right;
     891        margin: 0 0 1em;
     892        padding: 0;
     893}
     894
     895.rss-widget cite:before {
     896        content: '\2014';
     897}
     898
     899.dashboard-comment-wrap {
     900        overflow: hidden;
     901        word-wrap: break-word;
     902}
     903
     904/* Browser Nag */
     905#dashboard_browser_nag a.update-browser-link {
     906        font-size: 1.2em;
     907        font-weight: 600;
     908}
     909
     910#dashboard_browser_nag a {
     911        text-decoration: underline;
     912}
     913
     914#dashboard_browser_nag p.browser-update-nag.has-browser-icon {
     915        padding-right: 125px;
     916}
     917
     918#dashboard_browser_nag .browser-icon {
     919        margin-top: -35px;
     920}
     921
     922#dashboard_browser_nag.postbox.browser-insecure {
     923        background-color: #ac1b1b;
     924        border-color: #ac1b1b;
     925}
     926
     927#dashboard_browser_nag.postbox {
     928        background-color: #e29808;
     929        background-image: none;
     930        border-color: #edc048;
     931        color: #fff;
     932        -webkit-box-shadow: none;
     933        box-shadow: none;
     934}
     935
     936#dashboard_browser_nag.postbox.browser-insecure h3 {
     937        border-bottom-color: #cd5a5a;
     938        color: #fff;
     939}
     940
     941#dashboard_browser_nag.postbox h3 {
     942        border-bottom-color: #f6e2ac;
     943        background: transparent none;
     944        color: #fff;
     945        -webkit-box-shadow: none;
     946        box-shadow: none;
     947}
     948
     949#dashboard_browser_nag a {
     950        color: #fff;
     951}
     952
     953/* Make the browser nags easier to read with Open Sans */
     954
     955#dashboard_browser_nag h3.hndle {
     956        border: none;
     957        font-weight: 600;
     958        font-size: 20px;
     959        padding-top: 10px;
     960}
     961
     962.postbox#dashboard_browser_nag p a.dismiss {
     963        font-size: 14px;
     964}
     965
     966.postbox#dashboard_browser_nag p,
     967.postbox#dashboard_browser_nag a,
     968.postbox#dashboard_browser_nag p.browser-update-nag {
     969        font-size: 16px;
     970}
     971
     972
     973
     974
     975
     976@media screen and (max-width: 870px) {
     977        .welcome-panel .welcome-panel-column,
     978        .welcome-panel .welcome-panel-column:first-child {
     979                display: block;
     980                float: none;
     981                width: 100%;
     982        }
     983
     984        .welcome-panel .welcome-panel-column li {
     985                display: inline-block;
     986                margin-right: 13px;
     987        }
     988
     989        .welcome-panel .welcome-panel-column ul {
     990                margin: 0.4em 0 0;
     991        }
     992
     993}
     994
  • src/wp-admin/css/wp-admin-edit.css

    Property changes on: src/wp-admin/css/wp-admin-dashboard.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1#show-comments {
     2        overflow: hidden;
     3}
     4
     5#save-action .spinner,
     6#show-comments a,
     7#show-comments .spinner {
     8        float: left;
     9}
     10
     11#lost-connection-notice .spinner {
     12        display: block;
     13        float: left;
     14        margin: 0 5px 0 0;
     15}
     16
     17#titlediv {
     18        position: relative;
     19        margin-bottom: 10px;
     20}
     21
     22#titlediv label {
     23        cursor: text;
     24}
     25
     26#titlediv div.inside {
     27        margin: 0;
     28}
     29
     30#poststuff #titlewrap {
     31        border: 0;
     32        padding: 0;
     33}
     34
     35#titlediv #title {
     36        padding: 3px 8px;
     37        font-size: 1.7em;
     38        line-height: 100%;
     39        height: 1.7em;
     40        width: 100%;
     41        outline: none;
     42        margin: 0;
     43        background-color: #fff;
     44}
     45
     46#titlediv #title-prompt-text {
     47        color: #777;
     48        position: absolute;
     49        font-size: 1.7em;
     50        padding: 11px 10px;
     51}
     52
     53#wp-fullscreen-save .fs-saved {
     54        color: #999;
     55        float: right;
     56        margin-top: 4px;
     57}
     58
     59#poststuff .inside-submitbox,
     60#side-sortables .inside-submitbox {
     61        margin: 0 3px;
     62        font-size: 11px;
     63}
     64
     65input#link_description,
     66input#link_url {
     67        width: 98%;
     68}
     69
     70#pending {
     71        background: 0 none;
     72        border: 0 none;
     73        padding: 0;
     74        font-size: 11px;
     75        margin-top: -1px;
     76}
     77
     78#edit-slug-box {
     79        line-height: 24px;
     80        min-height: 25px; /* Yes, line-height + 1 */
     81        margin-top: 5px;
     82        padding: 0 10px;
     83        color: #666;
     84}
     85
     86#edit-slug-box .cancel {
     87        margin-right: 10px;
     88        font-size: 11px;
     89}
     90
     91#editable-post-name-full {
     92        display: none;
     93}
     94
     95#editable-post-name {
     96        background-color: #fffbcc;
     97}
     98
     99#editable-post-name input {
     100        font-size: 13px;
     101        height: 22px;
     102        margin: 0;
     103        width: 16em;
     104}
     105
     106.postarea h3 label {
     107        float: left;
     108}
     109
     110.submitbox .submit {
     111        text-align: left;
     112        padding: 12px 10px 10px;
     113        font-size: 11px;
     114        background-color: #464646;
     115        color: #ccc;
     116}
     117
     118.submitbox .submitdelete {
     119        text-decoration: none;
     120        padding: 1px 2px;
     121}
     122
     123/* @todo: do we really need this? word on the street is we don't and this
     124stray rule may actually be compensated for elsewhere. */
     125#normal-sortables .submitbox .submitdelete:hover {
     126        color: #000;
     127        background-color: #f00;
     128        border-bottom-color: #f00;
     129}
     130
     131.submitbox .submit a:hover {
     132        text-decoration: underline;
     133}
     134
     135.submitbox .submit input {
     136        margin-bottom: 8px;
     137        margin-right: 4px;
     138        padding: 6px;
     139}
     140
     141.inside-submitbox #post_status {
     142        margin: 2px 0 2px -2px;
     143}
     144
     145#post-status-select {
     146        margin-top: 3px;
     147}
     148
     149/* Post Screen */
     150#post-body #normal-sortables {
     151        min-height: 50px;
     152}
     153
     154.postbox {
     155        position: relative;
     156        min-width: 255px;
     157        border: 1px solid #e5e5e5;
     158        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
     159        box-shadow:                     0 1px 1px rgba(0,0,0,0.04);
     160        background: #fff;
     161}
     162
     163#trackback_url {
     164        width: 99%;
     165}
     166
     167#normal-sortables .postbox .submit {
     168        background: transparent none;
     169        border: 0 none;
     170        float: right;
     171        padding: 0 12px;
     172        margin:0;
     173}
     174
     175.category-add input[type="text"],
     176.category-add select {
     177        width: 100%;
     178        max-width: 260px;
     179        vertical-align: baseline;
     180}
     181
     182#side-sortables .category-add input[type="text"],
     183#side-sortables .category-add select {
     184        margin: 0 0 1em;
     185}
     186
     187.press-this #side-sortables .category-tabs li,
     188ul.category-tabs li,
     189#side-sortables .add-menu-item-tabs li,
     190.wp-tab-bar li {
     191        display: inline;
     192        line-height: 1.35em;
     193}
     194
     195.no-js .category-tabs li.hide-if-no-js {
     196        display: none;
     197}
     198
     199.category-tabs a,
     200#side-sortables .add-menu-item-tabs a,
     201.wp-tab-bar a {
     202        text-decoration: none;
     203}
     204
     205/* @todo: do these really need to be so specific? */
     206#side-sortables .category-tabs .tabs a,
     207#side-sortables .add-menu-item-tabs .tabs a,
     208.wp-tab-bar .wp-tab-active a,
     209#post-body ul.category-tabs li.tabs a,
     210#post-body ul.add-menu-item-tabs li.tabs a,
     211body.press-this ul.category-tabs li.tabs a {
     212        color: #333;
     213}
     214
     215.category-tabs {
     216        margin: 8px 0 5px;
     217}
     218
     219#category-adder h4 {
     220        margin: 10px 0;
     221}
     222
     223#side-sortables .add-menu-item-tabs,
     224.wp-tab-bar {
     225        margin-bottom: 3px;
     226}
     227
     228#normal-sortables .postbox #replyrow .submit {
     229        float: none;
     230        margin: 0;
     231        padding: 0 7px 5px;
     232}
     233
     234#side-sortables .submitbox .submit input,
     235#side-sortables .submitbox .submit .preview,
     236#side-sortables .submitbox .submit a.preview:hover {
     237        border: 0 none;
     238}
     239
     240#side-sortables .inside-submitbox .insidebox,
     241.stuffbox .insidebox {
     242        margin: 11px 0;
     243}
     244
     245ul.category-tabs,
     246ul.add-menu-item-tabs,
     247ul.wp-tab-bar {
     248        margin-top: 12px;
     249}
     250
     251ul.category-tabs li {
     252        border: solid 1px transparent;
     253        position: relative;
     254}
     255
     256ul.category-tabs li.tabs {
     257        border-color: #dfdfdf #dfdfdf #fdfdfd;
     258        background-color: #fdfdfd;
     259}
     260
     261ul.add-menu-item-tabs li.tabs,
     262.wp-tab-active {
     263        border: 1px solid #dfdfdf;
     264        border-bottom: none;
     265        background-color: #fdfdfd;
     266}
     267
     268ul.add-menu-item-tabs li.tabs {
     269        padding-bottom: 3px;
     270        position: relative;
     271}
     272
     273#post-body .add-menu-item-tabs li.tabs {
     274        border-style: solid none solid solid;
     275        border-width: 1px 0 1px 1px;
     276        margin-right: -1px;
     277}
     278
     279ul.category-tabs li,
     280ul.add-menu-item-tabs li,
     281ul.wp-tab-bar li {
     282        padding: 3px 5px 5px;
     283}
     284
     285#postimagediv .inside img {
     286        max-width: 100%;
     287        height: auto;
     288}
     289
     290form#tags-filter {
     291        position: relative;
     292}
     293
     294/* Edit posts */
     295td.post-title strong,
     296td.plugin-title strong {
     297        display: block;
     298        margin-bottom: .2em;
     299        font-size: 14px;
     300}
     301
     302td.post-title p,
     303td.plugin-title p {
     304        margin: 6px 0;
     305}
     306
     307/* Global classes */
     308.wp-hidden-children .wp-hidden-child,
     309.ui-tabs-hide {
     310        display: none;
     311}
     312
     313.commentlist .avatar {
     314        vertical-align: text-top;
     315}
     316
     317#post-body .tagsdiv #newtag {
     318        margin-right: 5px;
     319        width: 16em;
     320}
     321
     322#side-sortables input#post_password {
     323        width: 94%
     324}
     325
     326#side-sortables .tagsdiv #newtag {
     327        width: 68%;
     328}
     329
     330#post-status-info {
     331        width: 100%;
     332        border-spacing: 0;
     333        border: 1px solid #e5e5e5;
     334        border-top: none;
     335        background-color: #f7f7f7;
     336        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
     337        box-shadow:                     0 1px 1px rgba(0,0,0,0.04);
     338}
     339
     340#post-status-info td {
     341        font-size: 12px;
     342}
     343
     344.autosave-info {
     345        padding: 2px;
     346        text-align: right;
     347}
     348
     349#editorcontent #post-status-info {
     350        border: none;
     351}
     352
     353#content-resize-handle {
     354        background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
     355        width: 12px;
     356        cursor: n-resize;
     357}
     358
     359.rtl #content-resize-handle {
     360        background: transparent url('../images/resize-rtl.gif') no-repeat scroll left bottom;
     361}
     362
     363.press-this #content-resize-handle {
     364        bottom: 2px;
     365}
     366
     367#wp-word-count {
     368        display: block;
     369        padding: 2px 10px;
     370}
     371
     372#timestampdiv select {
     373        height: 21px;
     374        line-height: 14px;
     375        padding: 0;
     376        vertical-align: top;
     377        font-size: 12px;
     378}
     379
     380#aa, #jj, #hh, #mn {
     381        padding: 1px;
     382        font-size: 12px;
     383}
     384
     385#jj, #hh, #mn {
     386        width: 2em;
     387}
     388
     389#aa {
     390        width: 3.4em;
     391}
     392
     393.curtime #timestamp {
     394        padding: 2px 0 1px 0;
     395        display: inline !important;
     396        height: auto !important;
     397}
     398
     399#post-body #visibility:before,
     400.curtime #timestamp:before,
     401#post-body .misc-pub-revisions:before {
     402        font: normal 20px/1 'dashicons';
     403        speak: none;
     404        display: inline-block;
     405        padding: 0 2px 0 0;
     406        top: 0;
     407        left: -1px;
     408        position: relative;
     409        vertical-align: top;
     410        -webkit-font-smoothing: antialiased;
     411        -moz-osx-font-smoothing: grayscale;
     412        text-decoration: none !important;
     413}
     414
     415#post-body #visibility:before {
     416        content: '\f177';
     417}
     418
     419.curtime #timestamp:before {
     420        content: '\f145';
     421        top: -1px;
     422}
     423
     424#post-body .misc-pub-revisions:before {
     425        content: '\f321';
     426}
     427
     428#timestampdiv {
     429        padding-top: 5px;
     430        line-height: 23px;
     431}
     432
     433#timestampdiv p {
     434        margin: 8px 0 6px;
     435}
     436
     437#timestampdiv input {
     438        border-width: 1px;
     439        border-style: solid;
     440}
     441
     442.notification-dialog {
     443        position: fixed;
     444        top: 30%;
     445        left: 50%;
     446        width: 450px;
     447        margin-left: -225px;
     448        background: #fff;
     449        line-height: 1.5;
     450        z-index: 1000005;
     451}
     452
     453.notification-dialog-background {
     454        position: fixed;
     455        top: 0;
     456        left: 0;
     457        right: 0;
     458        bottom: 0;
     459        background: #000;
     460        opacity: 0.5;
     461        filter: alpha(opacity=50);
     462        z-index: 1000000;
     463}
     464
     465#post-lock-dialog .post-locked-message,
     466#post-lock-dialog .post-taken-over {
     467        margin: 25px;
     468}
     469
     470#post-lock-dialog .post-locked-message a.button {
     471        margin-right: 10px;
     472}
     473
     474#post-lock-dialog .post-locked-avatar {
     475        float: left;
     476        margin: 0 20px 20px 0;
     477}
     478
     479#post-lock-dialog .wp-tab-first {
     480        outline: 0;
     481}
     482
     483#post-lock-dialog .locked-saving img {
     484        float: left;
     485        margin-right: 3px;
     486}
     487
     488#post-lock-dialog.saving .locked-saving,
     489#post-lock-dialog.saved .locked-saved {
     490        display: inline;
     491}
     492
     493/*------------------------------------------------------------------------------
     494  11.1 - Custom Fields
     495------------------------------------------------------------------------------*/
     496
     497#postcustomstuff thead th {
     498        padding: 5px 8px 8px;
     499        background-color: #f1f1f1;
     500}
     501
     502#postcustom #postcustomstuff .submit {
     503        border: 0 none;
     504        float: none;
     505        padding: 0 8px 8px;
     506}
     507
     508#side-sortables #postcustom #postcustomstuff .submit {
     509        margin: 0;
     510        padding: 0;
     511}
     512
     513#side-sortables #postcustom #postcustomstuff #the-list textarea {
     514        height: 85px;
     515}
     516
     517#side-sortables #postcustom #postcustomstuff td.left input,
     518#side-sortables #postcustom #postcustomstuff td.left select,
     519#side-sortables #postcustomstuff #newmetaleft a {
     520        margin: 3px 3px 0;
     521}
     522
     523#postcustomstuff table {
     524        margin: 0;
     525        width: 100%;
     526        border: 1px solid #dfdfdf;
     527        border-spacing: 0;
     528        background-color: #f9f9f9;
     529}
     530
     531#postcustomstuff tr {
     532        vertical-align: top;
     533}
     534
     535#postcustomstuff table input,
     536#postcustomstuff table select,
     537#postcustomstuff table textarea {
     538        width: 96%;
     539        margin: 8px;
     540}
     541
     542#side-sortables #postcustomstuff table input,
     543#side-sortables #postcustomstuff table select,
     544#side-sortables #postcustomstuff table textarea {
     545        margin: 3px;
     546}
     547
     548#postcustomstuff th.left,
     549#postcustomstuff td.left {
     550        width: 38%;
     551}
     552
     553#postcustomstuff .submit input {
     554        margin: 0;
     555        width: auto;
     556}
     557
     558#postcustomstuff #newmetaleft a {
     559        display: inline-block;
     560        margin: 0 8px 8px;
     561        text-decoration: none;
     562}
     563
     564.no-js #postcustomstuff #enternew {
     565        display: none;
     566}
     567
     568#post-body-content .compat-attachment-fields {
     569        margin-bottom: 20px;
     570}
     571
     572.compat-attachment-fields th {
     573        padding-top: 5px;
     574        padding-right: 10px;
     575}
     576
     577/*------------------------------------------------------------------------------
     578  11.2 - Post Revisions
     579------------------------------------------------------------------------------*/
     580.revisions-control-frame,
     581.revisions-diff-frame {
     582        position: relative;
     583}
     584
     585.revisions-controls {
     586        padding-top: 40px;
     587        height: 100px;
     588        z-index: 1;
     589}
     590
     591.revisions-controls input[type="checkbox"] {
     592        position: relative;
     593        top: -1px;
     594        vertical-align: text-bottom;
     595}
     596
     597.revisions.pinned .revisions-controls {
     598        position: fixed;
     599        top: 0;
     600        height: 82px;
     601        background: #fff;
     602        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
     603}
     604
     605.revisions-tickmarks {
     606        position: relative;
     607        margin: 0 auto;
     608        height: 0.7em;
     609        top: 7px;
     610        max-width: 70%;
     611        -moz-box-sizing: border-box;
     612        -webkit-box-sizing: border-box;
     613        box-sizing: border-box;
     614        background-color: #fff;
     615}
     616
     617.revisions-tickmarks > div {
     618        position: absolute;
     619        height: 100%;
     620        border-left: 1px solid #aaa;
     621        -moz-box-sizing: border-box;
     622        -webkit-box-sizing: border-box;
     623        box-sizing: border-box;
     624}
     625
     626.revisions-tickmarks > div:first-child {
     627        border-width: 0;
     628}
     629
     630.comparing-two-revisions .revisions-controls {
     631        height: 140px;
     632}
     633
     634.comparing-two-revisions.pinned .revisions-controls {
     635        height: 124px;
     636}
     637
     638.revisions .diff-error {
     639        position: absolute;
     640        text-align: center;
     641        margin: 0 auto;
     642        width: 100%;
     643        display: none;
     644}
     645
     646.revisions.diff-error .diff-error {
     647        display: block;
     648}
     649
     650.revisions .loading-indicator {
     651        position: fixed;
     652        vertical-align: middle;
     653        opacity: 0;
     654        width: 100%;
     655        top: 50%;
     656        margin-left: -90px;
     657        -webkit-transition: opacity 0.5s;
     658        -moz-transition:        opacity 0.5s;
     659        -ms-transition:         opacity 0.5s;
     660        -o-transition:          opacity 0.5s;
     661        transition:                     opacity 0.5s;
     662        filter: alpha(opacity=0); /* ie8 and earlier */
     663}
     664
     665body.folded .revisions .loading-indicator {
     666        margin-left: -32px;
     667}
     668
     669.revisions .loading-indicator span.spinner {
     670        display: block;
     671        margin: 0 auto;
     672        float: none;
     673}
     674
     675.revisions.loading .loading-indicator {
     676        opacity: 1;
     677        filter: alpha(opacity=100); /* ie8 and earlier */
     678}
     679
     680.revisions .diff {
     681        -webkit-transition: opacity 0.5s;
     682        -moz-transition:        opacity 0.5s;
     683        -ms-transition:         opacity 0.5s;
     684        -o-transition:          opacity 0.5s;
     685        transition:                     opacity 0.5s;
     686}
     687
     688.revisions.loading .diff {
     689        opacity: 0.5;
     690        filter: alpha(opacity=50); /* ie8 and earlier */
     691}
     692
     693.revisions.diff-error .diff {
     694        visibility: hidden;
     695}
     696
     697.revisions-meta {
     698        margin-top: 20px;
     699        background-color: #fff;
     700        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
     701}
     702
     703.revisions.pinned .revisions-meta {
     704        box-shadow: none;
     705}
     706
     707.revision-toggle-compare-mode {
     708        position: absolute;
     709        top: 0;
     710        right: 0;
     711}
     712
     713.comparing-two-revisions .revisions-previous,
     714.comparing-two-revisions .revisions-next,
     715.revisions-meta .diff-meta-to strong {
     716        display: none;
     717}
     718
     719.revisions-controls .author-card .date {
     720        color: #777;
     721}
     722
     723.revisions-controls .author-card.autosave {
     724        color: #d54e21;
     725}
     726
     727.revisions-controls .author-card .author-name {
     728        font-weight: bold;
     729}
     730
     731.comparing-two-revisions .diff-meta-to strong {
     732        display: block;
     733}
     734
     735.revisions.pinned .revisions-buttons {
     736        padding: 0 11px;
     737}
     738
     739.revisions-previous,
     740.revisions-next {
     741        position: relative;
     742        z-index: 1;
     743}
     744
     745.revisions-previous {
     746        float: left;
     747}
     748
     749.revisions-next {
     750        float: right;
     751}
     752
     753.revisions-controls .wp-slider {
     754        max-width: 70%;
     755        margin: 0 auto;
     756        top: -3px;
     757}
     758
     759.revisions-diff {
     760        padding: 15px;
     761        background-color: #fff;
     762        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
     763}
     764
     765.revisions-diff h3:first-child {
     766        margin-top: 0;
     767}
     768
     769/* Revision meta box */
     770.post-revisions li img,
     771#revisions-meta-restored img {
     772        vertical-align: middle;
     773}
     774
     775table.diff tbody tr td:nth-child(2) {
     776        width: 4%;
     777}
     778
     779table.diff {
     780        width: 100%;
     781        white-space: pre-wrap;
     782}
     783
     784table.diff col.content {
     785        width: auto;
     786}
     787
     788table.diff col.content.diffsplit {
     789        width: 48%;
     790}
     791
     792table.diff col.diffsplit.middle {
     793        width: auto;
     794}
     795
     796table.diff col.ltype {
     797        width: 30px;
     798}
     799
     800table.diff tr {
     801        background-color: transparent;
     802}
     803
     804table.diff td,
     805table.diff th {
     806        font-family: Consolas, Monaco, monospace;
     807        font-size: 14px;
     808        line-height: 1.618;
     809        padding: .5em;
     810}
     811
     812table.diff td h1,
     813table.diff td h2,
     814table.diff td h3,
     815table.diff td h4,
     816table.diff td h5,
     817table.diff td h6 {
     818        margin: 0;
     819}
     820
     821table.diff .diff-deletedline del,
     822table.diff .diff-addedline ins {
     823        text-decoration: none;
     824}
     825
     826table.diff .diff-deletedline {
     827        background-color: #ffe9e9;
     828}
     829
     830table.diff .diff-deletedline del {
     831        background-color: #faa;
     832}
     833
     834table.diff .diff-addedline {
     835        background-color: #e9ffe9;
     836}
     837
     838table.diff .diff-addedline ins {
     839        background-color: #afa;
     840}
     841
     842.diff-meta {
     843        padding: 5px;
     844        clear: both;
     845        min-height: 32px;
     846}
     847
     848.diff-title strong {
     849        line-height: 32px;
     850        min-width: 60px;
     851        text-align: right;
     852        float: left;
     853        margin-right: 5px;
     854}
     855
     856.revisions-controls .author-card .author-info {
     857        font-size: 12px;
     858        line-height: 16px;
     859}
     860
     861.revisions-controls .author-card .avatar,
     862.revisions-controls .author-card .author-info {
     863        float: left;
     864        margin-left: 6px;
     865        margin-right: 6px;
     866}
     867
     868.revisions-controls .author-card .byline {
     869        display: block;
     870        font-size: 12px;
     871}
     872
     873.revisions-controls .author-card .avatar {
     874        vertical-align: middle;
     875}
     876
     877.diff-meta input.restore-revision {
     878        float: right;
     879        margin-left: 6px;
     880        margin-right: 6px;
     881        margin-top: 4px;
     882}
     883
     884.diff-meta-from {
     885        display: none;
     886}
     887
     888.comparing-two-revisions .diff-meta-from {
     889        display: block;
     890}
     891
     892.revisions-tooltip {
     893        position: absolute;
     894        bottom: 105px;
     895        margin-right: 0;
     896        margin-left: -69px;
     897        z-index: 0;
     898        max-width: 350px;
     899        min-width: 130px;
     900        padding: 8px 4px;
     901        display: none;
     902        opacity: 0;
     903}
     904
     905.revisions-tooltip.flipped {
     906        margin-left: 0;
     907        margin-right: -70px;
     908}
     909
     910.revisions.pinned .revisions-tooltip {
     911        display: none !important;
     912}
     913
     914.comparing-two-revisions .revisions-tooltip {
     915        bottom: 145px;
     916}
     917
     918.revisions-tooltip-arrow {
     919        width: 70px;
     920        height: 15px;
     921        overflow: hidden;
     922        position: absolute;
     923        left: 0;
     924        margin-left: 35px;
     925        bottom: -15px;
     926}
     927
     928.revisions-tooltip.flipped .revisions-tooltip-arrow {
     929        margin-left: 0;
     930        margin-right: 35px;
     931        left: auto;
     932        right: 0;
     933}
     934
     935.revisions-tooltip-arrow > span {
     936        content: "";
     937        position: absolute;
     938        left: 20px;
     939        top: -20px;
     940        width: 25px;
     941        height: 25px;
     942        -webkit-transform: rotate(45deg);
     943        -moz-transform:    rotate(45deg);
     944        -ms-transform:     rotate(45deg);
     945        -o-transform:      rotate(45deg);
     946        transform:                 rotate(45deg);
     947}
     948
     949.revisions-tooltip.flipped .revisions-tooltip-arrow > span {
     950        left: auto;
     951        right: 20px;
     952}
     953
     954.ie8 .revisions-tooltip-arrow > span {
     955        left: 15px;
     956        top: -25px;
     957        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
     958}
     959
     960.ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
     961        right: 25px;
     962}
     963
     964.revisions-tooltip,
     965.revisions-tooltip-arrow > span {
     966        border: 1px solid #d7d7d7;
     967        background-color: #fff;
     968}
     969
     970.revisions-tooltip {
     971        display: none;
     972}
     973
     974.arrow {
     975        width: 70px;
     976        height: 16px;
     977        overflow: hidden;
     978        position: absolute;
     979        left: 0;
     980        margin-left: -35px;
     981        bottom: 90px;
     982        z-index: 10000;
     983}
     984
     985.arrow::after {
     986        z-index: 9999;
     987        background-color: #fff;
     988        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
     989}
     990
     991.arrow.top {
     992        top: -16px;
     993        bottom: auto;
     994}
     995
     996.arrow.left {
     997        left: 20%;
     998}
     999
     1000.arrow:after {
     1001        content: "";
     1002        position: absolute;
     1003        left: 20px;
     1004        top: -20px;
     1005        width: 25px;
     1006        height: 25px;
     1007        -webkit-transform: rotate(45deg);
     1008        -moz-transform: rotate(45deg);
     1009        -ms-transform: rotate(45deg);
     1010        -o-transform: rotate(45deg);
     1011        transform: rotate(45deg);
     1012}
     1013
     1014.revisions-tooltip,
     1015.revisions-tooltip-arrow:after {
     1016        border-width: 1px;
     1017        border-style: solid;
     1018}
     1019
     1020div.revisions-controls > .wp-slider > .ui-slider-handle {
     1021        margin-left: -10px;
     1022}
     1023
     1024.rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
     1025        margin-right: -10px;
     1026}
     1027
     1028 /* jQuery UI Slider */
     1029.wp-slider.ui-slider {
     1030        position: relative;
     1031        border: 1px solid #d7d7d7;
     1032        text-align: left;
     1033        cursor: pointer;
     1034}
     1035
     1036.wp-slider .ui-slider-handle {
     1037        border-radius: 50%;
     1038        height: 18px;
     1039        margin-top: -3px;
     1040        outline: none;
     1041        position: absolute;
     1042        width: 18px;
     1043        z-index: 2;
     1044}
     1045
     1046.wp-slider .ui-slider-handle,
     1047.wp-slider .ui-slider-handle.ui-state-hover,
     1048.wp-slider .ui-slider-handle.focus {
     1049        background: #2ea2cc;
     1050        border: 1px solid #0074a2;
     1051        -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
     1052        box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
     1053}
     1054
     1055.wp-slider .ui-slider-handle:before {
     1056        background: none;
     1057        position: absolute;
     1058        top: 0;
     1059        left: 0;
     1060        color: #fff;
     1061        content: "\f229";
     1062        font: normal 18px/1 'dashicons';
     1063        speak: none;
     1064        -webkit-font-smoothing:antialiased;
     1065        -moz-osx-font-smoothing: grayscale;
     1066}
     1067
     1068.wp-slider .ui-slider-handle.from-handle:before,
     1069.wp-slider .ui-slider-handle.to-handle:before {
     1070        font-size: 20px !important;
     1071        margin: -1px 0 0 -1px;
     1072}
     1073
     1074.wp-slider .ui-slider-handle.from-handle:before {
     1075        content: '\f139';
     1076}
     1077
     1078.wp-slider .ui-slider-handle.to-handle:before {
     1079        content: '\f141';
     1080}
     1081
     1082.rtl .wp-slider .ui-slider-handle.from-handle:before {
     1083        content: '\f141';
     1084}
     1085
     1086.rtl .wp-slider .ui-slider-handle.to-handle:before {
     1087        content: '\f139';
     1088        right: -1px;
     1089}
     1090
     1091.wp-slider .ui-slider-range {
     1092        position: absolute;
     1093        font-size: .7em;
     1094        display: block;
     1095        border: 0;
     1096        background-color: transparent;
     1097        background-image: none;
     1098}
     1099
     1100.wp-slider.ui-slider-horizontal {
     1101        height: .7em;
     1102}
     1103
     1104.wp-slider.ui-slider-horizontal .ui-slider-handle {
     1105        top: -.25em;
     1106        margin-left: -.6em;
     1107}
     1108
     1109.wp-slider.ui-slider-horizontal .ui-slider-range {
     1110        top: 0;
     1111        height: 100%;
     1112}
     1113
     1114.wp-slider.ui-slider-horizontal .ui-slider-range-min {
     1115        left: 0;
     1116}
     1117
     1118.wp-slider.ui-slider-horizontal .ui-slider-range-max {
     1119        right: 0;
     1120}
     1121
     1122
     1123/*------------------------------------------------------------------------------
     1124  11.3 - Featured Images
     1125------------------------------------------------------------------------------*/
     1126
     1127#select-featured-image {
     1128        padding: 4px 0;
     1129        overflow: hidden;
     1130}
     1131
     1132#select-featured-image img {
     1133        max-width: 100%;
     1134        height: auto;
     1135        margin-bottom: 10px;
     1136}
     1137
     1138#select-featured-image a {
     1139        float: left;
     1140        clear: both;
     1141}
     1142
     1143#select-featured-image .remove {
     1144        display: none;
     1145        margin-top: 10px;
     1146}
     1147
     1148.js #select-featured-image.has-featured-image .remove {
     1149        display: inline-block;
     1150}
     1151
     1152.no-js #select-featured-image .choose {
     1153        display: none;
     1154}
     1155
     1156/*------------------------------------------------------------------------------
     1157  11.4 - Post formats
     1158------------------------------------------------------------------------------*/
     1159
     1160.post-state-format {
     1161        overflow: hidden;
     1162        display: inline-block;
     1163        vertical-align: middle;
     1164        height: 20px;
     1165        width: 20px;
     1166        margin-right: 5px;
     1167        margin-top: -4px;
     1168}
     1169
     1170.post-state-format:before {
     1171        display: block;
     1172        height: 20px;
     1173        width: 20px;
     1174        font: normal 20px/1 'dashicons' !important;
     1175        speak: none;
     1176        -webkit-font-smoothing: antialiased;
     1177        -moz-osx-font-smoothing: grayscale;
     1178}
     1179
     1180.post-state-format:before,
     1181.post-format-icon:before {
     1182        color: #ddd;
     1183        -webkit-transition: all .1s ease-in-out;
     1184        -moz-transition:        all .1s ease-in-out;
     1185        transition:                     all .1s ease-in-out;
     1186}
     1187
     1188a.post-state-format:hover:before,
     1189a.post-format-icon:hover:before {
     1190        color: #2ea2cc;
     1191}
     1192
     1193#post-formats-select {
     1194        line-height: 2em;
     1195}
     1196
     1197#post-formats-select .post-format-icon:before {
     1198        top: 5px;
     1199}
     1200
     1201input.post-format {
     1202        margin-top: 1px;
     1203}
     1204
     1205label.post-format-icon {
     1206        margin-left: 0px;
     1207        padding: 2px 0 2px 0px;
     1208}
     1209
     1210.post-format-icon:before {
     1211        position: relative;
     1212        display: inline-block;
     1213        margin-right: 7px;
     1214        font: normal 20px/1 'dashicons';
     1215        speak: none;
     1216        -webkit-font-smoothing: antialiased;
     1217        -moz-osx-font-smoothing: grayscale;
     1218}
     1219
     1220.post-state-format.post-format-standard:before,
     1221.post-format-icon.post-format-standard:before,
     1222a.post-state-format.format-standard:before {
     1223        content: '\f109';
     1224}
     1225
     1226.post-state-format.post-format-image:before,
     1227.post-format-icon.post-format-image:before,
     1228a.post-state-format.format-image:before {
     1229        content: '\f128';
     1230}
     1231
     1232.post-state-format.post-format-gallery:before,
     1233.post-format-icon.post-format-gallery:before,
     1234a.post-state-format.format-gallery:before {
     1235        content: '\f161';
     1236}
     1237
     1238.post-state-format.post-format-audio:before,
     1239.post-format-icon.post-format-audio:before,
     1240a.post-state-format.format-audio:before {
     1241        content: '\f127';
     1242}
     1243
     1244.post-state-format.post-format-video:before,
     1245.post-format-icon.post-format-video:before,
     1246a.post-state-format.format-video:before {
     1247        content: '\f126';
     1248}
     1249
     1250.post-state-format.post-format-chat:before,
     1251.post-format-icon.post-format-chat:before,
     1252a.post-state-format.format-chat:before {
     1253        content: '\f125';
     1254}
     1255
     1256.post-state-format.post-format-status:before,
     1257.post-format-icon.post-format-status:before,
     1258a.post-state-format.format-status:before {
     1259        content: '\f130';
     1260}
     1261
     1262.post-state-format.post-format-aside:before,
     1263.post-format-icon.post-format-aside:before,
     1264a.post-state-format.format-aside:before {
     1265        content: '\f123';
     1266}
     1267
     1268.post-state-format.post-format-quote:before,
     1269.post-format-icon.post-format-quote:before,
     1270a.post-state-format.format-quote:before {
     1271        content: '\f122';
     1272}
     1273
     1274.post-state-format.post-format-link:before,
     1275.post-format-icon.post-format-link:before,
     1276a.post-state-format.format-link:before {
     1277        content: '\f103';
     1278}
     1279
     1280
  • src/wp-admin/css/wp-admin-footer.css

    Property changes on: src/wp-admin/css/wp-admin-edit.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1#wpfooter {
     2        position: absolute;
     3        bottom: 0;
     4        left: 0;
     5        right: 0;
     6        padding: 10px 0;
     7        margin-right: 20px;
     8        color: #777;
     9}
     10
     11#wpfooter p {
     12        font-size: 13px;
     13        margin: 0;
     14        line-height: 20px;
     15}
     16
     17#footer-thankyou {
     18        font-style: italic;
     19}
     20
     21#wpfooter a {
     22        text-decoration: none;
     23}
     24
     25#wpfooter a:hover {
     26        text-decoration: underline;
     27}
     28
  • src/wp-admin/css/wp-admin-forms.css

    Property changes on: src/wp-admin/css/wp-admin-footer.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1.wp-admin select {
     2        padding: 2px;
     3        line-height: 28px;
     4        height: 28px;
     5        vertical-align: middle;
     6}
     7
     8.wp-admin select[multiple] {
     9        height: auto;
     10}
     11
     12.wp-admin .button-cancel {
     13        padding: 0 5px;
     14        line-height: 2;
     15}
     16
     17.meta-box-sortables select {
     18        max-width: 100%;
     19}
     20
     21.submit {
     22        padding: 1.5em 0;
     23        margin: 5px 0;
     24        -webkit-border-bottom-left-radius: 3px;
     25        -webkit-border-bottom-right-radius: 3px;
     26        border-bottom-left-radius: 3px;
     27        border-bottom-right-radius: 3px;
     28        border: none;
     29}
     30
     31form p.submit a.cancel:hover {
     32        text-decoration: none;
     33}
     34
     35p.submit {
     36        text-align: left;
     37        max-width: 100%;
     38        margin-top: 20px;
     39        padding-top: 10px;
     40}
     41
     42.textright p.submit {
     43        border: none;
     44        text-align: right;
     45}
     46
     47table.form-table + p.submit,
     48table.form-table + input + p.submit,
     49table.form-table + input + input + p.submit {
     50        border-top: none;
     51        padding-top: 0;
     52}
     53
     54table.widefat span.delete a,
     55table.widefat span.trash a,
     56table.widefat span.spam a,
     57.plugins a.delete,
     58#all-plugins-table .plugins a.delete,
     59#search-plugins-table .plugins a.delete,
     60.submitbox .submitdelete,
     61#media-items a.delete,
     62#media-items a.delete-permanently,
     63#nav-menu-footer .menu-delete {
     64        color: #a00;
     65}
     66
     67abbr.required,
     68.file-error,
     69.widget-control-remove:hover,
     70table.widefat .delete a:hover,
     71table.widefat .trash a:hover,
     72table.widefat .spam a:hover,
     73.plugins a.delete:hover,
     74#all-plugins-table .plugins a.delete:hover,
     75#search-plugins-table .plugins a.delete:hover,
     76.submitbox .submitdelete:hover,
     77#media-items a.delete:hover,
     78#media-items a.delete-permanently:hover,
     79#nav-menu-footer .menu-delete:hover {
     80        color: #f00;
     81        text-decoration: none;
     82        border: none;
     83}
     84
     85#minor-publishing-actions input,
     86#major-publishing-actions input,
     87#minor-publishing-actions .preview {
     88        text-align: center;
     89}
     90
     91textarea.all-options,
     92input.all-options {
     93        width: 250px;
     94}
     95
     96input.large-text,
     97textarea.large-text {
     98        width: 99%;
     99}
     100
     101input.regular-text,
     102#adduser .form-field input {
     103        width: 25em;
     104}
     105
     106input.small-text {
     107        width: 50px;
     108        padding: 1px 6px;
     109}
     110
     111input[type="number"].small-text {
     112        width: 65px;
     113}
     114
     115#doaction,
     116#doaction2,
     117#post-query-submit {
     118        margin: 1px 8px 0 0;
     119}
     120
     121.tablenav #changeit,
     122.tablenav #delete_all,
     123.tablenav #clear-recent-list {
     124        margin-top: 1px;
     125}
     126
     127.tablenav .actions select {
     128        float: left;
     129        margin-right: 6px;
     130        max-width: 200px;
     131}
     132
     133.ie8 .tablenav .actions select {
     134        width: 155px;
     135}
     136
     137.ie8 .tablenav .actions select#cat {
     138        width: 200px;
     139}
     140
     141#timezone_string option {
     142        margin-left: 1em;
     143}
     144
     145#upload-form label {
     146        color: #777;
     147}
     148
     149label,
     150#your-profile label + a {
     151        vertical-align: middle;
     152}
     153
     154fieldset label,
     155#your-profile label + a {
     156        vertical-align: middle;
     157}
     158
     159.options-media-php label[for*="_size_"],
     160#misc-publishing-actions label {
     161        vertical-align: baseline;
     162}
     163
     164#misc-publishing-actions label[for="post_status"]:before {
     165        content: '\f173';
     166        display: inline-block;
     167        font: normal 20px/1 'dashicons';
     168        speak: none;
     169        left: -1px;
     170        padding: 0 5px 0 0;
     171        position: relative;
     172        top: 0;
     173        text-decoration: none !important;
     174        vertical-align: top;
     175
     176        -webkit-font-smoothing: antialiased;
     177        -moz-osx-font-smoothing: grayscale;
     178}
     179
     180#pass-strength-result {
     181        background-color: #eee;
     182        border: 1px solid #ddd;
     183        float: left;
     184        margin: 13px 5px 5px 1px;
     185        padding: 3px 5px;
     186        text-align: center;
     187        width: 200px;
     188        display: none;
     189}
     190
     191#pass-strength-result.short {
     192        background-color: #ffa0a0;
     193        border-color: #f04040;
     194}
     195
     196#pass-strength-result.bad {
     197        background-color: #ffb78c;
     198        border-color: #ff853c;
     199}
     200
     201#pass-strength-result.good {
     202        background-color: #ffec8b;
     203        border-color: #fc0;
     204}
     205
     206#pass-strength-result.strong {
     207        background-color: #c3ff88;
     208        border-color: #8dff1c;
     209}
     210
     211.indicator-hint {
     212        padding-top: 8px;
     213}
     214
     215p.search-box {
     216        float: right;
     217        margin: 0;
     218}
     219
     220.network-admin.themes-php p.search-box {
     221        clear: left;
     222}
     223
     224.search-box input[name="s"],
     225#search-plugins input[name="s"],
     226.tagsdiv .newtag {
     227        float: left;
     228        height: 28px;
     229        margin: 0 4px 0 0;
     230}
     231
     232input[type="text"].ui-autocomplete-loading {
     233        background: transparent url('../images/loading.gif') no-repeat right center;
     234        visibility: visible;
     235}
     236
     237ul#add-to-blog-users {
     238        margin: 0 0 0 14px;
     239}
     240
     241.ui-autocomplete-input.open {
     242        border-bottom-right-radius: 0;
     243        border-bottom-left-radius: 0;
     244}
     245
     246.ui-autocomplete {
     247        padding: 0;
     248        margin: 0;
     249        list-style: none;
     250        position: absolute;
     251        z-index: 10000;
     252        border-bottom-right-radius: 3px;
     253        border-bottom-left-radius: 3px;
     254        border: 1px solid #aaa;
     255        background-color: #efefef;
     256}
     257
     258.ui-autocomplete li {
     259        margin-bottom: 0;
     260        white-space: nowrap;
     261        text-align: left;
     262}
     263
     264.ui-autocomplete li a {
     265        display: block;
     266        height: 100%;
     267        padding: 4px 10px;
     268        color: #444;
     269}
     270
     271.ui-autocomplete li a.ui-state-focus {
     272        background-color: #ddd;
     273        cursor: pointer;
     274}
     275
  • src/wp-admin/css/wp-admin-header.css

    Property changes on: src/wp-admin/css/wp-admin-forms.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1#adminmenu a,
     2#sidemenu a,
     3#taglist a,
     4#catlist a {
     5        text-decoration: none;
     6}
     7
     8/*------------------------------------------------------------------------------
     9  6.1 - Screen Options Tabs
     10------------------------------------------------------------------------------*/
     11
     12#screen-options-wrap,
     13#contextual-help-wrap {
     14        margin: 0;
     15        padding: 8px 20px 12px;
     16        position: relative;
     17}
     18
     19#contextual-help-wrap {
     20        overflow: auto;
     21        margin-left: 0 !important;
     22}
     23
     24#screen-meta .screen-reader-text {
     25        visibility: hidden;
     26}
     27
     28#screen-meta-links {
     29        margin: 0 20px 0 0;
     30}
     31
     32#screen-meta-links a {
     33        padding: 3px 6px 3px 16px;
     34}
     35
     36#screen-meta-links a:focus {
     37        outline: none;
     38}
     39
     40/* screen options and help tabs revert */
     41#screen-meta {
     42        display: none;
     43        margin: 0 20px -1px 0px;
     44        position: relative;
     45        background-color: #fff;
     46        border: 1px solid #ddd;
     47        border-top: none;
     48        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
     49        box-shadow:                     0 1px 0 rgba(0,0,0,.025);
     50}
     51
     52#screen-options-link-wrap,
     53#contextual-help-link-wrap {
     54        float: right;
     55        height: 28px;
     56        margin: 0 0 0 6px;
     57        border: 1px solid #ddd;
     58        border-top: none;
     59        background: #fff;
     60        -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
     61        box-shadow:                     0px 1px 1px -1px rgba(0,0,0,0.1);
     62}
     63
     64#screen-meta-links .screen-meta-toggle {
     65        position: relative;
     66        top: 0;
     67}
     68
     69#screen-meta-links a {
     70        color: #777;
     71}
     72
     73#screen-meta-links a:hover,
     74#screen-meta-links a:active,
     75#screen-meta-links a:focus {
     76        color: #333;
     77}
     78
     79#screen-meta-links a:focus {
     80        border-color: #aaa;
     81        -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
     82        box-shadow:                     0 2px 3px rgba(0,0,0,0.15);
     83}
     84
     85#screen-meta-links a.show-settings {
     86        display: block;
     87        font-size: 13px;
     88        height: 22px;
     89        line-height: 22px;
     90        text-decoration: none;
     91        z-index: 1;
     92}
     93
     94#screen-meta-links a:after {
     95        right: 0;
     96        content: '\f140';
     97        font: normal 20px/1 'dashicons';
     98        speak: none;
     99        display: inline-block;
     100        padding: 0 5px 0 0;
     101        bottom: 2px;
     102        position: relative;
     103        vertical-align: bottom;
     104        -webkit-font-smoothing: antialiased;
     105        -moz-osx-font-smoothing: grayscale;
     106        text-decoration: none !important;
     107        color: #bbb;
     108}
     109
     110#screen-meta-links a.screen-meta-active:after {
     111        content: '\f142';
     112}
     113
     114#screen-meta-links a.show-settings:hover {
     115        text-decoration: none;
     116}
     117/* end screen options and help tabs */
     118
     119.toggle-arrow {
     120        background-repeat: no-repeat;
     121        background-position: top left;
     122        background-color: transparent;
     123        height: 22px;
     124        line-height: 22px;
     125        display: block;
     126}
     127
     128.toggle-arrow-active {
     129        background-position: bottom left;
     130}
     131
     132#screen-options-wrap h5,
     133#contextual-help-wrap h5 {
     134        margin: 8px 0;
     135        font-size: 13px;
     136}
     137
     138.metabox-prefs label {
     139        display: inline-block;
     140        padding-right: 15px;
     141        line-height: 30px;
     142}
     143
     144.metabox-prefs label input[type=checkbox] {
     145        margin-top: -4px;
     146        margin-right: 6px;
     147}
     148
     149.metabox-prefs label input {
     150        margin: 0 5px 0 2px;
     151}
     152
     153.metabox-prefs .columns-prefs label input {
     154        margin: 0 2px;
     155}
     156
     157.metabox-prefs label a {
     158        display: none;
     159}
     160
     161/*------------------------------------------------------------------------------
     162  6.2 - Help Menu
     163------------------------------------------------------------------------------*/
     164
     165#contextual-help-wrap {
     166        padding: 0;
     167}
     168
     169#contextual-help-columns {
     170        position: relative;
     171}
     172
     173#contextual-help-back {
     174        position: absolute;
     175        top: 0;
     176        bottom: 0;
     177        left: 150px;
     178        right: 170px;
     179        border: 1px solid #e1e1e1;
     180        border-top: none;
     181        border-bottom: none;
     182        background: #f6fbfd;
     183}
     184
     185#contextual-help-wrap.no-sidebar #contextual-help-back {
     186        right: 0;
     187
     188        border-right-width: 0;
     189        -webkit-border-bottom-right-radius: 2px;
     190        border-bottom-right-radius: 2px;
     191}
     192
     193.contextual-help-tabs {
     194        float: left;
     195        width: 150px;
     196        margin: 0;
     197}
     198
     199.contextual-help-tabs ul {
     200        margin: 1em 0;
     201}
     202
     203.contextual-help-tabs li {
     204        margin-bottom: 0;
     205        list-style-type: none;
     206        border-style: solid;
     207        border-width: 0 0 0 2px;
     208        border-color: transparent;
     209}
     210
     211.contextual-help-tabs a {
     212        display: block;
     213        padding: 5px 5px 5px 12px;
     214        line-height: 18px;
     215        text-decoration: none;
     216        border: 1px solid transparent;
     217        border-right: none;
     218        border-left: none;
     219}
     220
     221.contextual-help-tabs a:hover {
     222        color: #333;
     223}
     224
     225.contextual-help-tabs .active {
     226        padding: 0;
     227        margin: 0 -1px 0 0;
     228        border-left: 2px solid #2ea2cc;
     229        background: #f6fbfd;
     230
     231        -webkit-box-shadow: 0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
     232        box-shadow:                     0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
     233}
     234
     235.contextual-help-tabs .active a {
     236        border-color: #e1e1e1;
     237        color: #333;
     238}
     239
     240.contextual-help-tabs-wrap {
     241        padding: 0 20px;
     242        overflow: auto;
     243}
     244
     245.help-tab-content {
     246        display: none;
     247        margin: 0 22px 12px 0;
     248        line-height: 1.6em;
     249}
     250
     251.help-tab-content.active {
     252        display: block;
     253}
     254
     255.help-tab-content ul li {
     256        list-style-type: disc;
     257        margin-left: 18px;
     258}
     259
     260.contextual-help-sidebar {
     261        width: 150px;
     262        float: right;
     263        padding: 0 8px 0 12px;
     264        overflow: auto;
     265}
     266
     267
  • src/wp-admin/css/wp-admin-layout.css

    Property changes on: src/wp-admin/css/wp-admin-header.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1html.wp-toolbar {
     2        padding-top: 32px;
     3        -webkit-box-sizing: border-box;
     4        -moz-box-sizing: border-box;
     5        box-sizing: border-box;
     6}
     7
     8.narrow {
     9        width: 70%;
     10        margin-bottom: 40px;
     11}
     12
     13.narrow p {
     14        line-height: 150%;
     15}
     16
     17.widefat th,
     18.widefat td {
     19        overflow: hidden;
     20        color: #555;
     21}
     22
     23.widefat th {
     24        font-weight: normal;
     25}
     26
     27.widefat thead tr th,
     28.widefat tfoot tr th {
     29        color: #333;
     30}
     31
     32.widefat td p {
     33        margin: 2px 0 0.8em;
     34}
     35
     36.widefat p,
     37.widefat ol,
     38.widefat ul {
     39        color: #333;
     40}
     41
     42.widefat .column-comment p {
     43        margin: 0.6em 0;
     44}
     45
     46/* Screens with postboxes */
     47.postbox-container {
     48        float: left;
     49}
     50
     51#wpbody-content #dashboard-widgets.columns-1 .postbox-container {
     52        width: 100%;
     53}
     54
     55#wpbody-content #dashboard-widgets.columns-2 .postbox-container {
     56        width: 49.5%;
     57}
     58
     59#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
     60#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
     61#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
     62        float: right;
     63        width: 50.5%;
     64}
     65
     66#wpbody-content #dashboard-widgets.columns-3 .postbox-container {
     67        width: 33.5%;
     68}
     69
     70#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
     71        width: 33%;
     72}
     73
     74#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
     75#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
     76        float: right;
     77}
     78
     79#wpbody-content #dashboard-widgets.columns-4 .postbox-container {
     80        width: 25%;
     81}
     82
     83.postbox-container .meta-box-sortables {
     84        -moz-box-sizing: border-box;
     85        -webkit-box-sizing: border-box;
     86        -ms-box-sizing: border-box;
     87        box-sizing: border-box;
     88}
     89
     90.metabox-holder .postbox-container .empty-container {
     91        border: 3px dashed #bbb;
     92        height: 250px;
     93}
     94
     95.metabox-holder.columns-1 .postbox-container .empty-container,
     96.columns-2 #postbox-container-3 .empty-container,
     97.columns-2 #postbox-container-4 .empty-container,
     98.columns-3 #postbox-container-4 .empty-container {
     99        border: 0 none;
     100        height: 0;
     101        min-height: 0;
     102}
     103
     104.ie8 #wpbody-content #dashboard-widgets .postbox-container {
     105        width: 49.5%;
     106}
     107
     108.ie8 #wpbody-content #dashboard-widgets #postbox-container-2,
     109.ie8 #wpbody-content #dashboard-widgets #postbox-container-3,
     110.ie8 #wpbody-content #dashboard-widgets #postbox-container-4 {
     111        float: right;
     112        width: 50.5%;
     113}
     114
     115.ie8 #dashboard-widgets #postbox-container-3 .empty-container,
     116.ie8 #dashboard-widgets #postbox-container-4 .empty-container {
     117        border: 0 none;
     118        height: 0;
     119        min-height: 0;
     120}
     121
     122#poststuff {
     123        padding-top: 10px;
     124        min-width: 763px;
     125}
     126
     127#poststuff #post-body {
     128        padding: 0;
     129}
     130
     131#post-body-content {
     132        width: 100%;
     133        min-width: 463px;
     134        float: left;
     135}
     136
     137#poststuff .postbox-container {
     138        width: 100%;
     139}
     140
     141#poststuff #post-body.columns-2 {
     142        margin-right: 300px;
     143}
     144
     145#post-body.columns-2 #postbox-container-1 {
     146        float: right;
     147        margin-right: -300px;
     148        width: 280px;
     149}
     150
     151#post-body.columns-2 #side-sortables {
     152        min-height: 250px;
     153}
     154
     155#dashboard-widgets .postbox-container {
     156        width: 25%;
     157}
     158
     159#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
     160        border: none !important;
     161}
     162
     163#dashboard-widgets-wrap {
     164        overflow: hidden;
     165}
     166
     167/* one column on the dash */
     168@media only screen and (max-width: 799px) {
     169        #wpbody-content #dashboard-widgets .postbox-container {
     170                width: 100%;
     171        }
     172
     173        #wpbody-content .metabox-holder .postbox-container .empty-container {
     174                border: 0 none;
     175                height: 0;
     176                min-height: 0;
     177        }
     178}
     179
     180/* two columns on the dash, but keep the setting if one is selected */
     181@media only screen and (min-width: 800px) and (max-width: 1499px) {
     182        #wpbody-content #dashboard-widgets .postbox-container {
     183                width: 49.5%;
     184        }
     185
     186        #wpbody-content #dashboard-widgets #postbox-container-2,
     187        #wpbody-content #dashboard-widgets #postbox-container-3,
     188        #wpbody-content #dashboard-widgets #postbox-container-4 {
     189                float: right;
     190                width: 50.5%;
     191        }
     192
     193        #dashboard-widgets #postbox-container-3 .empty-container,
     194        #dashboard-widgets #postbox-container-4 .empty-container {
     195                border: 0 none;
     196                height: 0;
     197                min-height: 0;
     198        }
     199
     200        #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
     201                width: 100%;
     202        }
     203
     204        #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
     205                border: 0 none;
     206                height: 0;
     207                min-height: 0;
     208        }
     209
     210        /* show the radio buttons for column prefs only for one or two columns */
     211        .index-php .screen-layout,
     212        .index-php .columns-prefs {
     213                display: block;
     214        }
     215
     216        .columns-prefs .columns-prefs-3,
     217        .columns-prefs .columns-prefs-4 {
     218                display: none;
     219        }
     220}
     221
     222/* three columns on the dash */
     223@media only screen and (min-width: 1500px) and (max-width: 1800px) {
     224        #wpbody-content #dashboard-widgets .postbox-container {
     225                width: 33.5%;
     226        }
     227
     228        #wpbody-content #dashboard-widgets #postbox-container-1 {
     229                width: 33%;
     230        }
     231
     232        #wpbody-content #dashboard-widgets #postbox-container-3,
     233        #wpbody-content #dashboard-widgets #postbox-container-4 {
     234                float: right;
     235        }
     236
     237        #dashboard-widgets #postbox-container-4 .empty-container {
     238                border: 0 none;
     239                height: 0;
     240                min-height: 0;
     241        }
     242}
     243
     244/* one column on the post write/edit screen */
     245@media only screen and (max-width: 850px) {
     246        #poststuff {
     247                min-width: 0;
     248        }
     249
     250        #wpbody-content #poststuff #post-body {
     251                margin: 0;
     252        }
     253
     254        #wpbody-content #post-body.columns-2 #postbox-container-1 {
     255                margin-right: 0;
     256                width: 100%;
     257        }
     258
     259        #poststuff #postbox-container-1 .empty-container,
     260        #poststuff #postbox-container-1 #side-sortables:empty {
     261                border: 0 none;
     262                height: 0;
     263                min-height: 0;
     264        }
     265
     266        #poststuff #post-body.columns-2 #side-sortables {
     267                min-height: 0;
     268        }
     269
     270        /* hide the radio buttons for column prefs */
     271        .screen-layout,
     272        .columns-prefs {
     273                display: none;
     274        }
     275}
     276
     277.js .postbox .hndle {
     278        cursor: move;
     279}
     280
     281.hndle a {
     282        font-size: 11px;
     283        font-weight: normal;
     284}
     285
     286.postbox .handlediv {
     287        float: right;
     288        width: 27px;
     289        height: 30px;
     290}
     291
     292.js .postbox .handlediv {
     293        cursor: pointer;
     294}
     295
     296.sortable-placeholder {
     297        border: 1px dashed #bbb;
     298        margin-bottom: 20px;
     299}
     300
     301.postbox,
     302.stuffbox {
     303        margin-bottom: 20px;
     304        padding: 0;
     305        line-height: 1;
     306}
     307
     308.postbox h3,
     309.stuffbox h3 {
     310        margin-top: 1px;
     311        -webkit-user-select: none;
     312        -moz-user-select: none;
     313        user-select: none;
     314}
     315
     316.js .widget .widget-top,
     317.js .postbox h3 {
     318        cursor: move;
     319}
     320
     321.postbox .inside,
     322.stuffbox .inside {
     323        padding: 0 12px 12px;
     324        line-height: 1.4em;
     325        font-size: 13px;
     326}
     327
     328.postbox .inside {
     329        margin: 11px 0;
     330        position: relative;
     331}
     332
     333#dashboard-widgets .postbox .inside {
     334        margin-bottom: 0;
     335}
     336
     337.postbox .inside > p:last-child,
     338.rss-widget ul li:last-child {
     339        margin-bottom: 1px !important;
     340}
     341
     342.postbox.closed h3 {
     343        border: none;
     344        -webkit-box-shadow: none;
     345        box-shadow: none;
     346}
     347
     348.postbox table.form-table {
     349        margin-bottom: 0;
     350}
     351
     352.postbox table.widefat {
     353        -webkit-box-shadow: none;
     354        box-shadow: none;
     355}
     356
     357.temp-border {
     358        border: 1px dotted #ccc;
     359}
     360
     361.columns-prefs label {
     362        padding: 0 5px;
     363}
     364
     365
  • src/wp-admin/css/wp-admin-lists.css

    Property changes on: src/wp-admin/css/wp-admin-layout.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1/*------------------------------------------------------------------------------
     2  10.0 - List Posts (/Pages/etc)
     3------------------------------------------------------------------------------*/
     4
     5table.fixed {
     6        table-layout: fixed;
     7}
     8
     9.fixed .column-rating,
     10.fixed .column-visible {
     11        width: 8%;
     12}
     13
     14.fixed .column-posts,
     15.fixed .column-date,
     16.fixed .column-parent,
     17.fixed .column-links,
     18.fixed .column-author,
     19.fixed .column-format {
     20        width: 10%;
     21}
     22
     23.fixed .column-comment .comment-author {
     24        display: none;
     25}
     26
     27.fixed .column-response,
     28.fixed .column-categories,
     29.fixed .column-tags,
     30.fixed .column-rel,
     31.fixed .column-role {
     32        width: 15%;
     33}
     34
     35.fixed .column-slug {
     36        width: 25%;
     37}
     38
     39.fixed .column-locations {
     40        width: 35%;
     41}
     42
     43.fixed .column-comments {
     44        width: 4em;
     45        padding: 8px 0;
     46        text-align: left;
     47}
     48
     49.fixed .column-comments .vers {
     50        padding-left: 3px;
     51}
     52
     53.fixed .column-comments a {
     54        float: left;
     55}
     56
     57.fixed .column-icon {
     58        width: 80px;
     59}
     60
     61/* @todo: pick a consistent list table selector */
     62.wp-list-table a {
     63        -moz-transition:        none;
     64        -webkit-transition: none;
     65        transition:                     none;
     66}
     67
     68#the-list tr:last-child td,
     69#the-list tr:last-child th {
     70        border-bottom: none !important;
     71        -webkit-box-shadow: none;
     72        box-shadow: none;
     73}
     74
     75#comments-form .fixed .column-author {
     76        width: 20%;
     77}
     78
     79#commentsdiv.postbox .inside {
     80        margin: 0;
     81        padding: 0;
     82}
     83
     84#commentsdiv .inside .row-actions {
     85        line-height:18px;
     86}
     87
     88#commentsdiv .inside .column-author {
     89        width: 25%;
     90}
     91
     92#commentsdiv .column-comment p {
     93        margin: 0.6em 0;
     94        padding: 0;
     95}
     96
     97#commentsdiv #replyrow td {
     98        padding: 0;
     99}
     100
     101#commentsdiv p {
     102        padding: 8px 10px;
     103        margin: 0;
     104}
     105
     106#commentsdiv .comments-box {
     107        border: 0 none;
     108}
     109
     110#commentsdiv .comments-box thead th {
     111        background: transparent;
     112        padding: 0 7px 4px;
     113        font-style: italic;
     114}
     115
     116#commentsdiv .comments-box tr:last-child td {
     117        border-bottom: 0 none;
     118}
     119
     120#commentsdiv .spinner {
     121        padding-left: 5px;
     122}
     123
     124.sorting-indicator {
     125        display: none;
     126        width: 10px;
     127        height: 4px;
     128        margin-top: 8px;
     129        margin-left: 7px;
     130}
     131
     132.sorting-indicator:before {
     133        background: none;
     134        content: '\f142';
     135        font: normal 20px/1 'dashicons';
     136        speak: none;
     137        display: inline-block;
     138        padding: 0;
     139        top: -4px;
     140        left: -8px;
     141        color: #444;
     142        line-height: 10px;
     143        position: relative;
     144        vertical-align: top;
     145        -webkit-font-smoothing: antialiased;
     146        -moz-osx-font-smoothing: grayscale;
     147        text-decoration: none !important;
     148        color: #444;
     149}
     150
     151.column-comments .sorting-indicator:before {
     152        top: 0;
     153        left: -10px;
     154}
     155
     156th.sorted.asc .sorting-indicator:before,
     157th.desc:hover span.sorting-indicator:before {
     158        content: '\f142';
     159}
     160
     161th.sorted.desc .sorting-indicator:before,
     162th.asc:hover span.sorting-indicator:before {
     163        content: '\f140';
     164}
     165
     166tr.wp-locked .locked-indicator {
     167        background: url('../images/lock.png') no-repeat;
     168        margin: -2px 0 0 6px;
     169        height: 20px;
     170        width: 16px;
     171}
     172
     173tr.wp-locked .check-column label,
     174tr.wp-locked .check-column input[type="checkbox"],
     175tr.wp-locked .row-actions .inline,
     176tr.wp-locked .row-actions .trash {
     177        display: none;
     178}
     179
     180tr .locked-info {
     181        height: 0;
     182        opacity: 0;
     183}
     184
     185tr.wp-locked .locked-info {
     186        margin-top: 8px;
     187        height: auto;
     188        opacity: 1;
     189}
     190
     191.locked-text {
     192        vertical-align: top;
     193}
     194
     195tr.locked-info, tr.wp-locked .locked-info {
     196        -webkit-transition: height 1s, opacity 500ms;
     197        -moz-transition:        height 1s, opacity 500ms;
     198        -ms-transition:         height 1s, opacity 500ms;
     199        -o-transition:          height 1s, opacity 500ms;
     200        transition:                     height 1s, opacity 500ms;
     201}
     202
     203.fixed .column-comments .sorting-indicator {
     204        margin-top: 3px;
     205}
     206
     207#menu-locations-wrap .widefat {
     208        width: 60%;
     209}
     210
     211.widefat th.sortable,
     212.widefat th.sorted {
     213        padding: 0;
     214}
     215
     216th.sortable a,
     217th.sorted a {
     218        display: block;
     219        overflow: hidden;
     220        padding: 7px 7px 8px 10px;
     221}
     222
     223th.manage-column a,
     224th.sortable a:hover,
     225th.sortable a:active,
     226th.sortable a:focus {
     227        color: #333;
     228}
     229
     230th.sortable a:focus {
     231        background: #e1e1e1;
     232}
     233
     234.fixed .column-comments.sortable a,
     235.fixed .column-comments.sorted a {
     236        padding: 8px 0;
     237}
     238
     239th.sortable a span,
     240th.sorted a span {
     241        float: left;
     242        cursor: pointer;
     243}
     244
     245th.sorted.asc .sorting-indicator,
     246th.desc:hover span.sorting-indicator {
     247        display: block;
     248        background-position: 0 0;
     249}
     250
     251th.sorted.desc .sorting-indicator,
     252th.asc:hover span.sorting-indicator {
     253        display: block;
     254        background-position: -7px 0;
     255}
     256
     257/* Bulk Actions */
     258.tablenav-pages a {
     259        font-weight: 600;
     260        margin-right: 1px;
     261        padding: 0 2px;
     262}
     263.tablenav-pages .current-page {
     264        padding-top: 0;
     265        text-align: center;
     266}
     267.tablenav-pages .next-page {
     268        margin-left: 2px;
     269}
     270
     271.tablenav a.button-secondary {
     272        display: block;
     273        margin: 3px 8px 0 0;
     274}
     275
     276.tablenav {
     277        clear: both;
     278        height: 30px;
     279        margin: 6px 0 4px;
     280        vertical-align: middle;
     281}
     282
     283.tablenav.themes {
     284        max-width: 98%;
     285}
     286
     287.tablenav .tablenav-pages {
     288        float: right;
     289        display: block;
     290        cursor: default;
     291        height: 30px;
     292        color: #555;
     293        line-height: 30px;
     294        font-size: 12px;
     295}
     296
     297.tablenav .no-pages,
     298.tablenav .one-page .pagination-links {
     299        display: none;
     300}
     301
     302.tablenav .tablenav-pages a,
     303.tablenav-pages span.current  {
     304        text-decoration: none;
     305        padding: 3px 6px;
     306}
     307
     308.tablenav .tablenav-pages a {
     309        padding: 0 10px 3px;
     310        background: #eee;
     311        background: rgba( 0, 0, 0, 0.05 );
     312        font-size: 16px;
     313        font-weight: normal;
     314}
     315
     316.tablenav .tablenav-pages a:hover,
     317.tablenav .tablenav-pages a:focus {
     318        color: #fff;
     319        background: #2ea2cc;
     320}
     321
     322.tablenav .tablenav-pages a.disabled,
     323.tablenav .tablenav-pages a.disabled:hover,
     324.tablenav .tablenav-pages a.disabled:focus,
     325.tablenav .tablenav-pages a.disabled:active {
     326        color: #aaa;
     327        background: #eee;
     328        background: rgba( 0, 0, 0, 0.05 );
     329}
     330
     331.tablenav .displaying-num {
     332        margin-right: 2px;
     333        color: #777;
     334        font-size: 12px;
     335        font-style: italic;
     336}
     337
     338.tablenav .actions {
     339        overflow: hidden;
     340        padding: 2px 8px 0 0;
     341}
     342
     343.tablenav .delete {
     344        margin-right: 20px;
     345}
     346
     347/* @todo: unclear if the following tablenav rules are actually used.
     348classes exist in paginate_links() but not seen in list table output. */
     349.tablenav .dots {
     350        border-color: transparent;
     351}
     352
     353.tablenav .next,
     354.tablenav .prev {
     355        border-color: transparent;
     356        color: #0074a2;
     357}
     358
     359.tablenav .next:hover,
     360.tablenav .prev:hover {
     361        border-color: transparent;
     362        color: #2ea2cc;
     363}
     364
     365.view-switch {
     366        float: right;
     367        margin: 5px 16px 0 8px;
     368}
     369
     370.view-switch img {
     371        display: none;
     372}
     373
     374.view-switch a {
     375        text-decoration: none;
     376}
     377
     378.view-switch > a {
     379        display: inline-block;
     380        width: 18px;
     381        height: 18px;
     382}
     383
     384.view-switch > a:before {
     385        color: #bbb;
     386        content: '\f163';
     387        display: inline-block;
     388        float: left;
     389        font: normal 20px/1 'dashicons';
     390        speak: none;
     391        vertical-align: middle;
     392        margin-left: 0;
     393        -webkit-font-smoothing: antialiased;
     394        -moz-osx-font-smoothing: grayscale;
     395}
     396
     397.view-switch a:hover:before {
     398        color: #727272;
     399}
     400
     401.view-switch a.current:before {
     402        color: #0074a2;
     403}
     404
     405.view-switch > a + a:before {
     406        margin-left: 5px;
     407        content: '\f164';
     408}
     409
     410.filter {
     411        float: left;
     412        margin: -5px 0 0 10px;
     413}
     414
     415.filter .subsubsub {
     416        margin-left: -10px;
     417        margin-top: 13px;
     418}
     419.screen-per-page {
     420        width: 4em;
     421}
     422
     423#posts-filter fieldset {
     424        float: left;
     425        margin: 0 1.5ex 1em 0;
     426        padding: 0;
     427}
     428
     429#posts-filter fieldset legend {
     430        padding: 0 0 .2em 1px;
     431}
     432
     433
     434/*------------------------------------------------------------------------------
     435  10.1 - Inline Editing
     436------------------------------------------------------------------------------*/
     437
     438/*
     439.quick-edit* is for Quick Edit
     440.bulk-edit* is for Bulk Edit
     441.inline-edit* is for everything
     442*/
     443
     444/*      Layout */
     445
     446#wpbody-content .inline-edit-row fieldset {
     447        font-size: 12px;
     448        float: left;
     449        margin: 0;
     450        padding: 0;
     451        width: 100%;
     452}
     453
     454tr.inline-edit-row td,
     455#wpbody-content .inline-edit-row fieldset .inline-edit-col {
     456        padding: 0 0.5em;
     457}
     458
     459#wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col {
     460        border-width: 0 0 0 1px;
     461        border-style: none none none solid;
     462}
     463
     464#wpbody-content .quick-edit-row-post .inline-edit-col-left {
     465        width: 40%;
     466}
     467
     468#wpbody-content .quick-edit-row-post .inline-edit-col-right {
     469        width: 39%;
     470}
     471
     472#wpbody-content .inline-edit-row-post .inline-edit-col-center {
     473        width: 20%;
     474}
     475
     476#wpbody-content .quick-edit-row-page .inline-edit-col-left {
     477        width: 50%;
     478}
     479
     480#wpbody-content .quick-edit-row-page .inline-edit-col-right,
     481#wpbody-content .bulk-edit-row-post .inline-edit-col-right {
     482        width: 49%;
     483}
     484
     485#wpbody-content .bulk-edit-row .inline-edit-col-left {
     486        width: 30%;
     487}
     488
     489#wpbody-content .bulk-edit-row-page .inline-edit-col-right {
     490        width: 69%;
     491}
     492
     493#wpbody-content .bulk-edit-row .inline-edit-col-bottom {
     494        float: right;
     495        width: 69%;
     496}
     497
     498#wpbody-content .inline-edit-row-page .inline-edit-col-right {
     499        margin-top: 27px;
     500}
     501
     502.inline-edit-row fieldset .inline-edit-group {
     503        clear: both;
     504}
     505
     506.inline-edit-row fieldset .inline-edit-group:after {
     507        content: ".";
     508        display: block;
     509        height: 0;
     510        clear: both;
     511        visibility: hidden;
     512}
     513
     514.inline-edit-row p.submit {
     515        clear: both;
     516        padding: 0.5em;
     517        margin: 0.5em 0 0;
     518}
     519
     520.inline-edit-row span.error {
     521        line-height: 22px;
     522        margin: 0 15px;
     523        padding: 3px 5px;
     524}
     525
     526/*      Positioning */
     527.inline-edit-row h4 {
     528        margin: .2em 0;
     529        padding: 0;
     530        line-height: 23px;
     531}
     532.inline-edit-row fieldset span.title,
     533.inline-edit-row fieldset span.checkbox-title {
     534        margin: 0;
     535        padding: 0;
     536        line-height: 27px;
     537}
     538
     539.inline-edit-row fieldset label,
     540.inline-edit-row fieldset span.inline-edit-categories-label {
     541        display: block;
     542        margin: .2em 0;
     543}
     544
     545.inline-edit-row fieldset label.inline-edit-tags {
     546        margin-top: 0;
     547}
     548
     549.inline-edit-row fieldset label.inline-edit-tags span.title {
     550        margin: .2em 0;
     551        width: auto;
     552}
     553
     554.inline-edit-row fieldset label span.title {
     555        display: block;
     556        float: left;
     557        width: 5em;
     558}
     559
     560.inline-edit-row fieldset label span.input-text-wrap {
     561        display: block;
     562        margin-left: 5em;
     563}
     564
     565.quick-edit-row-post fieldset.inline-edit-col-right label span.title {
     566        width: auto;
     567        padding-right: 0.5em;
     568}
     569
     570.inline-edit-row .input-text-wrap input[type=text] {
     571        width: 100%;
     572}
     573
     574.inline-edit-row fieldset label input[type=checkbox] {
     575        vertical-align: text-bottom;
     576}
     577
     578.inline-edit-row fieldset label textarea {
     579        width: 100%;
     580        height: 4em;
     581}
     582
     583#wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
     584        max-width: 50%;
     585}
     586
     587#wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
     588        margin-right: 0.5em
     589}
     590
     591.inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
     592        width: 6em;
     593}
     594
     595.inline-edit-save .spinner {
     596        padding: 4px 10px 0;
     597        vertical-align: top;
     598        float: right;
     599}
     600
     601/*      Styling */
     602.inline-edit-row h4 {
     603        text-transform: uppercase;
     604}
     605
     606.inline-edit-row fieldset span.title,
     607.inline-edit-row fieldset span.checkbox-title {
     608        font-style: italic;
     609        line-height: 1.8em;
     610}
     611
     612/*      Specific Elements */
     613.inline-edit-row fieldset .inline-edit-date {
     614        float: left;
     615}
     616
     617.inline-edit-row fieldset input[name=jj],
     618.inline-edit-row fieldset input[name=hh],
     619.inline-edit-row fieldset input[name=mn] {
     620        font-size: 12px;
     621        width: 2.1em;
     622}
     623
     624.inline-edit-row fieldset input[name=aa] {
     625        font-size: 12px;
     626        width: 3.5em;
     627}
     628
     629.inline-edit-row fieldset label input.inline-edit-password-input {
     630        width: 8em;
     631}
     632
     633ul.cat-checklist {
     634        height: 12em;
     635        border: solid 1px #ddd;
     636        overflow-y: scroll;
     637        padding: 0 5px;
     638        margin: 0;
     639        background-color: #fff;
     640}
     641
     642#bulk-titles {
     643        display: block;
     644        height: 12em;
     645        border: 1px solid #ddd;
     646        overflow-y: scroll;
     647        padding: 0 5px;
     648        margin: 0 0 5px;
     649}
     650
     651.inline-edit-row fieldset ul.cat-checklist li,
     652.inline-edit-row fieldset ul.cat-checklist input {
     653        margin: 0;
     654}
     655
     656.inline-edit-row fieldset ul.cat-checklist label,
     657.inline-edit-row #bulk-titles div {
     658        font-style: normal;
     659        font-size: 11px;
     660}
     661
     662.inline-edit-row fieldset label input.inline-edit-menu-order-input {
     663        width: 3em;
     664}
     665
     666.inline-edit-row fieldset label input.inline-edit-slug-input {
     667        width: 75%;
     668}
     669
     670.quick-edit-row-post fieldset label.inline-edit-status {
     671        float: left;
     672}
     673
     674#bulk-titles {
     675        line-height: 140%;
     676}
     677#bulk-titles div {
     678        margin: 0.2em 0.3em;
     679}
     680
     681#bulk-titles div a {
     682        cursor: pointer;
     683        display: block;
     684        float: left;
     685        height: 18px;
     686        margin: 0 3px 0 -2px;
     687        overflow: hidden;
     688        position: relative;
     689        width: 20px;
     690}
     691
     692#bulk-titles div a:before {
     693        position: relative;
     694        top: -3px;
     695}
     696
     697/* Background Color for Site Status */
     698.wp-list-table .site-deleted {
     699        background: #ff8573;
     700}
     701.wp-list-table .site-spammed {
     702        background: #faafaa;
     703}
     704.wp-list-table .site-archived {
     705        background: #ffebe8;
     706}
     707.wp-list-table .site-mature {
     708        background: #fecac2;
     709}
  • src/wp-admin/css/wp-admin-localization.css

    Property changes on: src/wp-admin/css/wp-admin-lists.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1/* RTL except Hebrew (see below): Tahoma as the first font; */
     2body.rtl,
     3body.rtl .press-this a.wp-switch-editor {
     4        font-family: Tahoma, Arial, sans-serif;
     5}
     6
     7
     8/* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */
     9body.locale-he-il,
     10body.locale-he-il .press-this a.wp-switch-editor {
     11        font-family: Arial, sans-serif;
     12}
     13
     14/* he_IL: Have <em> be bold rather than italic. */
     15.locale-he-il em {
     16        font-style: normal;
     17        font-weight: bold;
     18}
     19
     20/* zh_CN: Remove italic properties. */
     21.locale-zh-cn .howto,
     22.locale-zh-cn .tablenav .displaying-num,
     23.locale-zh-cn .js .input-with-default-title,
     24.locale-zh-cn .link-to-original,
     25.locale-zh-cn .inline-edit-row fieldset span.title,
     26.locale-zh-cn .inline-edit-row fieldset span.checkbox-title,
     27.locale-zh-cn #utc-time,
     28.locale-zh-cn #local-time,
     29.locale-zh-cn p.install-help,
     30.locale-zh-cn p.help,
     31.locale-zh-cn p.description,
     32.locale-zh-cn span.description,
     33.locale-zh-cn .form-wrap p {
     34        font-style: normal;
     35}
     36
     37/* zh_CN: Enlarge dashboard widget 'Configure' link */
     38.locale-zh-cn .hdnle a { font-size: 12px; }
     39
     40/* zn_CH: Enlarge font size, set font-size: normal */
     41.locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; }
     42
     43/* Zn_CH: Distraction free writing.
     44 *      More beautiful font for "Just write."
     45 *      Larger text for HTML/Visual mode.
     46 */
     47.locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; }
     48.locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; }
     49
     50/* zh_CN: Enlarge font-size. */
     51.locale-zh-cn #sort-buttons { font-size: 1em !important; }
     52
     53/* de_DE: Text needs more space for translation */
     54.locale-de-de .inline-edit-row fieldset label span.title {
     55        width: 7em; /* default 5em */
     56}
     57.locale-de-de .inline-edit-row fieldset label span.input-text-wrap {
     58        margin-left: 7em; /* default 5em */
     59}
     60.locale-de-de #customize-header-actions .button {
     61        padding: 0 5px 1px; /* default 0 10px 1px */
     62}
     63.locale-de-de #customize-header-actions .spinner {
     64        margin: 16px 3px 0; /* default 16px 4px 0 5px */
     65}
     66
     67/* ru_RU: Text needs more room to breathe. */
     68.locale-ru-ru .inline-edit-row fieldset label span.title {
     69        width: 8em; /* default 5em */
     70}
     71.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap {
     72        margin-left: 8em; /* default 5em */
     73}
     74.locale-ru-ru.press-this .posting {
     75        margin-right: 277px; /* default 252px + 25px */
     76}
     77.locale-ru-ru .press-this-sidebar {
     78        width: 265px; /* default 240px + 25px */
     79}
     80.locale-ru-ru #customize-header-actions .button {
     81        padding: 0 5px 1px; /* default 0 10px 1px */
     82}
     83.locale-ru-ru #customize-header-actions .spinner {
     84        margin: 16px 3px 0; /* default 16px 4px 0 5px */
     85}
     86
     87/* lt_LT: QuickEdit */
     88.locale-lt-lt .inline-edit-row fieldset label span.title {
     89        width: 8em;
     90}
     91.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap {
     92        margin-left: 8em;
     93}
  • src/wp-admin/css/wp-admin-login.css

    Property changes on: src/wp-admin/css/wp-admin-localization.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1body.login {
     2        background: #f1f1f1;
     3        min-width: 0;
     4}
     5
     6#loginform p.submit,
     7.login-action-lostpassword p.submit {
     8        border: none;
     9        margin: -10px 0 20px; /* May want to revisit this */
     10}
     11
     12.login * {
     13        margin: 0;
     14        padding: 0;
     15}
     16
     17.login form {
     18        margin-top: 20px;
     19        margin-left: 0;
     20        padding: 26px 24px 46px;
     21        font-weight: normal;
     22        overflow: hidden;
     23        background: #fff;
     24
     25        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
     26        box-shadow:                     0 1px 3px rgba(0,0,0,0.13);
     27}
     28
     29.login form .forgetmenot {
     30        font-weight: normal;
     31        float: left;
     32        margin-bottom: 0;
     33}
     34
     35.login .button-primary {
     36        float: right;
     37}
     38
     39#login form p {
     40        margin-bottom: 0;
     41}
     42
     43#login form p.submit {
     44        margin: 0;
     45        padding: 0;
     46}
     47
     48.login label {
     49        color: #777;
     50        font-size: 14px;
     51}
     52
     53.login form .forgetmenot label {
     54        font-size: 12px;
     55        line-height: 19px;
     56}
     57
     58.login h1 {
     59        text-align: center;
     60}
     61
     62.login h1 a {
     63        background-image: url('../images/w-logo-blue.png?ver=20131202');
     64        background-image: none, url('../images/wordpress-logo.svg?ver=20131107');
     65        background-size: 80px 80px;
     66        background-position: center top;
     67        background-repeat: no-repeat;
     68        color: #999;
     69        height: 80px;
     70        font-size: 20px;
     71        font-weight: normal;
     72        line-height: 1.3em;
     73        margin: 0 auto 25px;
     74        padding: 0;
     75        text-decoration: none;
     76        width: 80px;
     77        text-indent: -9999px;
     78        outline: none;
     79        overflow: hidden;
     80        display: block;
     81}
     82
     83#login {
     84        width: 320px;
     85        padding: 8% 0 0;
     86        margin: auto;
     87}
     88
     89#login_error,
     90.login .message {
     91        margin-left: 0;
     92        padding: 12px;
     93}
     94
     95.login #nav,
     96.login #backtoblog {
     97        font-size: 13px;
     98        padding: 0 24px 0;
     99}
     100
     101.login #nav {
     102        margin: 24px 0 0 0;
     103}
     104
     105#backtoblog {
     106        margin: 16px 0 0 0;
     107}
     108
     109.login #nav a,
     110.login #backtoblog a {
     111        text-decoration: none;
     112        color: #999;
     113}
     114
     115.login #nav a:hover,
     116.login #backtoblog a:hover,
     117.login h1 a:hover {
     118        color: #2ea2cc;
     119}
     120
     121.login form .input,
     122.login input[type="text"] {
     123        font-size: 24px;
     124        line-height: 1;
     125        width: 100%;
     126        padding: 3px;
     127        margin: 2px 6px 16px 0;
     128}
     129
     130.login form .input,
     131.login input[type="text"],
     132.login form input[type="checkbox"] {
     133        background: #fbfbfb;
     134}
     135
     136.login #pass-strength-result {
     137        width: 250px;
     138        font-weight: 600;
     139        margin: 12px 0 6px;
     140        padding: 6px 5px;
     141        text-align: center;
     142}
     143
     144.mobile #login {
     145        padding: 20px 0;
     146}
     147
     148.mobile #login form,
     149.mobile #login .message,
     150.mobile #login_error {
     151        margin-left: 0;
     152}
     153
     154.mobile #login #nav,
     155.mobile #login #backtoblog {
     156        margin-left: 8px;
     157}
     158
     159.mobile #login h1 a {
     160        width: auto;
     161}
     162
     163body.interim-login {
     164        height: auto;
     165}
     166
     167.interim-login #login {
     168        padding: 0;
     169        margin: 5px auto 20px;
     170}
     171
     172.interim-login.login h1 a {
     173        width: auto;
     174}
     175
     176.interim-login #login_error,
     177.interim-login.login .message {
     178        margin: 0 0 16px;
     179}
     180
     181.interim-login.login form {
     182        margin: 0;
     183}
     184
  • src/wp-admin/css/wp-admin-media.css

    Property changes on: src/wp-admin/css/wp-admin-login.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1.media-item .describe {
     2        border-collapse: collapse;
     3        width: 100%;
     4        border-top: 1px solid #dfdfdf;
     5        clear: both;
     6        cursor: default;
     7}
     8
     9.media-item.media-blank .describe {
     10        border: 0;
     11}
     12
     13.media-item .describe th {
     14        vertical-align: top;
     15        text-align: left;
     16        padding: 5px 10px 10px;
     17        width: 140px;
     18}
     19
     20.media-item .describe .align th {
     21        padding-top: 0;
     22}
     23
     24.media-item .media-item-info tr {
     25        background-color: transparent;
     26}
     27
     28.media-item .describe td {
     29        padding: 0 8px 8px 0;
     30        vertical-align: top;
     31}
     32
     33.media-item thead.media-item-info td {
     34        padding: 4px 10px 0;
     35}
     36
     37.media-item .media-item-info .A1B1 {
     38        padding: 0 0 0 10px;
     39}
     40
     41.media-item td.savesend {
     42        padding-bottom: 15px;
     43}
     44
     45.media-item .thumbnail {
     46        max-height: 128px;
     47        max-width: 128px;
     48}
     49
     50#wpbody-content #async-upload-wrap a {
     51        display: none;
     52}
     53
     54.media-upload-form {
     55        margin-top: 20px;
     56}
     57
     58.media-upload-form td label {
     59        margin-right: 6px;
     60        margin-left: 2px;
     61}
     62
     63.media-upload-form .align .field label {
     64        display: inline;
     65        padding: 0 0 0 23px;
     66        margin: 0 1em 0 3px;
     67        font-weight: 600;
     68}
     69
     70.media-upload-form tr.image-size label {
     71        margin: 0 0 0 5px;
     72        font-weight: 600;
     73}
     74
     75.media-upload-form th.label label {
     76        font-weight: 600;
     77        margin: 0.5em;
     78        font-size: 13px;
     79}
     80
     81.media-upload-form th.label label span {
     82        padding: 0 5px;
     83}
     84
     85.media-item .describe input[type="text"],
     86.media-item .describe textarea {
     87        width: 460px;
     88}
     89
     90.media-item .describe p.help {
     91        margin: 0;
     92        padding: 0 0 0 5px;
     93}
     94
     95.media-item .edit-attachment,
     96.describe-toggle-on,
     97.describe-toggle-off {
     98        display: block;
     99        line-height: 36px;
     100        float: right;
     101}
     102
     103.media-item .describe-toggle-off,
     104.media-item.open .describe-toggle-on {
     105        display: none;
     106}
     107
     108.media-item.open .describe-toggle-off {
     109        display: block;
     110}
     111
     112#media-items .media-item {
     113        border-bottom: 1px solid #dfdfdf;
     114        min-height: 36px;
     115        position: relative;
     116        width: 100%;
     117}
     118
     119#media-items {
     120        width: 623px;
     121}
     122
     123.media-new-php #media-items {
     124        margin: 1em 0;
     125}
     126
     127#media-items:empty {
     128        border: 0 none;
     129}
     130
     131.media-item .filename {
     132        line-height: 36px;
     133        overflow: hidden;
     134}
     135
     136.media-item .error-div {
     137        padding-left: 10px;
     138}
     139
     140.media-item .pinkynail {
     141        float: left;
     142        margin: 2px 10px 0 0;
     143        max-width: 40px;
     144        max-height: 32px;
     145}
     146
     147.media-item .startopen,
     148.media-item .startclosed {
     149        display: none;
     150}
     151
     152.media-item .original {
     153        position: relative;
     154        height: 34px;
     155}
     156
     157.media-item .progress {
     158        float: right;
     159        height: 22px;
     160        margin: 7px 0 0;
     161        width: 200px;
     162        line-height: 2em;
     163        padding: 0;
     164        overflow: hidden;
     165        margin-bottom: 2px;
     166        border-radius: 22px;
     167        background: #ddd;
     168        -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
     169        box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
     170}
     171
     172.media-item .bar {
     173        z-index: 9;
     174        width: 0;
     175        height: 100%;
     176        margin-top: -22px;
     177        border-radius: 22px;
     178        background-color: #0074a2;
     179        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
     180        box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
     181}
     182
     183.media-item .progress .percent {
     184        z-index: 10;
     185        position: relative;
     186        width: 200px;
     187        padding: 0;
     188        color: #fff;
     189        text-align: center;
     190        line-height: 22px;
     191        font-weight: 400;
     192        text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
     193}
     194
     195.upload-php .fixed .column-parent {
     196        width: 15%;
     197}
     198
     199.js .html-uploader #plupload-upload-ui {
     200        display: none;
     201}
     202
     203.js .html-uploader #html-upload-ui {
     204        display: block;
     205}
     206
     207.media-upload-form .media-item.error {
     208        margin: 0;
     209        padding: 0;
     210}
     211
     212.media-upload-form .media-item.error p,
     213.media-item .error-div {
     214        line-height: 16px;
     215        margin: 5px 10px;
     216        padding: 0;
     217}
     218
     219.media-item .error-div a.dismiss {
     220        display: block;
     221        float: right;
     222        margin: 5px 4px 0 15px;
     223}
     224
     225/*------------------------------------------------------------------------------
     226  14.1 - Media Library
     227------------------------------------------------------------------------------*/
     228
     229.find-box {
     230        width: 600px;
     231        height: 300px;
     232        overflow: hidden;
     233        padding: 33px 0 51px;
     234        position: absolute;
     235        z-index: 1000;
     236        background-color: #444;
     237}
     238
     239.find-box-head {
     240        cursor: move;
     241        color: #eee;
     242        font-weight: 600;
     243        height: 2em;
     244        line-height: 2em;
     245        padding: 1px 12px;
     246        position: absolute;
     247        top: 5px;
     248        width: 100%;
     249}
     250
     251.find-box-inside {
     252        overflow: auto;
     253        padding: 6px;
     254        height: 100%;
     255        background-color: #fff;
     256}
     257
     258.find-box-search,
     259.find-box-buttons {
     260        overflow: hidden;
     261        padding: 8px;
     262        position: relative;
     263        background-color: #f7f7f7;
     264        border-top: 1px solid #dfdfdf;
     265}
     266
     267.find-box-search .spinner {
     268        float: none;
     269        left: 125px;
     270        position: absolute;
     271        top: 9px;
     272}
     273
     274#find-posts-input {
     275        float: left;
     276        width: 140px;
     277        height: 24px;
     278}
     279
     280#find-posts-search {
     281        float: left;
     282        margin: 1px 4px 0 3px;
     283}
     284
     285#find-posts-response {
     286        margin: 8px 0;
     287        padding: 0 1px 6px;
     288}
     289
     290#find-posts-response table {
     291        width: 100%;
     292}
     293
     294#find-posts-response .found-radio {
     295        padding: 3px 0 0 8px;
     296        width: 15px;
     297}
     298
     299.find-box #resize-se {
     300        position: absolute;
     301        right: 1px;
     302        bottom: 1px;
     303}
     304
     305.ui-find-overlay {
     306        position: absolute;
     307        top: 0;
     308        left: 0;
     309        background-color: #000;
     310        opacity: 0.6;
     311        filter: alpha(opacity=60);
     312}
     313
     314ul#dismissed-updates {
     315        display: none;
     316}
     317
     318form.upgrade {
     319        margin-top: 8px;
     320}
     321
     322form.upgrade .hint {
     323        font-style: italic;
     324        font-size: 85%;
     325        margin: -0.5em 0 2em 0;
     326}
     327
     328#poststuff .inside .the-tagcloud {
     329        margin: 5px 0 10px;
     330        padding: 8px;
     331        border: 1px solid #ddd;
     332        line-height: 1.8em;
     333        word-spacing: 3px;
     334        -webkit-border-radius: 6px;
     335        border-radius: 6px;
     336}
     337
     338.drag-drop #drag-drop-area {
     339        border: 4px dashed #bbb;
     340        height: 200px;
     341}
     342
     343.drag-drop .drag-drop-inside {
     344        margin: 70px auto 0;
     345        width: 250px;
     346}
     347
     348.drag-drop-inside p {
     349        color: #aaa;
     350        font-size: 14px;
     351        margin: 5px 0;
     352        display: none;
     353}
     354
     355.drag-drop .drag-drop-inside p {
     356        text-align: center;
     357}
     358
     359.drag-drop-inside p.drag-drop-info {
     360        font-size: 20px;
     361}
     362
     363.drag-drop .drag-drop-inside p,
     364.drag-drop-inside p.drag-drop-buttons {
     365        display: block;
     366}
     367
     368/*
     369#drag-drop-area:-moz-drag-over {
     370        border-color: #83b4d8;
     371}
     372borger color while dragging a file over the uploader drop area */
     373.drag-drop.drag-over #drag-drop-area {
     374        border-color: #83b4d8;
     375}
     376
     377#plupload-upload-ui {
     378        position: relative;
     379}
     380
     381
     382/*------------------------------------------------------------------------------
     383  14.2 - Image Editor
     384------------------------------------------------------------------------------*/
     385
     386.wp_attachment_details #attachment_caption {
     387        height: 4em;
     388}
     389
     390.describe .image-editor {
     391        vertical-align: top;
     392}
     393
     394.imgedit-wrap {
     395        position: relative;
     396}
     397
     398.imgedit-settings p {
     399        margin: 8px 0;
     400}
     401
     402.post-php .imgedit-wrap table {
     403        width: 100%;
     404}
     405
     406.describe .imgedit-wrap table td,
     407.wp_attachment_holder .imgedit-wrap table td {
     408        vertical-align: top;
     409        padding-top: 0;
     410}
     411
     412.describe .imgedit-wrap table td.imgedit-settings {
     413        padding: 0 5px;
     414}
     415
     416.wp_attachment_holder .imgedit-wrap table td.imgedit-settings {
     417        width: 250px;
     418}
     419
     420td.imgedit-settings input {
     421        margin-top: 0;
     422        vertical-align: middle;
     423}
     424
     425.imgedit-wait {
     426        position: absolute;
     427        top: 0;
     428        background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px;
     429        background-size: 20px 20px;
     430        opacity: 0.7;
     431        filter: alpha(opacity=70);
     432        width: 100%;
     433        height: 500px;
     434        display: none;
     435}
     436
     437.spinner {
     438        background: url('../images/spinner.gif') no-repeat;
     439        background-size: 20px 20px;
     440        display: none;
     441        float: right;
     442        opacity: 0.7;
     443        filter: alpha(opacity=70);
     444        width: 20px;
     445        height: 20px;
     446        margin: 2px 5px 0;
     447}
     448
     449.no-float {
     450        float: none;
     451}
     452
     453.media-disabled,
     454.imgedit-settings .disabled  {
     455        color: grey;
     456}
     457
     458.wp_attachment_image,
     459.A1B1 {
     460        overflow: hidden;
     461}
     462
     463.wp_attachment_image .button,
     464.A1B1 .button {
     465        float: left;
     466}
     467
     468.no-js .wp_attachment_image .button {
     469        display: none;
     470}
     471
     472.wp_attachment_image .spinner,
     473.A1B1 .spinner {
     474        float: left;
     475        padding: 0 0 4px 0;
     476        vertical-align: bottom;
     477}
     478
     479.imgedit-menu {
     480        margin: 0 0 12px;
     481        min-width: 300px;
     482}
     483
     484.imgedit-menu div {
     485        float: left;
     486        width: 32px;
     487        border: 1px solid #d5d5d5;
     488        background: #f1f1f1;
     489        margin: 0 8px 0 0;
     490        height: 32px;
     491        -webkit-font-smoothing: antialiased;
     492        -moz-osx-font-smoothing: grayscale;
     493        text-align: center;
     494        line-height: 28px;
     495        color: #777;
     496}
     497
     498.imgedit-menu div:before {
     499        font: normal 20px/1 'dashicons';
     500        speak: none;
     501        vertical-align: middle;
     502}
     503
     504.imgedit-menu div:hover {
     505        border-color: #c1c1c1;
     506        background-color: #eaeaea;
     507        color: #333;
     508}
     509
     510.imgedit-menu div.disabled {
     511        border-color: #ccc;
     512        background-color: #ddd;
     513        filter: alpha(opacity=50);
     514        opacity: 0.5;
     515}
     516
     517.imgedit-crop:before {
     518        content:'\f165';
     519}
     520
     521.imgedit-rleft:before {
     522        content:'\f166';
     523}
     524
     525.imgedit-rright:before {
     526        content:'\f167';
     527}
     528
     529.imgedit-flipv:before {
     530        content:'\f168';
     531}
     532
     533.imgedit-fliph:before {
     534        content:'\f169';
     535}
     536
     537.imgedit-undo:before {
     538        content:'\f171';
     539}
     540
     541.imgedit-redo:before {
     542        content:'\f172';
     543}
     544
     545.imgedit-crop-wrap {
     546        position: relative;
     547}
     548
     549.imgedit-crop {
     550        margin: 0 8px 0 0;
     551}
     552
     553.imgedit-rleft {
     554        margin: 0 3px;
     555}
     556
     557.imgedit-rright {
     558        margin: 0 8px 0 3px;
     559}
     560
     561.imgedit-flipv {
     562        margin: 0 3px;
     563}
     564
     565.imgedit-fliph {
     566        margin: 0 8px 0 3px;
     567}
     568
     569.imgedit-undo {
     570        margin: 0 3px;
     571}
     572
     573.imgedit-redo {
     574        margin: 0 8px 0 3px;
     575}
     576
     577.imgedit-applyto img {
     578        margin: 0 8px 0 0;
     579}
     580
     581.imgedit-group-top {
     582        margin: 5px 0;
     583}
     584
     585.imgedit-applyto .imgedit-label {
     586        padding: 2px 0 0;
     587        display: block;
     588}
     589
     590.imgedit-help {
     591        display: none;
     592        font-style: italic;
     593        margin-bottom: 8px;
     594}
     595
     596a.imgedit-help-toggle {
     597        text-decoration: none;
     598}
     599
     600.form-table td.imgedit-response {
     601        padding: 0;
     602}
     603
     604.imgedit-submit {
     605        margin: 8px 0;
     606}
     607
     608.imgedit-submit-btn {
     609        margin-left: 20px;
     610}
     611
     612.imgedit-wrap .nowrap {
     613        white-space: nowrap;
     614}
     615
     616span.imgedit-scale-warn {
     617        color: red;
     618        font-size: 20px;
     619        font-style: normal;
     620        visibility: hidden;
     621        vertical-align: middle;
     622}
     623
     624.imgedit-group {
     625        margin-bottom: 8px;
     626        padding: 2px 10px;
     627}
     628
  • src/wp-admin/css/wp-admin-misc.css

    Property changes on: src/wp-admin/css/wp-admin-media.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1#excerpt,
     2.attachmentlinks {
     3        margin: 0;
     4        height: 4em;
     5        width: 98%;
     6}
     7
     8#template div {
     9        margin-right: 190px;
     10}
     11
     12p.pagenav {
     13        margin: 0;
     14        display: inline;
     15}
     16
     17.pagenav span {
     18        font-weight: 600;
     19        margin: 0 6px;
     20}
     21
     22.row-title {
     23        font-size: 14px !important;
     24        font-weight: 600;
     25}
     26
     27.column-comment .comment-author {
     28        margin-bottom: 0.6em;
     29}
     30
     31.column-author img,
     32.column-username img,
     33.column-comment .comment-author img {
     34        float: left;
     35        margin-right: 10px;
     36        margin-top: 1px;
     37}
     38
     39.row-actions {
     40        color: #ddd;
     41        font-size: 13px;
     42        visibility: hidden;
     43        padding: 2px 0 0;
     44}
     45
     46tr:hover .row-actions,
     47.mobile .row-actions,
     48.row-actions.visible,
     49div.comment-item:hover .row-actions {
     50        visibility: visible;
     51}
     52
     53/* deprecated */
     54.row-actions-visible {
     55        padding: 2px 0 0;
     56}
     57
     58.form-table .pre {
     59        padding: 8px;
     60        margin: 0;
     61}
     62
     63table.form-table td .updated {
     64        font-size: 13px;
     65}
     66
     67.tagchecklist {
     68        margin-left: 14px;
     69        font-size: 12px;
     70        overflow: auto;
     71}
     72.tagchecklist br {
     73        display: none;
     74}
     75.tagchecklist strong {
     76        margin-left: -8px;
     77        position: absolute;
     78}
     79.tagchecklist span {
     80        margin-right: 25px;
     81        display: block;
     82        float: left;
     83        font-size: 13px;
     84        line-height: 1.8em;
     85        white-space: nowrap;
     86        cursor: default;
     87}
     88
     89.tagchecklist span a {
     90        margin: 1px 0 0 -17px;
     91        cursor: pointer;
     92        width: 20px;
     93        height: 20px;
     94        display: block;
     95        float: left;
     96        text-indent: 0;
     97        overflow: hidden;
     98        position: absolute;
     99}
     100
     101#poststuff h2 {
     102        margin-top: 20px;
     103        font-size: 1.5em;
     104        margin-bottom: 15px;
     105        padding: 0 0 3px;
     106        clear: left;
     107}
     108
     109#poststuff h3,
     110.metabox-holder h3 {
     111        font-size: 14px;
     112        padding: 8px 12px;
     113        margin: 0;
     114        line-height: 1.4;
     115}
     116
     117#poststuff .inside {
     118        margin: 6px 0 0 0;
     119}
     120
     121#poststuff .inside #parent_id,
     122#poststuff .inside #page_template {
     123        max-width: 100%;
     124}
     125
     126#poststuff .inside label.spam,
     127#poststuff .inside label.deleted {
     128        color: red;
     129}
     130
     131#poststuff .inside label.waiting {
     132        color: orange;
     133}
     134
     135#poststuff .inside label.approved {
     136        color: green;
     137}
     138
     139.inline-edit-row #post_parent,
     140.inline-edit-row select[name="page_template"] {
     141        max-width: 80%;
     142}
     143
     144.ie8 #poststuff .inside #parent_id,
     145.ie8 #poststuff .inside #page_template,
     146.ie8 .inline-edit-row #post_parent,
     147.ie8 .inline-edit-row select[name="page_template"] {
     148        width: 250px;
     149}
     150
     151#post-visibility-select {
     152        line-height: 1.5em;
     153        margin-top: 3px;
     154}
     155
     156#poststuff #submitdiv .inside {
     157        margin: 0;
     158        padding: 0;
     159}
     160
     161.edit-form-section {
     162        margin-bottom: 20px;
     163}
     164
     165#templateside ul li a {
     166        text-decoration: none;
     167}
     168
     169.tool-box .title {
     170        margin: 8px 0;
     171        font-size: 18px;
     172        font-weight: normal;
     173        line-height: 24px;
     174}
     175
     176#sidemenu {
     177        margin: -30px 15px 0 315px;
     178        list-style: none;
     179        position: relative;
     180        float: right;
     181        padding-left: 10px;
     182        font-size: 12px;
     183}
     184
     185#sidemenu a {
     186        padding: 0 7px;
     187        display: block;
     188        float: left;
     189        line-height: 28px;
     190        border-top: 1px solid #f9f9f9;
     191        border-bottom: 1px solid #dfdfdf;
     192        background-color: #f9f9f9;
     193        -webkit-transition: none;
     194        -moz-transition: none;
     195        transition: none;
     196}
     197
     198#sidemenu li {
     199        display: inline;
     200        line-height: 200%;
     201        list-style: none;
     202        text-align: center;
     203        white-space: nowrap;
     204        margin: 0;
     205        padding: 0;
     206}
     207
     208/* @todo: remove border radius */
     209#sidemenu a.current {
     210        font-weight: normal;
     211        padding-left: 6px;
     212        padding-right: 6px;
     213        -webkit-border-top-left-radius: 3px;
     214        -webkit-border-top-right-radius: 3px;
     215        border-top-left-radius: 3px;
     216        border-top-right-radius: 3px;
     217        border: 1px solid #dfdfdf;
     218        border-bottom-color: #f1f1f1;
     219        background-color: #f1f1f1;
     220        color: #000;
     221}
     222
     223#sidemenu li a .count-0 {
     224        display: none;
     225}
     226
     227.plugin-install #description,
     228.plugin-install-network #description {
     229        width: 60%;
     230}
     231
     232table .vers,
     233table .column-visible,
     234table .column-rating {
     235        text-align: left;
     236}
     237
     238.error-message {
     239        color: red;
     240        font-weight: 600;
     241}
     242
     243/* Scrollbar fix for bulk upgrade iframe */
     244body.iframe {
     245        height: 98%;
     246}
     247
     248/* Upgrader styles, Specific to Language Packs */
     249.lp-show-latest p {
     250        display: none;
     251}
     252.lp-show-latest p:last-child,
     253.lp-show-latest .lp-error p {
     254        display: block;
     255}
     256
     257/* - Only used once or twice in all of WP - deprecate for global style
     258------------------------------------------------------------------------------*/
     259td.media-icon {
     260        text-align: center;
     261        width: 80px;
     262        padding-top: 8px;
     263        padding-bottom: 8px;
     264}
     265
     266td.media-icon img {
     267        max-width: 80px;
     268        max-height: 60px;
     269}
     270
     271#howto {
     272        font-size: 11px;
     273        margin: 0 5px;
     274        display: block;
     275}
     276
     277.importers td {
     278        padding-right: 14px;
     279}
     280
     281.importers {
     282        font-size: 16px;
     283        width: auto;
     284}
     285
     286#post-body #post-body-content #namediv h3 {
     287        margin-top: 0;
     288}
     289
     290#namediv h3 label {
     291        vertical-align: baseline;
     292}
     293
     294#namediv table {
     295        width: 100%;
     296}
     297
     298#namediv td.first {
     299        width: 10px;
     300        white-space: nowrap;
     301}
     302
     303#namediv input {
     304        width: 98%;
     305}
     306
     307#namediv p {
     308        margin: 10px 0;
     309}
     310
     311#submitdiv h3 {
     312        margin-bottom: 0 !important;
     313}
     314
     315/* - Used - but could/should be deprecated with a CSS reset
     316------------------------------------------------------------------------------*/
     317.zerosize {
     318        height: 0;
     319        width: 0;
     320        margin: 0;
     321        border: 0;
     322        padding: 0;
     323        overflow: hidden;
     324        position: absolute;
     325}
     326
     327br.clear {
     328        height: 2px;
     329        line-height: 2px;
     330}
     331
     332.checkbox {
     333        border: none;
     334        margin: 0;
     335        padding: 0;
     336}
     337
     338fieldset {
     339        border: 0;
     340        padding: 0;
     341        margin: 0;
     342}
     343
     344.post-categories {
     345        display: inline;
     346        margin: 0;
     347        padding: 0;
     348}
     349
     350.post-categories li {
     351        display: inline;
     352}
     353
     354
  • src/wp-admin/css/wp-admin-navmenu.css

    Property changes on: src/wp-admin/css/wp-admin-misc.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1#adminmenuwrap {
     2        position: relative;
     3        float: left;
     4}
     5
     6/* side admin menu */
     7#adminmenu * {
     8        -webkit-user-select: none;
     9        -moz-user-select: none;
     10        user-select: none;
     11}
     12
     13#adminmenu li {
     14        margin: 0;
     15        padding: 0;
     16        cursor: pointer;
     17}
     18
     19#adminmenu a {
     20        display: block;
     21        line-height: 18px;
     22        padding: 2px 5px;
     23        color: #eee;
     24}
     25
     26#adminmenu a:hover,
     27#adminmenu li.menu-top > a:focus,
     28#adminmenu .wp-submenu a:hover,
     29#adminmenu .wp-submenu a:focus {
     30        color: #2ea2cc;
     31}
     32
     33#adminmenu li.menu-top {
     34        border: none;
     35        min-height: 34px;
     36        position: relative;
     37}
     38
     39#adminmenu .wp-submenu {
     40        list-style: none;
     41        position: absolute;
     42        top: -1000em;
     43        left: 160px;
     44        overflow: visible;
     45        word-wrap: break-word;
     46}
     47
     48#adminmenu .wp-submenu,
     49.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     50.folded #adminmenu .wp-has-current-submenu .wp-submenu {
     51        padding: 7px 0 8px;
     52        z-index: 9999;
     53        background-color: #333;
     54
     55        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
     56        box-shadow:                     0 3px 5px rgba(0,0,0,0.2);
     57}
     58
     59#adminmenu .wp-submenu a,
     60.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
     61.folded #adminmenu .wp-has-current-submenu .wp-submenu a {
     62        color: #bbb;
     63}
     64
     65#adminmenu .wp-submenu a:hover,
     66#adminmenu .wp-submenu a:focus {
     67        background: none;
     68}
     69
     70.js #adminmenu .sub-open,
     71.js #adminmenu .opensub .wp-submenu,
     72#adminmenu a.menu-top:focus + .wp-submenu,
     73.no-js li.wp-has-submenu:hover .wp-submenu {
     74        top: -1px;
     75}
     76
     77#adminmenu .wp-has-current-submenu .wp-submenu,
     78.no-js li.wp-has-current-submenu:hover .wp-submenu,
     79#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     80#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
     81#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
     82        position: relative;
     83        z-index: 3;
     84        top: auto;
     85        left: auto;
     86        right: auto;
     87        bottom: auto;
     88        border: 0 none;
     89        margin-top: 0;
     90        -webkit-box-shadow: none;
     91        box-shadow: none;
     92        background-color: #333;
     93}
     94
     95#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
     96#adminmenu li.current a.menu-top,
     97.folded #adminmenu li.wp-has-current-submenu,
     98.folded #adminmenu li.current.menu-top,
     99#adminmenu .wp-menu-arrow,
     100#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
     101#adminmenu .wp-menu-arrow div {
     102        background: #0074a2;
     103        color: #fff;
     104}
     105
     106.folded #adminmenu .wp-submenu.sub-open,
     107.folded #adminmenu .opensub .wp-submenu,
     108.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
     109.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
     110.folded #adminmenu a.menu-top:focus + .wp-submenu,
     111.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
     112.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu      {
     113        top: 0;
     114        left: 36px;
     115}
     116
     117.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     118.folded #adminmenu .wp-has-current-submenu .wp-submenu {
     119        position: absolute;
     120        top: -1000em;
     121}
     122
     123#adminmenu .wp-not-current-submenu .wp-submenu,
     124.folded #adminmenu .wp-has-current-submenu .wp-submenu {
     125        min-width: 160px;
     126        width: auto;
     127}
     128
     129#adminmenu .wp-submenu a {
     130        font-size: 13px;
     131        line-height: 1.2;
     132        margin: 0;
     133        padding: 6px 0;
     134}
     135
     136#adminmenu .wp-submenu li.current,
     137#adminmenu .wp-submenu li.current a,
     138#adminmenu .opensub .wp-submenu li.current a,
     139#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
     140#adminmenu .wp-submenu li.current a:hover,
     141#adminmenu .wp-submenu li.current a:focus {
     142        color: #fff;
     143}
     144
     145#adminmenu .wp-not-current-submenu li > a,
     146.folded #adminmenu .wp-has-current-submenu li > a {
     147        padding-right: 16px;
     148        padding-left: 14px;
     149        -moz-transition: all .1s ease-in-out;
     150        -webkit-transition: all .1s ease-in-out;
     151        transition: all .1s ease-in-out;
     152}
     153
     154#adminmenu .wp-has-current-submenu ul > li > a,
     155.folded #adminmenu li.menu-top .wp-submenu > li > a {
     156        padding: 6px 12px;
     157}
     158
     159#adminmenu a.menu-top,
     160#adminmenu .wp-submenu-head {
     161        font-size: 14px;
     162        font-weight: 400;
     163        line-height: 18px;
     164        padding: 0;
     165}
     166
     167#adminmenu .wp-submenu-head,
     168.folded #adminmenu .wp-menu-name {
     169        display: none;
     170}
     171
     172.folded #adminmenu .wp-submenu-head {
     173        display: block;
     174}
     175
     176#adminmenu .wp-submenu li {
     177        padding: 0;
     178        margin: 0;
     179        overflow: hidden;
     180}
     181
     182#adminmenu .wp-menu-image img {
     183        padding: 9px 0 0 0px;
     184        opacity: 0.6;
     185        filter: alpha(opacity=60);
     186}
     187
     188#adminmenu div.wp-menu-name {
     189        padding: 8px 0;
     190}
     191
     192#adminmenu div.wp-menu-image {
     193        float: left;
     194        width: 36px;
     195        height: 30px;
     196        margin: 0;
     197        text-align: center;
     198}
     199
     200#adminmenu div.wp-menu-image.svg {
     201        background-repeat: no-repeat;
     202        background-position: center;
     203        background-size: 20px auto;
     204}
     205
     206div.wp-menu-image:before {
     207        font: normal 20px/1 'dashicons' !important;
     208        speak: none;
     209        color: #999;
     210        padding: 8px 0;
     211        height: 36px;
     212        width: 20px;
     213        display: inline-block;
     214        -webkit-font-smoothing: antialiased;
     215        -moz-osx-font-smoothing: grayscale;
     216        -moz-transition: all .1s ease-in-out;
     217        -webkit-transition: all .1s ease-in-out;
     218        transition: all .1s ease-in-out;
     219}
     220
     221#adminmenu div.wp-menu-image:before {
     222        color: #999;
     223}
     224
     225#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
     226#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
     227#adminmenu .current div.wp-menu-image:before,
     228#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
     229#adminmenu a.current:hover div.wp-menu-image:before {
     230        color: #fff;
     231}
     232
     233#adminmenu li:hover div.wp-menu-image:before {
     234        color: #2ea2cc;
     235}
     236
     237.folded #adminmenu div.wp-menu-image {
     238        width: 35px;
     239        height: 30px;
     240        position: absolute;
     241        z-index: 25;
     242}
     243
     244.folded #adminmenu a.menu-top {
     245        height: 34px;
     246}
     247
     248/* No @font-face support */
     249.no-font-face #adminmenu .wp-menu-image {
     250        display: none;
     251}
     252
     253.no-font-face #adminmenu div.wp-menu-name {
     254        padding: 8px 12px;
     255}
     256
     257.no-font-face.auto-fold #adminmenu .wp-menu-name {
     258        margin-left: 0;
     259}
     260/* End no @font-face support */
     261
     262/* Sticky admin menu */
     263.sticky-menu #adminmenuwrap {
     264        position: fixed;
     265        z-index: 99; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */
     266}
     267
     268/* A new arrow */
     269
     270.wp-menu-arrow {
     271        display: none !important;
     272}
     273
     274ul#adminmenu a.wp-has-current-submenu {
     275        position: relative;
     276}
     277
     278ul#adminmenu a.wp-has-current-submenu:after,
     279ul#adminmenu > li.current > a.current:after {
     280        right: 0;
     281        border: solid 8px transparent;
     282        content: " ";
     283        height: 0;
     284        width: 0;
     285        position: absolute;
     286        pointer-events: none;
     287        border-right-color: #f1f1f1;
     288        top: 50%;
     289        margin-top: -8px;
     290}
     291
     292.folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
     293        display: none;
     294}
     295
     296.folded ul#adminmenu a.wp-has-current-submenu:after,
     297.folded ul#adminmenu > li a.current:after {
     298        border-width: 4px;
     299        margin-top: -4px;
     300}
     301
     302/* flyout menu arrow */
     303#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
     304        right: 0;
     305        border: solid transparent;
     306        content: " ";
     307        height: 0;
     308        width: 0;
     309        position: absolute;
     310        pointer-events: none;
     311        border-width: 8px;
     312        top: 10px;
     313        z-index: 10000;
     314}
     315
     316.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
     317        border-width: 4px;
     318        margin-top: -4px;
     319        top: 18px;
     320}
     321
     322#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
     323        border-right-color: #333;
     324}
     325
     326/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
     327#adminmenu li.menu-top:hover,
     328#adminmenu li.opensub > a.menu-top,
     329#adminmenu li > a.menu-top:focus {
     330        position: relative;
     331        background-color: #111;
     332}
     333
     334.folded #adminmenu li.menu-top:hover,
     335.folded #adminmenu li.opensub > a.menu-top,
     336.folded #adminmenu li > a.menu-top:focus {
     337        z-index: 10000;
     338}
     339
     340#adminmenu li.menu-top:hover .wp-menu-image img,
     341#adminmenu li.wp-has-current-submenu .wp-menu-image img {
     342        opacity: 1;
     343        filter: alpha(opacity=100);
     344}
     345
     346#adminmenu li.wp-menu-separator {
     347        height: 5px;
     348        padding: 0;
     349        margin: 0 0 6px 0;
     350        cursor: inherit;
     351}
     352
     353/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
     354#adminmenu div.separator {
     355        height: 2px;
     356        padding: 0;
     357}
     358
     359#adminmenu .wp-submenu .wp-submenu-head {
     360        color: #fff;
     361        font-weight: 400;
     362        font-size: 14px;
     363        padding: 8px 4px 8px 11px;
     364        margin: -7px 0px 4px;
     365}
     366
     367#adminmenu li.current,
     368.folded #adminmenu li.wp-menu-open {
     369        border: 0 none;
     370}
     371
     372#adminmenu .awaiting-mod,
     373#adminmenu span.update-plugins,
     374#sidemenu li a span.update-plugins {
     375        display: inline-block;
     376        background-color: #d54e21;
     377        color: #fff;
     378        font-size: 9px;
     379        line-height: 17px;
     380        font-weight: 600;
     381        margin: 1px 0 0 2px;
     382        vertical-align: top;
     383        -webkit-border-radius: 10px;
     384        border-radius: 10px;
     385        z-index: 26;
     386}
     387
     388#adminmenu li .awaiting-mod span,
     389#adminmenu li span.update-plugins span,
     390#sidemenu li a span.update-plugins span {
     391        display: block;
     392        padding: 0 6px;
     393}
     394
     395#adminmenu li.current a .awaiting-mod,
     396#adminmenu      li a.wp-has-current-submenu .update-plugins {
     397        background-color: #2ea2cc;
     398        color: #fff;
     399}
     400
     401#adminmenu li span.count-0,
     402#sidemenu li a .count-0 {
     403        display: none;
     404}
     405
     406#collapse-menu {
     407        font-size: 13px;
     408        line-height: 34px;
     409        margin-top: 10px;
     410        color: #aaa;
     411        -webkit-transition: all .1s ease-in-out;
     412        -moz-transition:        all .1s ease-in-out;
     413        transition:                     all .1s ease-in-out;
     414}
     415
     416#collapse-menu:hover,
     417#collapse-menu:hover #collapse-button div:after {
     418        color: #2ea2cc;
     419}
     420
     421.folded #collapse-menu span {
     422        display: none;
     423}
     424
     425#collapse-button,
     426#collapse-button div {
     427        width: 15px;
     428        height: 15px;
     429}
     430
     431#collapse-button {
     432        float: left;
     433        height: 15px;
     434        margin: 10px 8px 10px 11px;
     435        width: 15px;
     436
     437        -webkit-border-radius: 10px;
     438        border-radius: 10px;
     439}
     440
     441#wpwrap #collapse-button div {
     442        padding: 0;
     443}
     444
     445#collapse-button div:after {
     446        content: '\f148';
     447        display: block;
     448        line-height: 15px;
     449        left: -3px;
     450        top: -3px;
     451        color: #aaa;
     452        font: normal 20px/1 'dashicons' !important;
     453        speak: none;
     454        margin: 0 auto;
     455        padding: 0 !important;
     456        position: relative;
     457        text-align: center;
     458        width: 20px;
     459        -moz-transition: all .1s ease-in-out;
     460        -webkit-transition: all .1s ease-in-out;
     461        transition: all .1s ease-in-out;
     462
     463        -webkit-font-smoothing: antialiased;
     464        -moz-osx-font-smoothing: grayscale;
     465}
     466
     467.folded #collapse-button div:after,
     468.rtl #collapse-button div:after {
     469        -ms-transform: rotate(180deg);
     470        -webkit-transform: rotate(180deg);
     471        transform: rotate(180deg);
     472}
     473
     474.rtl.folded #collapse-button div:after {
     475        -ms-transform: none;
     476        -webkit-transform: none;
     477        transform: none;
     478}
     479
     480/* Auto-folding of the admin menu */
     481@media only screen and (max-width: 900px) {
     482        .auto-fold #wpcontent,
     483        .auto-fold #wpfooter {
     484                margin-left: 56px;
     485        }
     486
     487        .auto-fold #adminmenuback,
     488        .auto-fold #adminmenuwrap,
     489        .auto-fold #adminmenu,
     490        .auto-fold #adminmenu li.menu-top {
     491                width: 36px;
     492        }
     493
     494        .auto-fold #adminmenu .wp-submenu.sub-open,
     495        .auto-fold #adminmenu .opensub .wp-submenu,
     496        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
     497        .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
     498        .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
     499        .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
     500                top: 0px;
     501                left: 36px;
     502        }
     503
     504        .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     505        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
     506                position: absolute;
     507                top: -1000em;
     508                margin-right: -1px;
     509                padding: 7px 0 8px;
     510                z-index: 9999;
     511        }
     512
     513        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
     514                min-width: 150px;
     515                width: auto;
     516        }
     517
     518        .auto-fold #adminmenu .wp-has-current-submenu li > a {
     519                padding-right: 16px;
     520                padding-left: 14px;
     521        }
     522
     523
     524        .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
     525                padding-left: 12px;
     526        }
     527
     528        .auto-fold #adminmenu .wp-menu-name {
     529                display: none;
     530        }
     531
     532        .auto-fold #adminmenu .wp-submenu-head {
     533                display: block;
     534        }
     535
     536        .auto-fold #adminmenu div.wp-menu-image {
     537                height: 30px;
     538                width: 34px;
     539                position: absolute;
     540                z-index: 25;
     541        }
     542
     543        .auto-fold #adminmenu a.menu-top {
     544                height: 34px;
     545        }
     546
     547        .auto-fold #adminmenu li.wp-menu-open {
     548                border: 0 none;
     549        }
     550
     551        .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
     552                margin-bottom: 0;
     553        }
     554
     555        .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
     556                display: none;
     557        }
     558
     559        .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
     560                border-width: 4px;
     561                margin-top: -4px;
     562                top: 16px;
     563        }
     564
     565        .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
     566        .auto-fold ul#adminmenu > li a.current:after {
     567                border-width: 4px;
     568                margin-top: -4px;
     569        }
     570
     571        .auto-fold #adminmenu li.menu-top:hover,
     572        .auto-fold #adminmenu li.opensub > a.menu-top,
     573        .auto-fold #adminmenu li > a.menu-top:focus {
     574                z-index: 10000;
     575        }
     576
     577        .auto-fold #collapse-menu span {
     578                display: none;
     579        }
     580
     581        .auto-fold #collapse-button div {
     582                background: none;
     583        }
     584
     585        .auto-fold #collapse-button div:after {
     586                -ms-transform: rotate(180deg);
     587                -webkit-transform: rotate(180deg);
     588                transform: rotate(180deg);
     589        }
     590
     591        .rtl.auto-fold #collapse-button div:after {
     592                -ms-transform: none;
     593                -webkit-transform: none;
     594                transform: none;
     595        }
     596
     597}
     598
     599/* List table styles */
     600.post-com-count-wrapper {
     601        min-width: 22px;
     602}
     603
     604.post-com-count {
     605        background: none;
     606        height: 1.3em;
     607        line-height: 1.1em;
     608        display: block;
     609        text-decoration: none;
     610        padding: 0 0 6px;
     611        cursor: pointer;
     612        background-position: center -80px;
     613        background-repeat: no-repeat;
     614        color: #fff;
     615}
     616
     617.post-com-count:after {         /* draw bubble connector using CSS! */
     618        content: "";
     619        display: block;
     620        width: 0;
     621        height: 0;
     622        margin-left: 8px;
     623        border-top: 5px solid #bbb;
     624        border-right: 5px solid transparent;
     625}
     626
     627.post-com-count span {
     628        font-size: 11px;
     629        font-weight: 600;
     630        height: 1.4em;
     631        line-height: 1.4em;
     632        min-width: 0.7em;
     633        padding: 0 6px;
     634        display: inline-block;
     635        -webkit-border-radius: 5px;
     636        border-radius: 5px;
     637        background-color: #bbb;
     638        color: #fff;
     639}
     640
     641.post-com-count:hover {
     642        background-position: center -3px;
     643}
     644
     645.post-com-count:hover span {
     646        background-color: #2ea2cc;
     647}
     648
     649.post-com-count:hover:after {
     650        border-top: 5px solid #2ea2cc;
     651}
     652
     653strong .post-com-count {
     654        background-position: center -55px;
     655}
     656
     657strong .post-com-count span {
     658        background-color: #0074a2;
     659}
     660
     661strong .post-com-count:after {
     662        border-top: 5px solid #0074a2;
     663}
     664
     665.column-response .post-com-count {
     666        float: left;
     667        margin-right: 5px;
     668        text-align: center;
     669}
     670
     671.response-links {
     672        float: left;
     673}
     674
     675#the-comment-list .attachment-80x60 {
     676        padding: 4px 8px;
     677}
     678
     679th .comment-grey-bubble {
     680        height: 16px;
     681        width: 16px;
     682}
     683
     684th .comment-grey-bubble:before {
     685        content: '\f101';
     686        font: normal 20px/.5 'dashicons';
     687        speak: none;
     688        display: inline-block;
     689        padding: 0;
     690        top: 4px;
     691        left: -4px;
     692        position: relative;
     693        vertical-align: top;
     694        -webkit-font-smoothing: antialiased;
     695        -moz-osx-font-smoothing: grayscale;
     696        text-decoration: none !important;
     697        color: #444;
     698}
     699
  • src/wp-admin/css/wp-admin-notifications.css

    Property changes on: src/wp-admin/css/wp-admin-navmenu.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1#update-nag,
     2.update-nag {
     3        display: inline-block;
     4        line-height: 19px;
     5        padding: 11px 15px;
     6        font-size: 14px;
     7        text-align: left;
     8        margin: 25px 20px 0 2px;
     9        background-color: #fff;
     10        border-left: 4px solid #ffba00;
     11
     12        -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
     13        box-shadow:                     0px 1px 1px 0px rgba(0,0,0,0.1);
     14}
     15
     16.update-message {
     17        color: #000;
     18}
     19
     20ul#dismissed-updates {
     21        display: none;
     22}
     23
     24form.upgrade {
     25        margin-top: 8px;
     26}
     27
     28form.upgrade .hint {
     29        font-style: italic;
     30        font-size: 85%;
     31        margin: -0.5em 0 2em 0;
     32}
     33
     34.update-php .spinner {
     35        float: none;
     36        margin: -4px 0;
     37}
     38
     39#ajax-loading,
     40.ajax-loading,
     41.ajax-feedback,
     42.imgedit-wait-spin,
     43.list-ajax-loading { /* deprecated */
     44        visibility: hidden;
     45}
     46
     47#ajax-response.alignleft {
     48        margin-left: 2em;
     49}
     50
  • src/wp-admin/css/wp-admin-overlay.css

    Property changes on: src/wp-admin/css/wp-admin-notifications.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1/*------------------------------------------------------------------------------
     2  23.0 - Full Overlay w/ Sidebar
     3------------------------------------------------------------------------------*/
     4
     5body.full-overlay-active {
     6        overflow: hidden;
     7}
     8
     9.wp-full-overlay {
     10        background: transparent;
     11        z-index: 500000;
     12        position: fixed;
     13        overflow: visible;
     14        top: 0;
     15        bottom: 0;
     16        left: 0;
     17        right: 0;
     18        height: 100%;
     19        min-width: 0;
     20}
     21
     22.wp-full-overlay-sidebar {
     23        -webkit-box-sizing: border-box;
     24        -moz-box-sizing: border-box;
     25        box-sizing: border-box;
     26        position: fixed;
     27        width: 300px;
     28        height: 100%;
     29        top: 0;
     30        bottom: 0;
     31        left: 0;
     32        padding: 0;
     33        margin: 0;
     34        z-index: 10;
     35        overflow: auto;
     36        background: transparent;
     37        border-right: none;
     38}
     39
     40.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
     41        overflow: visible;
     42}
     43
     44.wp-full-overlay.collapsed,
     45.wp-full-overlay.expanded .wp-full-overlay-sidebar {
     46        margin-left: 0 !important;
     47}
     48
     49.wp-full-overlay.expanded {
     50        margin-left: 300px;
     51}
     52
     53.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
     54        margin-left: -300px;
     55}
     56
     57.wp-full-overlay-sidebar:after {
     58        content: '';
     59        display: block;
     60        position: absolute;
     61        top: 0;
     62        bottom: 0;
     63        right: 0;
     64        width: 3px;
     65        z-index: 1000;
     66}
     67
     68.wp-full-overlay-main {
     69        position: absolute;
     70        left: 0;
     71        right: 0;
     72        top: 0;
     73        bottom: 0;
     74        height: 100%;
     75}
     76
     77.wp-full-overlay-sidebar .wp-full-overlay-header {
     78        position: absolute;
     79        left: 0;
     80        right: 0;
     81        height: 45px;
     82        padding: 0 15px;
     83        line-height: 45px;
     84        z-index: 10;
     85        margin: 0;
     86        border-top: none;
     87        -webkit-box-shadow: none;
     88        box-shadow: none;
     89}
     90
     91.wp-full-overlay-sidebar .wp-full-overlay-header a.back {
     92        margin-top: 9px;
     93}
     94
     95.wp-full-overlay-sidebar .wp-full-overlay-footer {
     96        bottom: 0;
     97        border-bottom: none;
     98        border-top: none;
     99        -webkit-box-shadow: none;
     100        box-shadow: none;
     101}
     102
     103.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
     104        position: absolute;
     105        top: 45px;
     106        bottom: 45px;
     107        left: 0;
     108        right: 0;
     109        overflow: auto;
     110}
     111
     112/* Close Link */
     113.wp-full-overlay .close-full-overlay {
     114        text-decoration: none;
     115}
     116
     117/* Collapse Button */
     118.wp-full-overlay a.collapse-sidebar {
     119        position: absolute;
     120        bottom: 12px;
     121        left: 0;
     122        z-index: 50;
     123        display: block;
     124        width: 19px;
     125        height: 19px;
     126        margin-left: 15px;
     127        padding: 0;
     128        border-radius: 50%;
     129        color: #777;
     130        text-decoration: none;
     131}
     132
     133.wp-full-overlay a.collapse-sidebar:hover {
     134        color: #0074a2;
     135}
     136
     137.wp-full-overlay.collapsed .collapse-sidebar {
     138        position: absolute;
     139        left: 100%;
     140}
     141
     142.wp-full-overlay .collapse-sidebar-arrow {
     143        position: static;
     144        margin-top: 0;
     145        margin-left: 0;
     146        display: block;
     147        width: auto;
     148        height: auto;
     149        background: none;
     150}
     151
     152.wp-full-overlay .collapse-sidebar-arrow:before {
     153        border-radius: 50%;
     154        float: left;
     155        content: "\f148";
     156        background: #eee;
     157        font: normal 20px/1 'dashicons';
     158        speak: none;
     159        display: block;
     160        padding: 0;
     161        text-indent: 0;
     162        text-align: center;
     163        position: relative;
     164        -webkit-font-smoothing: antialiased;
     165        -moz-osx-font-smoothing: grayscale;
     166        text-decoration: none !important;
     167}
     168
     169.wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
     170.rtl .wp-full-overlay .collapse-sidebar-arrow:before {
     171        -ms-transform: rotate(180deg);
     172        -webkit-transform: rotate(180deg);
     173        transform: rotate(180deg);
     174}
     175
     176.rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before {
     177        -ms-transform: none;
     178        -webkit-transform: none;
     179        transform: none;
     180}
     181
     182.wp-full-overlay.collapsed .collapse-sidebar-arrow {
     183        background-position: -1px -109px;
     184}
     185
     186.wp-full-overlay .collapse-sidebar-label {
     187        position: absolute;
     188        left: 100%;
     189        line-height: 20px;
     190        margin-left: 10px;
     191}
     192
     193.wp-full-overlay.collapsed .collapse-sidebar-label {
     194        display: none;
     195}
     196
     197/* Animations */
     198.wp-full-overlay,
     199.wp-full-overlay-sidebar,
     200.wp-full-overlay .collapse-sidebar,
     201.wp-full-overlay-main {
     202        -webkit-transition-property: left, right, top, bottom, width, margin;
     203        -moz-transition-property:        left, right, top, bottom, width, margin;
     204        -ms-transition-property:         left, right, top, bottom, width, margin;
     205        -o-transition-property:          left, right, top, bottom, width, margin;
     206        transition-property:             left, right, top, bottom, width, margin;
     207        -webkit-transition-duration: 0.2s;
     208        -moz-transition-duration:        0.2s;
     209        -ms-transition-duration:         0.2s;
     210        -o-transition-duration:          0.2s;
     211        transition-duration:             0.2s;
     212}
     213
     214
  • src/wp-admin/css/wp-admin-plugins.css

    Property changes on: src/wp-admin/css/wp-admin-overlay.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1/* @todo: what is this doing here */
     2#dashboard_right_now .versions .b,
     3#post-status-display,
     4#post-visibility-display,
     5#adminmenu .wp-submenu li.current,
     6#adminmenu .wp-submenu li.current a,
     7#adminmenu .wp-submenu li.current a:hover,
     8.media-item .percent,
     9.plugins .name,
     10#pass-strength-result.strong,
     11#pass-strength-result.short,
     12#ed_reply_toolbar #ed_reply_strong,
     13.item-controls .item-order a,
     14.feature-filter .feature-name {
     15        font-weight: 600;
     16}
     17
     18.plugins,
     19.plugins th,
     20.plugins td {
     21        color: #000;
     22}
     23
     24.plugins tr {
     25        background: #fff;
     26}
     27
     28.plugins p {
     29        margin: 0 4px;
     30        padding: 0;
     31}
     32
     33.plugins .desc p {
     34        margin: 0 0 8px;
     35}
     36
     37.plugins td.desc {
     38        line-height: 1.5em;
     39}
     40
     41.plugins .desc ul,
     42.plugins .desc ol {
     43        margin: 0 0 0 2em;
     44}
     45
     46.plugins .desc ul {
     47        list-style-type: disc;
     48}
     49
     50.plugins .row-actions {
     51        font-size: 13px;
     52        padding: 0;
     53}
     54
     55.plugins .inactive td,
     56.plugins .inactive th,
     57.plugins .active td,
     58.plugins .active th {
     59        padding: 10px 9px;
     60}
     61
     62.plugins .active td,
     63.plugins .active th {
     64        background-color: #f7fcfe;
     65}
     66
     67.plugins .update th,
     68.plugins .update td {
     69        border-bottom: 0;
     70}
     71
     72.plugin-update-tr td {
     73        border-top: 0;
     74}
     75
     76.plugins .inactive td,
     77.plugins .inactive th,
     78.plugins .active td,
     79.plugins .active th,
     80.plugin-install #the-list td,
     81.upgrade .plugins td,
     82.upgrade .plugins th {
     83        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
     84        box-shadow:                     inset 0 -1px 0 rgba(0,0,0,0.1);
     85}
     86
     87.plugins tr.active.plugin-update-tr + tr.inactive th,
     88.plugins tr.active.plugin-update-tr + tr.inactive td,
     89.plugins tr.active + tr.inactive th,
     90.plugins tr.active + tr.inactive td {
     91        border-top: 1px solid rgba(0,0,0,0.03);
     92
     93        -webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
     94        box-shadow:                     inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
     95}
     96
     97.plugins .update td,
     98.plugins .update th,
     99.upgrade .plugins tr:last-of-type td,
     100.upgrade .plugins tr:last-of-type th,
     101.plugins tr.active + tr.inactive.update th,
     102.plugins tr.active + tr.inactive.update td {
     103        -webkit-box-shadow: none;
     104        box-shadow: none;
     105}
     106
     107.plugins .active.update td,
     108.plugins .active.update th,
     109tr.active.update + tr.plugin-update-tr .plugin-update {
     110        background-color: #fefaf7;
     111}
     112
     113.plugins .active th.check-column {
     114        border-left: 4px solid #2ea2cc;
     115}
     116
     117.plugins .active.update th.check-column,
     118.plugins .active.update + .plugin-update-tr .plugin-update {
     119        border-left: 4px solid #d54e21;
     120}
     121
     122#wpbody-content .plugins .plugin-title,
     123#wpbody-content .plugins .theme-title {
     124        padding-right: 12px;
     125        white-space:nowrap;
     126}
     127
     128.plugins .inactive .plugin-title strong {
     129        font-weight: 400;
     130}
     131
     132.plugins .second,
     133.plugins .row-actions {
     134        padding: 0 0 5px;
     135}
     136
     137.plugins .update .second,
     138.plugins .update .row-actions {
     139        padding-bottom: 0;
     140}
     141
     142.plugins-php .widefat tfoot th,
     143.plugins-php .widefat tfoot td {
     144        border-top-style: solid;
     145        border-top-width: 1px;
     146}
     147
     148.plugin-update-tr .update-message {
     149        font-size: 13px;
     150        font-weight: normal;
     151        margin: 6px 12px 12px;
     152        padding: 6px 12px;
     153        margin: 0 10px 8px 31px;
     154        background-color: #f7f7f7;
     155        background-color: rgba(0,0,0,0.03);
     156}
     157
     158.plugin-update-tr .update-message:before {
     159        color: #d54e21;
     160        content: '\f463';
     161        display: inline-block;
     162        font: normal 20px/1 'dashicons';
     163        speak: none;
     164        margin: 0 8px 0 -2px;
     165        -webkit-font-smoothing: antialiased;
     166        -moz-osx-font-smoothing: grayscale;
     167        vertical-align: top;
     168}
     169
     170.plugins .plugin-update {
     171        padding: 0;
     172        border: none;
     173        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
     174        box-shadow:                     inset 0 -1px 0 rgba(0,0,0,0.1);
     175}
     176
     177/* update notices for active plugins */
     178tr.active + tr.plugin-update-tr .plugin-update {
     179        background-color: #f7fcfe;
     180}
     181
     182tr.active + tr.plugin-update-tr .plugin-update .update-message {
     183        background-color: #fcf3ef;
     184}
     185
     186.plugin-install-php h4 {
     187        margin: 2.5em 0 8px;
     188}
     189
     190
     191
  • src/wp-admin/css/wp-admin-settings.css

    Property changes on: src/wp-admin/css/wp-admin-plugins.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1#utc-time, #local-time {
     2        padding-left: 25px;
     3        font-style: italic;
     4}
     5
     6.defaultavatarpicker .avatar {
     7        margin: 2px 0;
     8        vertical-align: middle;
     9}
     10
     11.options-general-php .spinner {
     12        float: none;
     13        margin: -3px 3px;
     14}
     15
  • src/wp-admin/css/wp-admin-tabbedadmin.css

    Property changes on: src/wp-admin/css/wp-admin-settings.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1.nav-tab {
     2        border: 1px solid #ccc;
     3        border-bottom: none;
     4        background: #e4e4e4;
     5        color: #555;
     6        font-size: 12px;
     7        line-height: 16px;
     8        display: inline-block;
     9        padding: 4px 14px 6px;
     10        text-decoration: none;
     11        margin: -4px 4px -1px 0;
     12}
     13
     14.nav-tab:hover {
     15        background-color: #fff;
     16        color: #464646;
     17}
     18
     19.nav-tab-active {
     20        color: #464646;
     21}
     22
     23.nav-tab-active,
     24.nav-tab-active:hover {
     25        border-bottom: 1px solid #f1f1f1;
     26        background: none;
     27        color: #000;
     28}
     29
     30h2.nav-tab-wrapper,
     31h3.nav-tab-wrapper {
     32        border-bottom: 1px solid #ccc;
     33        padding-bottom: 0;
     34        padding-left: 10px;
     35}
     36
     37h2 .nav-tab {
     38        padding: 6px 10px;
     39        font-weight: bold;
     40        font-size: 15px;
     41        line-height: 24px;
     42}
     43
     44
     45
  • src/wp-admin/css/wp-admin-tags.css

    Property changes on: src/wp-admin/css/wp-admin-tabbedadmin.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1.tagsdiv {
     2        margin-top: -8px;
     3}
     4
     5#poststuff .taghint {
     6        color: #aaa;
     7        margin: 15px 0 -24px 12px;
     8}
     9
     10#poststuff .tagsdiv .howto {
     11        margin: 0 0 6px 0;
     12}
     13
     14.ajaxtag .newtag {
     15        position: relative;
     16}
     17
     18.tagsdiv .newtag {
     19        width: 180px;
     20}
     21
     22.tagsdiv .the-tags {
     23        display: block;
     24        height: 60px;
     25        margin: 0 auto;
     26        overflow: auto;
     27        width: 260px;
     28}
     29
     30#post-body-content .tagsdiv .the-tags {
     31        margin: 0 5px;
     32}
     33
     34p.popular-tags {
     35        border: none;
     36        line-height: 2em;
     37        max-width: 1000px;
     38        padding: 8px 12px 12px;
     39        text-align: justify;
     40}
     41
     42p.popular-tags a {
     43        padding: 0 3px;
     44}
     45
     46.tagcloud {
     47        width: 97%;
     48        margin: 0 0 40px;
     49        text-align: justify;
     50}
     51
     52.tagcloud h3 {
     53        margin: 2px 0 12px;
     54}
     55
     56.ac_results {
     57        padding: 0;
     58        margin: 0;
     59        list-style: none;
     60        position: absolute;
     61        z-index: 10000;
     62        display: none;
     63        border: 1px solid #808080;
     64        background-color: #fff;
     65}
     66
     67.wp-customizer .ac_results {
     68        z-index: 500000;
     69}
     70
     71.ac_results li {
     72        padding: 2px 5px;
     73        white-space: nowrap;
     74        color: #101010;
     75        text-align: left;
     76}
     77
     78.ac_over {
     79        background-color: #f0f0b8;
     80        cursor: pointer;
     81}
     82
     83.ac_match {
     84        text-decoration: underline;
     85}
     86
     87/* links tables */
     88table.links-table {
     89        width: 100%;
     90        border-spacing: 0;
     91}
     92
     93.links-table th {
     94        font-weight: normal;
     95        text-align: left;
     96        vertical-align: top;
     97        min-width: 80px;
     98        width: 20%;
     99        word-wrap: break-word;
     100}
     101
     102.links-table th,
     103.links-table td {
     104        padding: 5px 0;
     105}
     106
     107.links-table td label {
     108        margin-right: 8px;
     109}
     110
     111.links-table td input[type="text"],
     112.links-table td textarea {
     113        width: 100%;
     114}
     115
     116.links-table #link_rel {
     117        max-width: 280px;
     118}
     119
     120
  • src/wp-admin/css/wp-admin-text.css

    Property changes on: src/wp-admin/css/wp-admin-tags.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1.widget .widget-top,
     2.postbox h3,
     3.stuffbox h3,
     4.control-section .accordion-section-title,
     5h3.dashboard-widget-title,
     6h3.dashboard-widget-title span,
     7h3.dashboard-widget-title small,
     8.sidebar-name,
     9#nav-menu-header,
     10#nav-menu-footer,
     11.menu-item-handle,
     12.checkbox,
     13.side-info,
     14#your-profile #rich_editing,
     15.widefat thead th,
     16.widefat tfoot th {
     17        line-height: 1.4em;
     18}
     19
     20.widget .widget-top,
     21.menu-item-handle {
     22        background: #fafafa;
     23        color: #222;
     24}
     25
     26.postbox h3,
     27#namediv h3,
     28#submitdiv h3 {
     29        border-bottom: 1px solid #eee;
     30}
     31
     32.quicktags,
     33.search {
     34        background-color: #ccc;
     35        color: #000;
     36        font-size: 12px;
     37}
     38
     39.icon32 {
     40        display: none;
     41}
     42
     43.icon16 {
     44        height: 18px;
     45        width: 18px;
     46        padding: 6px 6px;
     47        margin: -6px 0 0 -8px;
     48        float: left;
     49}
     50
     51/* New Menu icons */
     52
     53.icon16:before {
     54        color: #999;
     55        font: normal 20px/1 'dashicons';
     56        speak: none;
     57        padding: 6px 0;
     58        height: 34px;
     59        width: 20px;
     60        display: inline-block;
     61        -webkit-font-smoothing: antialiased;
     62        -moz-osx-font-smoothing: grayscale;
     63        -webkit-transition: all .1s ease-in-out;
     64        -moz-transition:        all .1s ease-in-out;
     65        transition:                     all .1s ease-in-out;
     66}
     67
     68.icon16.icon-dashboard:before,
     69#adminmenu .menu-icon-dashboard div.wp-menu-image:before {
     70        content: '\f226';
     71}
     72
     73.icon16.icon-post:before,
     74#adminmenu .menu-icon-post div.wp-menu-image:before {
     75        content: '\f109';
     76}
     77
     78.icon16.icon-media:before,
     79#adminmenu .menu-icon-media div.wp-menu-image:before {
     80        content: '\f104';
     81}
     82
     83.icon16.icon-links:before,
     84#adminmenu .menu-icon-links div.wp-menu-image:before {
     85        content: '\f103';
     86}
     87
     88.icon16.icon-page:before,
     89#adminmenu .menu-icon-page div.wp-menu-image:before {
     90        content: '\f105';
     91}
     92
     93.icon16.icon-comments:before,
     94#adminmenu .menu-icon-comments div.wp-menu-image:before {
     95        content: '\f101';
     96        margin-top: 1px;
     97}
     98
     99.icon16.icon-appearance:before,
     100#adminmenu .menu-icon-appearance div.wp-menu-image:before {
     101        content: '\f100';
     102}
     103
     104.icon16.icon-plugins:before,
     105#adminmenu .menu-icon-plugins div.wp-menu-image:before {
     106        content: '\f106';
     107}
     108
     109.icon16.icon-users:before,
     110#adminmenu .menu-icon-users div.wp-menu-image:before {
     111        content: '\f110';
     112}
     113
     114.icon16.icon-tools:before,
     115#adminmenu .menu-icon-tools div.wp-menu-image:before {
     116        content: '\f107';
     117}
     118
     119.icon16.icon-settings:before,
     120#adminmenu .menu-icon-settings div.wp-menu-image:before {
     121        content: '\f108';
     122}
     123
     124.icon16.icon-site:before,
     125#adminmenu .menu-icon-site div.wp-menu-image:before {
     126        content: '\f112'
     127}
     128
     129.icon16.icon-generic:before,
     130#adminmenu .menu-icon-generic div.wp-menu-image:before {
     131        content: '\f111';
     132}
     133
     134/* hide background-image for icons above */
     135.icon16.icon-dashboard,
     136.menu-icon-dashboard div.wp-menu-image,
     137.icon16.icon-post,
     138.menu-icon-post div.wp-menu-image,
     139.icon16.icon-media,
     140.menu-icon-media div.wp-menu-image,
     141.icon16.icon-links,
     142.menu-icon-links div.wp-menu-image,
     143.icon16.icon-page,
     144.menu-icon-page div.wp-menu-image,
     145.icon16.icon-comments,
     146.menu-icon-comments div.wp-menu-image,
     147.icon16.icon-appearance,
     148.menu-icon-appearance div.wp-menu-image,
     149.icon16.icon-plugins,
     150.menu-icon-plugins div.wp-menu-image,
     151.icon16.icon-users,
     152.menu-icon-users div.wp-menu-image,
     153.icon16.icon-tools,
     154.menu-icon-tools div.wp-menu-image,
     155.icon16.icon-settings,
     156.menu-icon-settings div.wp-menu-image,
     157.icon16.icon-site,
     158.menu-icon-site div.wp-menu-image,
     159.icon16.icon-generic,
     160.menu-icon-generic div.wp-menu-image {
     161        background-image: none !important;
     162}
     163
     164.key-labels label {
     165        line-height: 24px;
     166}
     167
     168strong, b {
     169        font-weight: 600;
     170}
     171
     172.pre {
     173        /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
     174        white-space: pre-wrap; /* css-3 */
     175        word-wrap: break-word; /* IE 5.5 - 7 */
     176}
     177
     178.howto {
     179        color: #666;
     180        font-style: italic;
     181        display: block;
     182}
     183
     184p.install-help {
     185        margin: 8px 0;
     186        font-style: italic;
     187}
     188
     189.no-break {
     190        white-space: nowrap;
     191}
     192
     193hr {
     194        border: 0;
     195        border-top: 1px solid #ddd;
     196        border-bottom: 1px solid #fafafa;
     197}
     198
  • src/wp-admin/css/wp-admin-themes.css

    Property changes on: src/wp-admin/css/wp-admin-text.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1/*------------------------------------------------------------------------------
     2  16.1 - Manage Themes
     3------------------------------------------------------------------------------*/
     4
     5.theme-browser .themes {
     6        clear: both;
     7        padding: 0 0 100px;
     8}
     9
     10.themes-php .wrap h2 {
     11        float: left;
     12        margin-bottom: 15px;
     13}
     14
     15.network-admin.themes-php .wrap h2 {
     16        margin-bottom: 0;
     17}
     18
     19.themes-php .wrap h2 .button {
     20        margin-left: 20px;
     21}
     22
     23.themes-php .wrap .theme-count {
     24        color: #fff;
     25        border-radius: 30px;
     26        background: #777;
     27        font-size: 14px;
     28        padding: 4px 10px;
     29        font-weight: 600;
     30        margin-left: 5px;
     31        margin-right: 20px;
     32        position: relative;
     33        top: -3px;
     34}
     35
     36/* Position admin messages */
     37.themes-php div.updated,
     38.themes-php div.error {
     39        margin: 0 0 20px 0;
     40        clear: both;
     41}
     42
     43.themes-php div.updated a {
     44        text-decoration: underline;
     45}
     46
     47/**
     48 * Main theme element
     49 * (has flexible margins)
     50 */
     51.theme-browser .theme {
     52        cursor: pointer;
     53        float: left;
     54        margin: 0 4% 4% 0;
     55        position: relative;
     56        width: 30.6%;
     57        border: 1px solid #dedede;
     58        -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
     59        box-shadow:                     0 1px 1px -1px rgba(0,0,0,0.1);
     60        -webkit-box-sizing: border-box;
     61        -moz-box-sizing:        border-box;
     62        box-sizing:                     border-box;
     63}
     64
     65.ie8 .theme-browser .theme {
     66        width: 30%;
     67        margin: 0 3% 4% 0;
     68}
     69
     70.theme-browser .theme:nth-child(3n) {
     71        margin-right: 0;
     72}
     73
     74.theme-browser .theme:hover,
     75.theme-browser .theme:focus {
     76        cursor: pointer;
     77}
     78
     79.theme-browser .theme .theme-name {
     80        font-size: 15px;
     81        font-weight: 600;
     82        margin: 0;
     83        padding: 15px;
     84        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
     85        box-shadow:                     inset 0 1px 0 rgba(0,0,0,0.1);
     86        overflow: hidden;
     87        white-space: nowrap;
     88        text-overflow: ellipsis;
     89        background: #fff;
     90        background: rgba(255,255,255,0.65);
     91}
     92
     93/* Activate and Customize buttons, shown on hover */
     94.theme-browser .theme .theme-actions {
     95        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     96        opacity: 0;
     97        -webkit-transition: opacity 0.1s ease-in-out;
     98        transition:                     opacity 0.1s ease-in-out;
     99        position: absolute;
     100        bottom: 0;
     101        right: 0;
     102        height: 38px;
     103        padding: 9px 10px 0 10px;
     104        background: rgba(244, 244, 244, 0.7);
     105        border-left: 1px solid rgba(0,0,0,0.05);
     106}
     107
     108.theme-browser .theme:hover .theme-actions {
     109        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     110        opacity: 1;
     111}
     112
     113.theme-browser .theme .theme-actions .button-primary {
     114        margin-right: 3px;
     115}
     116
     117.theme-browser .theme .theme-actions .button-secondary {
     118        float: none;
     119        margin-left: 3px;
     120}
     121
     122/**
     123 * Theme Screenshot
     124 *
     125 * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size
     126 * It is also responsive.
     127 */
     128.theme-browser .theme .theme-screenshot {
     129        display: block;
     130        overflow: hidden;
     131        position: relative;
     132        -webkit-transition: opacity 0.2s ease-in-out;
     133        transition:                     opacity 0.2s ease-in-out;
     134}
     135
     136.theme-browser .theme .theme-screenshot:after {
     137        content: '';
     138        display: block;
     139        padding-top: 66.66666%; /* using a 3/2 aspect ratio */
     140}
     141
     142.theme-browser .theme .theme-screenshot img {
     143        height: auto;
     144        position: absolute;
     145        left: 0;
     146        top: 0;
     147        width: 100%;
     148        -webkit-transform: translateZ( 0 ); /* Prevents rendering bugs in Chrome */
     149        -webkit-transition: opacity 0.2s ease-in-out;
     150        transition:                     opacity 0.2s ease-in-out;
     151}
     152
     153.theme-browser .theme:hover .theme-screenshot {
     154        background: #fff;
     155}
     156
     157.theme-browser.rendered .theme:hover .theme-screenshot img {
     158        opacity: 0.4;
     159}
     160
     161.theme-browser .theme .more-details {
     162        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     163        opacity: 0;
     164        position: absolute;
     165                top: 35%;
     166                right: 25%;
     167                left: 25%;
     168        background: #222;
     169        background: rgba(0,0,0,0.7);
     170        color: #fff;
     171        font-size: 15px;
     172        text-shadow: 0 1px 0 rgba(0,0,0,0.6);
     173        -webkit-font-smoothing: antialiased;
     174        font-weight: 600;
     175        padding: 15px 12px;
     176        text-align: center;
     177        border-radius: 3px;
     178        -webkit-transition: opacity 0.1s ease-in-out;
     179        transition:                     opacity 0.1s ease-in-out;
     180}
     181.theme-browser .theme:focus {
     182        outline: 1px dotted #222;
     183}
     184/* Hide shortcut actions and hover feedback when using tab navigation */
     185.theme-browser .theme:focus .theme-actions {
     186        display: none;
     187}
     188/* Restore display of theme controls if you hover a focused theme */
     189.theme-browser .theme:focus:hover .theme-actions {
     190        display: block;
     191}
     192.theme-browser .theme:focus .more-details {
     193        opacity: 1;
     194}
     195/* Current theme needs to have its action always on view */
     196.theme-browser .theme.active:focus .theme-actions {
     197        display: block;
     198}
     199
     200.theme-browser.rendered .theme:hover .more-details {
     201        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     202        opacity: 1;
     203}
     204
     205/**
     206 * Displays a theme update notice
     207 * when an update is available.
     208 */
     209.theme-browser .theme .theme-update {
     210        background: #d54e21;
     211        background: rgba(213, 78, 33, 0.95);
     212        color: #fff;
     213        display: block;
     214        font-size: 13px;
     215        font-weight: 400;
     216        height: 48px;
     217        line-height: 48px;
     218        padding: 0 10px;
     219        position: absolute;
     220        top: 0;
     221        right: 0;
     222        left: 0;
     223        border-bottom: 1px solid rgba(0,0,0,0.25);
     224        overflow: hidden;
     225}
     226
     227.theme-browser .theme .theme-update:before {
     228        content: '\f463';
     229        display: inline-block;
     230        font: normal 20px/1 'dashicons';
     231        margin: 0 6px 0 0;
     232        opacity: 0.8;
     233        position: relative;
     234        top: 5px;
     235        speak: none;
     236        -webkit-font-smoothing: antialiased;
     237}
     238
     239
     240/**
     241 * The currently active theme
     242 */
     243.theme-browser .theme.active .theme-name {
     244        background: #2f2f2f;
     245        color: #fff;
     246        padding-right: 110px;
     247        font-weight: 300;
     248        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
     249        box-shadow:                     inset 0 1px 1px rgba(0,0,0,0.5);
     250}
     251
     252.theme-browser .theme.active .theme-name span {
     253        font-weight: 600;
     254}
     255
     256.theme-browser .theme.active .theme-actions {
     257        background: rgba(49,49,49,0.7);
     258        border-left: none;
     259        opacity: 1;
     260}
     261
     262.theme-browser .theme.active .theme-actions .button-primary {
     263        margin-right: 0;
     264}
     265
     266.theme-browser .theme .theme-author {
     267        background: #222;
     268        color: #eee;
     269        display: none;
     270        font-size: 14px;
     271        margin: 0 10px;
     272        padding: 5px 10px;
     273        position: absolute;
     274        bottom: 56px;
     275}
     276
     277.theme-browser .theme.display-author .theme-author {
     278        display: block;
     279}
     280
     281.theme-browser .theme.display-author .theme-author a {
     282        color: inherit;
     283        text-decoration: none;
     284}
     285
     286/**
     287 * Add new theme
     288 */
     289.theme-browser .theme.add-new-theme {
     290        border: none;
     291        box-shadow: none;
     292}
     293
     294.theme-browser .theme.add-new-theme a {
     295        color: #999;
     296        text-decoration: none;
     297        display: block;
     298        position: relative;
     299        z-index: 1;
     300}
     301
     302.theme-browser .theme.add-new-theme:after {
     303        display: block;
     304        content: '';
     305        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     306        opacity: 1;
     307        background: transparent;
     308        background: rgba(0, 0, 0, 0);
     309        position: absolute;
     310        top: 0;
     311        left: 0;
     312        right: 0;
     313        bottom: 0;
     314        padding: 10% 0 0 0;
     315        text-shadow: none;
     316        border: 5px dashed #d5d2ca;
     317        border: 5px dashed rgba(0, 0, 0, 0.1);
     318        -webkit-transition: opacity 0.2s ease-in-out;
     319        transition:                     opacity 0.2s ease-in-out;
     320        -webkit-box-sizing: border-box;
     321        -moz-box-sizing:        border-box;
     322        box-sizing:                     border-box;
     323}
     324
     325.theme-browser .theme.add-new-theme span:after {
     326        background: #e5e5e5;
     327        background: rgba(153, 153, 153, 0.1);
     328        border-radius: 50%;
     329        display: inline-block;
     330        content: '\f132';
     331        -webkit-font-smoothing: antialiased;
     332        font: normal 74px/115px 'dashicons';
     333        width: 100px;
     334        height: 100px;
     335        vertical-align: middle;
     336        text-align: center;
     337        color: rgb(153, 153, 153);
     338        position: absolute;
     339        top: 30%;
     340        left: 50%;
     341        margin-left: -50px;
     342        text-indent: -4px;
     343        padding: 0;
     344        text-shadow: none;
     345        z-index:4;
     346}
     347
     348.rtl .theme-browser .theme.add-new-theme span:after {
     349        text-indent: 4px;
     350}
     351
     352.theme-browser .theme.add-new-theme:hover .theme-screenshot {
     353        background: none;
     354}
     355
     356.theme-browser .theme.add-new-theme:hover span:after {
     357        background: #fff;
     358        color: #0074a2;
     359}
     360
     361.theme-browser .theme.add-new-theme:hover:after {
     362        border-color: transparent;
     363        color: #fff;
     364        background: #0074a2;
     365        content: '';
     366}
     367
     368.theme-browser .theme.add-new-theme .theme-name {
     369        background: none;
     370        text-align: center;
     371        box-shadow: none;
     372        font-weight: 400;
     373        position: relative;
     374        top: 0;
     375        margin-top: -10%;
     376        margin-bottom: 10%;
     377}
     378
     379.theme-browser .theme.add-new-theme:hover .theme-name {
     380        color: #fff;
     381        z-index: 2;
     382}
     383
     384/*
     385 * The search form
     386 */
     387.themes-php .theme-search {
     388        position: relative;
     389        top: -2px;
     390        left: 20px;
     391        font-size: 16px;
     392        font-weight: 300;
     393        line-height: 1.5;
     394        width: 280px;
     395}
     396
     397/**
     398 * Theme Overlay
     399 * Shown when clicking a theme
     400 */
     401.theme-overlay .theme-backdrop {
     402        position: absolute;
     403        left: -20px;
     404        right: 0;
     405        top: 0;
     406        bottom: 0;
     407        background: #f1f1f1;
     408        background: rgba( 238, 238, 238, 0.9 );
     409        z-index: 10;
     410}
     411
     412body.theme-overlay-open {
     413        overflow: hidden;
     414}
     415
     416.theme-overlay .theme-header {
     417        position: absolute;
     418        top: 0;
     419        left: 0;
     420        right: 0;
     421        height: 48px;
     422        border-bottom: 1px solid #ddd;
     423}
     424
     425.theme-overlay .theme-header .close {
     426        cursor: pointer;
     427        height: 48px;
     428        width: 50px;
     429        text-align: center;
     430        float: right;
     431        border: 0;
     432        border-left: 1px solid #ddd;
     433        background-color: transparent;
     434}
     435
     436.theme-overlay .theme-header .close:hover:before,
     437.theme-overlay .theme-header .close:focus:before {
     438        color: #fff;
     439}
     440
     441.theme-overlay .theme-header .close:before {
     442        font: normal 30px/50px 'dashicons' !important;
     443        color: #777;
     444        display: inline-block;
     445        content: '\f335';
     446        font-weight: 300;
     447}
     448
     449/* Left and right navigation */
     450.theme-overlay .theme-header .right,
     451.theme-overlay .theme-header .left {
     452        cursor: pointer;
     453        color: #777;
     454        background-color: transparent;
     455        height: 48px;
     456        width: 54px;
     457        float: left;
     458        text-align: center;
     459        border: 0;
     460        border-right: 1px solid #ddd;
     461}
     462
     463.theme-overlay .theme-header .close:hover,
     464.theme-overlay .theme-header .right:hover,
     465.theme-overlay .theme-header .left:hover,
     466.theme-overlay .theme-header .close:focus,
     467.theme-overlay .theme-header .right:focus,
     468.theme-overlay .theme-header .left:focus {
     469        background: #0074a2;
     470        color: #fff;
     471}
     472
     473.theme-overlay .theme-header .left.disabled,
     474.theme-overlay .theme-header .right.disabled,
     475.theme-overlay .theme-header .left.disabled:hover,
     476.theme-overlay .theme-header .right.disabled:hover {
     477        color: #ccc;
     478        background: inherit;
     479        cursor: inherit;
     480}
     481
     482.theme-overlay .theme-header .right:before,
     483.theme-overlay .theme-header .left:before {
     484        font: normal 20px/50px 'dashicons' !important;
     485        display: inline;
     486        font-weight: 300;
     487}
     488
     489.theme-overlay .theme-header .left:before {
     490        content: '\f340';
     491}
     492
     493.theme-overlay .theme-header .right:before {
     494        content: '\f344';
     495}
     496
     497.rtl .theme-overlay .theme-header .left:before {
     498        content: '\f345';
     499}
     500
     501.rtl .theme-overlay .theme-header .right:before {
     502        content: '\f341';
     503}
     504
     505.theme-overlay .theme-wrap {
     506        clear: both;
     507        position: fixed;
     508        top: 9%;
     509        left: 190px;
     510        right: 30px;
     511        bottom: 3%;
     512        background: #fff;
     513        -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
     514        box-shadow:                     0 1px 20px 5px rgba(0, 0, 0, 0.1);
     515        z-index: 20;
     516        box-sizing: border-box;
     517}
     518
     519.theme-overlay .theme-wrap:after {
     520        content: ".";
     521        display: block;
     522        height: 0;
     523        clear: both;
     524        visibility: hidden;
     525}
     526
     527body.folded .theme-overlay .theme-wrap {
     528        left: 70px;
     529}
     530
     531.theme-overlay .theme-about {
     532        position: absolute;
     533        top: 49px;
     534        bottom: 57px;
     535        left: 0;
     536        right: 0;
     537        overflow: auto;
     538        padding: 2% 4%;
     539}
     540.theme-overlay .theme-about:after {
     541        content: ".";
     542        display: block;
     543        height: 0;
     544        clear: both;
     545        visibility: hidden;
     546}
     547
     548.theme-overlay .theme-actions {
     549        position: absolute;
     550        text-align: center;
     551        bottom: 0;
     552        left: 0;
     553        right: 0;
     554        padding: 10px 25px 5px;
     555        background: #f3f3f3;
     556        z-index: 30;
     557        box-sizing: border-box;
     558        border-top: 1px solid #eee;
     559}
     560
     561.ie8 .theme-overlay .theme-actions {
     562        border: 1px solid #eee;
     563}
     564
     565.theme-overlay .theme-actions a {
     566        margin-right: 5px;
     567        margin-bottom: 5px;
     568}
     569
     570.theme-overlay .theme-actions .delete-theme {
     571        color: #a00;
     572        position: absolute;
     573        right: 10px;
     574        bottom: 5px;
     575        text-decoration: none;
     576        border-color: transparent;
     577        box-shadow: none;
     578        background: transparent;
     579}
     580
     581.theme-overlay .theme-actions .delete-theme:hover,
     582.theme-overlay .theme-actions .delete-theme:focus {
     583        background: #d54e21;
     584        color: #fff;
     585        border-color: #d54e21;
     586}
     587
     588.theme-overlay .theme-actions .active-theme,
     589.theme-overlay.active .theme-actions .inactive-theme {
     590        display: none;
     591}
     592
     593.theme-overlay .theme-actions .inactive-theme,
     594.theme-overlay.active .theme-actions .active-theme {
     595        display: block;
     596}
     597
     598/**
     599 * Theme Screenshots gallery
     600 */
     601.theme-overlay .theme-screenshots {
     602        float: left;
     603        margin: 0 30px 0 0;
     604        width: 55%;
     605        max-width: 880px;
     606        text-align: center;
     607}
     608
     609/* First screenshot, shown big */
     610.theme-overlay .screenshot {
     611        border: 1px solid #fff;
     612        -webkit-box-sizing: border-box;
     613        -moz-box-sizing:        border-box;
     614        box-sizing:                     border-box;
     615        overflow: hidden;
     616        position: relative;
     617        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
     618        box-shadow:                     0 0 0 1px rgba(0,0,0,0.2);
     619}
     620
     621.theme-overlay .screenshot:after {
     622        content: '';
     623        display: block;
     624        padding-top: 75%; /* using a 4/3 aspect ratio */
     625}
     626
     627.theme-overlay .screenshot img {
     628        height: auto;
     629        position: absolute;
     630        left: 0;
     631        top: 0;
     632        width: 100%;
     633}
     634/* Handles old 300px screenshots */
     635.theme-overlay.small-screenshot .theme-screenshots {
     636        position: absolute;
     637        width: 302px;
     638}
     639.theme-overlay.small-screenshot .theme-info {
     640        margin-left: 350px;
     641        width: auto;
     642}
     643
     644/* Other screenshots, shown small and square */
     645.theme-overlay .screenshot.thumb {
     646        background: #ccc;
     647        border: 1px solid #eee;
     648        float: none;
     649        display: inline-block;
     650        margin: 10px 5px 0;
     651        width: 140px;
     652        height: 80px;
     653        cursor: pointer;
     654}
     655
     656.theme-overlay .screenshot.thumb:after {
     657        content: '';
     658        display: block;
     659        padding-top: 100%; /* using a 1/1 aspect ratio */
     660}
     661
     662.theme-overlay .screenshot.thumb img {
     663        cursor: pointer;
     664        height: auto;
     665        position: absolute;
     666        left: 0;
     667        top: 0;
     668        width: 100%;
     669        height: auto;
     670}
     671
     672.theme-overlay .screenshot.selected {
     673        background: transparent;
     674        border: 2px solid #2ea2cc;
     675}
     676
     677.theme-overlay .screenshot.selected img {
     678        opacity: 0.8;
     679}
     680
     681/* No screenshot placeholder */
     682.theme-browser .theme .theme-screenshot.blank,
     683.theme-overlay .screenshot.blank {
     684        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
     685}
     686
     687/**
     688 * Theme heading information
     689 */
     690.theme-overlay .theme-info {
     691        width: 40%;
     692        float: left;
     693}
     694
     695.theme-overlay .current-label {
     696        background: #333;
     697        color: #fff;
     698        font-size: 11px;
     699        display: inline-block;
     700        padding: 2px 8px;
     701        border-radius: 2px;
     702        margin: 0 0 -10px;
     703        -webkit-user-select: none;
     704        -moz-user-select:        none;
     705        -ms-user-select:         none;
     706        user-select:             none;
     707}
     708
     709.theme-overlay .theme-name {
     710        color: #222;
     711        font-size: 32px;
     712        font-weight: 100;
     713        margin: 10px 0 0;
     714        line-height: 1.3;
     715}
     716
     717.theme-overlay .theme-version {
     718        color: #999;
     719        font-size: 13px;
     720        font-weight: 400;
     721        float: none;
     722        display: inline-block;
     723        margin-left: 10px;
     724        -webkit-user-select: none;
     725        -moz-user-select:        none;
     726        -ms-user-select:         none;
     727        user-select:             none;
     728}
     729
     730.theme-overlay .theme-author {
     731        color: #686868;
     732        font-size: 16px;
     733        font-weight: 400;
     734        margin: 15px 0 25px;
     735}
     736
     737.theme-overlay .theme-author a {
     738        text-decoration: none;
     739}
     740
     741.theme-overlay .theme-description {
     742        color: #555;
     743        font-size: 15px;
     744        font-weight: 400;
     745        line-height: 1.5;
     746        margin: 30px 0 0 0;
     747}
     748
     749.theme-overlay .theme-tags {
     750        border-top: 3px solid #eee;
     751        color: #888;
     752        font-size: 13px;
     753        font-weight: 400;
     754        margin: 30px 0 0 0;
     755        padding-top: 20px;
     756}
     757
     758.theme-overlay .theme-tags span {
     759        color: #444;
     760        font-weight: bold;
     761        margin-right: 5px;
     762}
     763
     764/* Theme Updates info */
     765.theme-overlay .theme-update-message {
     766        background: #fefaf7;
     767        border: 1px solid #eee;
     768        border-left: 4px solid #d54e21;
     769        border-radius: 3px;
     770        padding: 5px 20px 10px;
     771}
     772
     773.theme-overlay .theme-update {
     774        color: #222;
     775        font-size: 18px;
     776        display: inline-block;
     777        line-height: 40px;
     778        margin: 0;
     779}
     780
     781.theme-overlay .parent-theme {
     782        background: #f7fcfe;
     783        border: 1px solid #eee;
     784        border-left: 4px solid #2ea2cc;
     785        font-size: 14px;
     786        font-weight: normal;
     787        margin-top: 30px;
     788        padding: 10px 10px 10px 20px;
     789}
     790
     791.theme-overlay .parent-theme strong {
     792        font-weight: 700;
     793}
     794
     795/**
     796 * Single Theme Mode
     797 * Displays detailed view inline when a user has no switch capabilities
     798 */
     799.single-theme .theme-overlay .theme-backdrop,
     800.single-theme .theme-overlay .theme-header,
     801.single-theme .theme {
     802        display: none;
     803}
     804
     805.single-theme .theme-overlay .theme-wrap {
     806        clear: both;
     807        min-height: 330px;
     808        position: relative;
     809        left: auto;
     810        right: auto;
     811        top: auto;
     812        bottom: auto;
     813}
     814
     815.single-theme .theme-overlay .theme-about {
     816        padding: 30px 30px 70px;
     817        position: static;
     818}
     819
     820.single-theme .theme-overlay .theme-actions {
     821        position: absolute;
     822}
     823
     824/**
     825 * Basic Responsive structure...
     826 *
     827 * Shuffles theme columns around based on screen width
     828 */
     829
     830@media only screen and (min-width: 2000px) {
     831        #wpwrap .theme-browser .theme {
     832                width: 17.6%;
     833                margin: 0 3% 3% 0;
     834        }
     835
     836        #wpwrap .theme-browser .theme:nth-child(3n),
     837        #wpwrap .theme-browser .theme:nth-child(4n) {
     838                margin-right: 3%;
     839        }
     840
     841        #wpwrap .theme-browser .theme:nth-child(5n) {
     842                margin-right: 0;
     843        }
     844}
     845
     846@media only screen and (min-width: 1680px) {
     847        .theme-overlay .theme-wrap {
     848                width: 1450px;
     849                margin: 0 auto;
     850        }
     851}
     852
     853/* Maximum screenshot width reaches 440px */
     854@media only screen and (min-width: 1640px) {
     855        .theme-browser .theme {
     856                width: 22.7%;
     857                margin: 0 3% 3% 0;
     858        }
     859        .theme-browser .theme .theme-screenshot:after {
     860                padding-top: 75%; /* using a 4/3 aspect ratio */
     861        }
     862
     863        .theme-browser .theme:nth-child(3n) {
     864                margin-right: 3%;
     865        }
     866
     867        .theme-browser .theme:nth-child(4n) {
     868                margin-right: 0;
     869        }
     870}
     871/* Maximum screenshot width reaches 440px */
     872@media only screen and (max-width: 1120px) {
     873        .theme-browser .theme {
     874                width: 47.5%;
     875                margin-right: 0;
     876        }
     877
     878        .theme-browser .theme:nth-child(even) {
     879                margin-right: 0;
     880        }
     881
     882        .theme-browser .theme:nth-child(odd) {
     883                margin-right: 5%;
     884        }
     885}
     886
     887/* Admin menu is folded */
     888@media only screen and (max-width: 900px) {
     889        .theme-overlay .theme-wrap {
     890                left: 65px;
     891        }
     892}
     893
     894@media only screen and (max-width: 780px) {
     895        body.folded .theme-overlay .theme-wrap,
     896        .theme-overlay .theme-wrap {
     897                top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */
     898                right: 0;
     899                bottom: 0;
     900                left: 0;
     901                padding: 70px 20px 20px;
     902                border: none;
     903                z-index: 500; /* should overlap #wpadminbar, which is 500 on mobile. */
     904                position: fixed;
     905        }
     906
     907        .theme-browser .theme.active .theme-name span {
     908                /* Hide the "Active: " label on smaller screens. */
     909                display: none;
     910        }
     911
     912        .theme-overlay .theme-screenshots {
     913                width: 40%;
     914        }
     915
     916        .theme-overlay .theme-info {
     917                width: 50%;
     918        }
     919        .single-theme .theme-wrap {
     920                padding: 10px;
     921        }
     922
     923        .theme-browser .theme .theme-actions {
     924                padding: 5px 10px 4px 10px;
     925        }
     926
     927        .theme-overlay.small-screenshot .theme-screenshots {
     928                position: static;
     929                float: none;
     930                max-width: 302px;
     931        }
     932
     933        .theme-overlay.small-screenshot .theme-info {
     934                margin-left: 0;
     935                width: auto;
     936        }
     937
     938        .theme:not(.active):hover .theme-actions,
     939        .theme:hover .more-details {
     940                display: none;
     941        }
     942
     943        .theme-browser.rendered .theme:hover .theme-screenshot img {
     944                opacity: 1.0;
     945        }
     946}
     947
     948@media only screen and (max-width: 480px) {
     949        .theme-browser .theme {
     950                width: 100%;
     951                margin-right: 0;
     952        }
     953
     954        .theme-browser .theme:nth-child(2n),
     955        .theme-browser .theme:nth-child(3n) {
     956                margin-right: 0;
     957        }
     958}
     959
     960@media only screen and (max-width: 650px) {
     961        .theme-overlay .theme-update,
     962        .theme-overlay .theme-description {
     963                margin-left: 0;
     964        }
     965
     966        .theme-overlay .theme-actions .delete-theme {
     967                position: relative;
     968                right: auto;
     969                bottom: auto;
     970        }
     971
     972        .theme-overlay .theme-actions .inactive-theme {
     973                display: inline;
     974        }
     975
     976        .theme-overlay .theme-screenshots {
     977                width: 100%;
     978                float: none;
     979        }
     980
     981        .theme-overlay .theme-info {
     982                width: 100%;
     983        }
     984
     985        .theme-overlay .theme-author {
     986                margin: 5px 0 15px 0;
     987        }
     988
     989        .theme-overlay .current-label {
     990                margin-top: 10px;
     991                font-size: 13px;
     992        }
     993
     994        .themes-php .wrap h2 {
     995                width: 100%;
     996        }
     997
     998        .themes-php .theme-search {
     999                float: none;
     1000                clear: both;
     1001                left: 0;
     1002                top: 0;
     1003                right: 0;
     1004                margin: 10px 0;
     1005                width: 100%;
     1006        }
     1007
     1008        .theme-browser .theme.add-new-theme span:after {
     1009                font: normal 60px/90px 'dashicons';
     1010                width: 80px;
     1011                height: 80px;
     1012                top: 30%;
     1013                left: 50%;
     1014                text-indent: 0;
     1015                margin-left: -40px;
     1016        }
     1017
     1018        .single-theme .theme-wrap {
     1019                margin: 0 -12px 0 -10px;
     1020                padding: 10px;
     1021        }
     1022        .single-theme .theme-overlay .theme-about {
     1023                padding: 10px;
     1024                overflow: visible;
     1025        }
     1026        .single-theme .current-label {
     1027                display: none;
     1028        }
     1029        .single-theme .theme-overlay .theme-actions {
     1030                position: static;
     1031        }
     1032}
     1033
     1034.broken-themes {
     1035        clear: both;
     1036}
     1037
     1038.broken-themes table {
     1039        text-align: left;
     1040        width: 50%;
     1041        border-spacing: 3px;
     1042        padding: 3px;
     1043}
     1044
     1045
     1046/*------------------------------------------------------------------------------
     1047  16.2 - Install Themes
     1048------------------------------------------------------------------------------*/
     1049
     1050.theme-install-php h4 {
     1051        margin: 2.5em 0 8px;
     1052}
     1053
     1054.theme-install-php .tablenav {
     1055        height: auto;
     1056}
     1057
     1058.theme-install-php .spinner {
     1059        margin-top: 9px;
     1060}
     1061
     1062.available-theme {
     1063        display: inline-block;
     1064        margin-right: 10px;
     1065        overflow: hidden;
     1066        padding: 20px 20px 20px 0;
     1067        vertical-align: top;
     1068        width: 300px;
     1069}
     1070
     1071.available-theme .screenshot {
     1072        width: 300px;
     1073        height: 225px;
     1074        display: block;
     1075        border: 1px solid #ccc;
     1076        margin-bottom: 10px;
     1077        overflow: hidden;
     1078        background-color: #fff;
     1079}
     1080
     1081.available-theme img {
     1082        width: 300px;
     1083}
     1084
     1085.available-theme h3 {
     1086        margin: 15px 0 0;
     1087}
     1088
     1089.available-theme .theme-author {
     1090        line-height: 18px;
     1091}
     1092
     1093.available-theme .action-links {
     1094        margin-top: 10px;
     1095        overflow: hidden;
     1096}
     1097
     1098.available-theme a.screenshot:focus {
     1099        border-color: #777;
     1100}
     1101
     1102.available-theme .action-links li {
     1103        float: left;
     1104        padding-right: 10px;
     1105        margin-right: 10px;
     1106        border-right: 1px solid #dfdfdf;
     1107}
     1108
     1109.available-theme .action-links li {
     1110        padding-right: 8px;
     1111        margin-right: 8px;
     1112}
     1113
     1114.ie8 .available-theme .action-links li {
     1115        padding-right: 7px;
     1116        margin-right: 7px;
     1117}
     1118
     1119.available-theme .action-links li:last-child {
     1120        padding-right: 0;
     1121        margin-right: 0;
     1122        border-right: 0;
     1123}
     1124
     1125.available-theme .action-links .delete-theme {
     1126        float: right;
     1127        margin-left: 8px;
     1128        margin-right: 0;
     1129}
     1130
     1131.available-theme .action-links .delete-theme a {
     1132        color: red;
     1133        padding: 2px;
     1134}
     1135
     1136.available-theme .action-links .delete-theme a:hover {
     1137        background: red;
     1138        color: #fff;
     1139        text-decoration: none;
     1140}
     1141
     1142.available-theme .action-links p {
     1143        float: left;
     1144}
     1145
     1146/* Allow for three-up in small windows when sidebar is collapsed */
     1147@media only screen and (max-width: 1200px) {
     1148        .folded .available-theme,
     1149        .folded .available-theme .screenshot {
     1150                width: 300px;
     1151        }
     1152
     1153        .folded .available-theme .screenshot {
     1154                height: 225px;
     1155        }
     1156}
     1157
     1158/* Adjust three-up display in smaller windows when sidebar is collapsed */
     1159@media only screen and (max-width: 1079px) {
     1160        .folded .available-theme,
     1161        .folded .available-theme .screenshot {
     1162                width: 270px;
     1163        }
     1164
     1165        .folded .available-theme .screenshot {
     1166                height: 203px;
     1167        }
     1168}
     1169
     1170/* Allow for three-up on 1024px wide screens, e.g. tablets */
     1171@media only screen and (max-width: 1200px) {
     1172        .available-theme,
     1173        .available-theme .screenshot {
     1174                width: 240px;
     1175        }
     1176
     1177        .available-theme .screenshot {
     1178                height: 180px;
     1179        }
     1180
     1181        .available-theme img {
     1182                width: 100%;
     1183        }
     1184}
     1185
     1186/* @todo: surely this belongs elsewhere */
     1187#post-body ul.add-menu-item-tabs li.tabs a {
     1188        font-weight: 600;
     1189        text-decoration: none;
     1190}
     1191
     1192#TB_window {
     1193        border: 1px solid #333;
     1194}
     1195
     1196#TB_window #TB_title {
     1197        background-color: #222;
     1198        color: #cfcfcf;
     1199}
     1200
     1201#TB_window #TB_title a.tb-theme-preview-link,
     1202#TB_window #TB_title a.tb-theme-preview-link:visited {
     1203        color: #999;
     1204        font-weight: 600;
     1205        text-decoration: none;
     1206}
     1207
     1208#TB_window #TB_title a.tb-theme-preview-link:hover,
     1209#TB_window #TB_title a.tb-theme-preview-link:focus {
     1210        color: #ccc;
     1211}
     1212
     1213
     1214/*------------------------------------------------------------------------------
     1215  16.3 - Custom Header Screen
     1216------------------------------------------------------------------------------*/
     1217
     1218.appearance_page_custom-header #headimg {
     1219        border: 1px solid #DFDFDF;
     1220        overflow: hidden;
     1221        width: 100%;
     1222}
     1223
     1224.appearance_page_custom-header #upload-form p label {
     1225        font-size: 12px;
     1226}
     1227
     1228.appearance_page_custom-header .available-headers .default-header {
     1229        float: left;
     1230        margin: 0 20px 20px 0;
     1231}
     1232
     1233.appearance_page_custom-header .random-header {
     1234        clear: both;
     1235        margin: 0 20px 20px 0;
     1236        vertical-align: middle;
     1237}
     1238
     1239.appearance_page_custom-header .available-headers label input,
     1240.appearance_page_custom-header .random-header label input {
     1241        margin-right: 10px;
     1242}
     1243
     1244.appearance_page_custom-header .available-headers label img {
     1245        vertical-align: middle;
     1246}
     1247
     1248
     1249/*------------------------------------------------------------------------------
     1250  16.4 - Custom Background Screen
     1251------------------------------------------------------------------------------*/
     1252
     1253div#custom-background-image {
     1254        min-height: 100px;
     1255        border: 1px solid #dfdfdf;
     1256}
     1257
     1258div#custom-background-image img {
     1259        max-width: 400px;
     1260        max-height: 300px;
     1261}
     1262
     1263
     1264
  • src/wp-admin/css/wp-admin-tools.css

    Property changes on: src/wp-admin/css/wp-admin-themes.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1body.press-this {
     2        color: #333;
     3        margin: 0;
     4        padding: 0;
     5        min-width: 708px;
     6        min-height: 400px;
     7}
     8
     9.press-this #titlediv #title {
     10        font-size: 1.4em;
     11}
     12
     13.press-this #site-heading:before {
     14        top: 3px;
     15        position: relative;
     16        display: inline-block;
     17        font: normal 18px/1 'dashicons';
     18        speak: none;
     19        color: #727272;
     20        content: '\f120';
     21        -webkit-font-smoothing: antialiased;
     22        -moz-osx-font-smoothing: grayscale;
     23}
     24
     25.pressthis {
     26        margin: 20px 0;
     27}
     28
     29.pressthis a,
     30.pressthis a:hover,
     31.pressthis a:focus,
     32.pressthis a:active {
     33        display: inline-block;
     34        position: relative;
     35        cursor: move;
     36        color: #333;
     37        background: #e6e6e6;
     38        -webkit-border-radius: 5px;
     39        border-radius: 5px;
     40        border: 1px solid #b4b4b4;
     41        font-style: normal;
     42        line-height: 16px;
     43        font-size: 14px;
     44        text-decoration: none;
     45}
     46
     47.pressthis a:active {
     48        outline: none;
     49}
     50
     51.pressthis a:hover:after {
     52        -webkit-transform: skew(20deg) rotate(9deg);
     53        -moz-transform: skew(20deg) rotate(9deg);
     54        transform: skew(20deg) rotate(9deg);
     55        -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
     56        box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
     57}
     58
     59.pressthis a span {
     60        display: inline-block;
     61        margin: 0px 0 0;
     62        padding: 0px 12px 8px 9px;
     63}
     64
     65.pressthis a span:before {
     66        color: #777;
     67        font: normal 20px/1 'dashicons';
     68        content:'\f157';
     69        position: relative;
     70        display: inline-block;
     71        top: 4px;
     72        margin-right: 4px;
     73}
     74
     75.pressthis a:after {
     76        content: '';
     77        width: 70%;
     78        height: 55%;
     79        z-index: -1;
     80        position: absolute;
     81        right: 10px;
     82        bottom: 9px;
     83        background: transparent;
     84
     85        -webkit-transform: skew(20deg) rotate(6deg);
     86        -moz-transform: skew(20deg) rotate(6deg);
     87        transform: skew(20deg) rotate(6deg);
     88        -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
     89        box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
     90}
     91
  • src/wp-admin/css/wp-admin-uncatagorized.css

    Property changes on: src/wp-admin/css/wp-admin-tools.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1/*-----------------------------------------------------------------------------
     2 MERGED
     3-------------------------------------------------------------------------------*/
     4
     5/* nav-menu */
     6
     7.no-js #message {
     8        display: block;
     9}
     10
     11.accordion-section ul.category-tabs,
     12.accordion-section ul.add-menu-item-tabs,
     13.accordion-section ul.wp-tab-bar {
     14        margin: 0;
     15}
     16
     17.accordion-section .categorychecklist {
     18        margin: 13px 0;
     19}
     20
     21#nav-menu-meta .accordion-section-content {
     22        padding: 18px 13px;
     23}
     24
     25#nav-menu-meta .button-controls {
     26        margin-bottom: 0;
     27}
     28
     29#nav-menus-frame {
     30        margin-left: 300px;
     31        margin-top: 23px;
     32}
     33
     34#nav-menus-frame .accordion-section-content .inside {
     35        font-size: 14px;
     36}
     37
     38#wpbody-content #menu-settings-column {
     39        display:inline;
     40        width:281px;
     41        margin-left: -300px;
     42        clear: both;
     43        float: left;
     44        padding-top: 0;
     45}
     46
     47#menu-settings-column .inside {
     48        clear: both;
     49        margin: 10px 0 0;
     50}
     51
     52.metabox-holder-disabled .postbox,
     53.metabox-holder-disabled .accordion-section-content,
     54.metabox-holder-disabled .accordion-section-title {
     55        opacity: 0.5;
     56        filter: alpha(opacity=50);
     57}
     58
     59.metabox-holder-disabled .button-controls .select-all {
     60        display: none;
     61}
     62
     63#wpbody {
     64        position: relative;
     65}
     66
     67.blank-slate .menu-name {
     68        height: 2em;
     69}
     70
     71.blank-slate .menu-settings {
     72        border: none;
     73        margin-top: 0;
     74        padding-top: 0;
     75        overflow: hidden;
     76}
     77
     78.is-submenu {
     79        color: #999;
     80        font-style: italic;
     81        font-weight: normal;
     82        margin-left: 4px;
     83}
     84
     85.manage-menus {
     86        margin-top: 23px;
     87        padding: 10px;
     88        overflow: hidden;
     89        background: #fbfbfb;
     90}
     91
     92.manage-menus select {
     93        float: left;
     94        margin-right: 6px;
     95}
     96
     97.manage-menus .selected-menu {
     98        float: left;
     99        margin: 5px 6px 0 0;
     100}
     101
     102.manage-menus .submit-btn {
     103        float: left;
     104        margin-top: 1px;
     105}
     106
     107.menu-edit p {
     108        margin: .3em 0 .6em;
     109}
     110
     111.menu-edit #post-body-content h3 {
     112        margin: 1em 0 10px;
     113}
     114
     115.menu-settings {
     116        border-top: 1px solid #eee;
     117        margin-top: 2em;
     118}
     119
     120.menu-settings dl {
     121        margin: 0 0 10px;
     122        overflow: hidden;
     123        padding-left: 18%;
     124}
     125
     126.menu-settings dd {
     127        float: left;
     128        margin: 0;
     129        width: 100%;
     130}
     131
     132.menu-settings dt {
     133        float: left;
     134        clear: both;
     135        width: 21.951%;
     136        padding: 3px 0 0;
     137        margin-left: -21.951%;
     138}
     139
     140.menu-settings label {
     141        vertical-align: baseline;
     142}
     143
     144.menu-edit .checkbox-input {
     145        margin-top: 4px;
     146}
     147
     148.theme-location-set {
     149        color: #999;
     150        font-size: 11px;
     151}
     152
     153/* Menu Container */
     154#menu-management-liquid {
     155        float: left;
     156        min-width: 100%;
     157        margin-top: 3px;
     158}
     159
     160#menu-management {
     161        position: relative;
     162        margin-right: 20px;
     163        margin-top: -3px;
     164        width: 100%;
     165        background: #f5f5f5;
     166}
     167
     168#menu-management .menu-edit {
     169        margin-bottom: 20px;
     170}
     171
     172.nav-menus-php #post-body {
     173        padding: 0 10px 10px;
     174        border-top: 1px solid #fff;
     175        border-bottom: 1px solid #dfdfdf;
     176        background: #fff;
     177}
     178
     179#nav-menu-header,
     180#nav-menu-footer {
     181        padding: 0 10px;
     182}
     183
     184#nav-menu-header {
     185        border-bottom: 1px solid #dfdfdf;
     186        margin-bottom: 0;
     187}
     188
     189#nav-menu-header .menu-name-label {
     190        margin-top: 4px;
     191}
     192
     193.nav-menus-php #post-body div.updated,
     194.nav-menus-php #post-body div.error {
     195        margin: 0;
     196}
     197
     198.nav-menus-php #post-body-content {
     199        position: relative;
     200        float: none;
     201}
     202
     203#menu-management .menu-add-new abbr {
     204        font-weight:600;
     205}
     206
     207#select-nav-menu-container {
     208        text-align: right;
     209        padding: 0 10px 3px 10px;
     210        margin-bottom: 5px;
     211}
     212
     213#select-nav-menu {
     214        width: 100px;
     215        display: inline;
     216}
     217
     218#menu-name-label {
     219        margin-top: -2px;
     220}
     221
     222.widefat td.menu-location-menus {
     223        padding-bottom: 5px;
     224}
     225
     226.menu-location-menus select {
     227        float: left;
     228}
     229
     230#locations-nav-menu-wrapper {
     231        padding: 5px 0;
     232}
     233
     234.locations-nav-menu-select select {
     235        float: left;
     236        width: 160px;
     237        margin-right: 5px;
     238}
     239
     240.locations-row-links {
     241        float: left;
     242        margin: 6px 0 0 6px;
     243}
     244
     245.locations-edit-menu-link,
     246.locations-add-menu-link {
     247        margin: 0 3px;
     248}
     249
     250.locations-edit-menu-link {
     251        padding-right: 3px;
     252        border-right: 1px solid #ccc;
     253}
     254
     255#wpbody .open-label {
     256        display: block;
     257        float:left;
     258}
     259
     260#wpbody .open-label span {
     261        padding-right: 10px;
     262}
     263
     264.js .input-with-default-title {
     265        color: #aaa;
     266        font-style: italic;
     267}
     268
     269#menu-management .inside {
     270        padding: 0 10px;
     271}
     272
     273/* Add Menu Item Boxes */
     274.postbox .howto input,
     275.accordion-container .howto input {
     276        width: 180px;
     277        float: right;
     278}
     279
     280.accordion-container .outer-border {
     281        margin: 0;
     282}
     283
     284.customlinkdiv .howto input {
     285        width: 180px;
     286}
     287
     288.customlinkdiv p {
     289        margin-top: 0
     290}
     291
     292#nav-menu-theme-locations .howto select {
     293        width: 100%;
     294}
     295
     296#nav-menu-theme-locations .button-controls {
     297        text-align: right;
     298}
     299
     300.add-menu-item-view-all {
     301        height: 400px;
     302}
     303
     304/* Button Primary Actions */
     305#menu-container .submit {
     306        margin: 0 0 10px;
     307        padding: 0;
     308}
     309
     310.nav-menus-php .add-new-menu-action {
     311        float: left;
     312        margin: 6px 0 0 6px;
     313        line-height: 15px;
     314}
     315
     316.nav-menus-php .meta-sep,
     317.nav-menus-php .submitdelete,
     318.nav-menus-php .submitcancel {
     319        display: block;
     320        float: left;
     321        margin: 6px 0;
     322        line-height: 15px;
     323}
     324
     325.meta-sep {
     326        padding: 0 2px;
     327}
     328
     329/* @todo: is this actually used? */
     330#cancel-save {
     331        text-decoration: underline;
     332        font-size: 12px;
     333        margin-left: 20px;
     334        margin-top: 5px;
     335}
     336
     337.button.right, .button-secondary.right, .button-primary.right {
     338        float: right;
     339}
     340
     341/* Button Secondary Actions */
     342.list-controls {
     343        float: left;
     344        margin-top: 5px;
     345}
     346
     347.add-to-menu {
     348        float: right;
     349}
     350
     351.postbox .spinner {
     352        display: none;
     353        vertical-align: middle;
     354}
     355
     356.button-controls {
     357        clear:both;
     358        margin: 10px 0;
     359}
     360
     361.show-all,
     362.hide-all {
     363        cursor: pointer;
     364}
     365
     366.hide-all {
     367        display: none;
     368}
     369
     370/* Create Menu */
     371#menu-name {
     372        width: 270px;
     373}
     374
     375#manage-menu .inside {
     376        padding: 0px 0px;
     377}
     378
     379/* Custom Links */
     380#available-links dt {
     381        display: block;
     382}
     383
     384#add-custom-link .howto {
     385        font-size: 12px;
     386}
     387
     388#add-custom-link label span {
     389        display: block;
     390        float: left;
     391        margin-top: 5px;
     392        padding-right: 5px;
     393}
     394
     395.menu-item-textbox {
     396        width: 180px;
     397}
     398
     399.nav-menus-php .howto span {
     400        margin-top: 6px;
     401        display: block;
     402        float: left;
     403}
     404
     405/* Menu item types */
     406.quick-search {
     407        width: 190px;
     408}
     409
     410.nav-menus-php .list-wrap {
     411        display: none;
     412        clear: both;
     413        margin-bottom: 10px;
     414}
     415
     416.nav-menus-php .postbox p.submit {
     417        margin-bottom: 0;
     418}
     419
     420/* Listings */
     421.nav-menus-php .list li {
     422        display: none;
     423        margin: 0;
     424        margin-bottom: 5px;
     425}
     426
     427.nav-menus-php .list li .menu-item-title {
     428        cursor: pointer;
     429        display: block;
     430}
     431
     432.nav-menus-php .list li .menu-item-title input {
     433        margin-right: 3px;
     434        margin-top: -3px;
     435}
     436
     437.menu-item-title input[type=checkbox] {
     438        display: inline-block;
     439        margin-top: -4px;
     440}
     441
     442/* Nav Menu */
     443#menu-container .inside {
     444        padding-bottom: 10px;
     445}
     446
     447.menu {
     448        padding-top:1em;
     449}
     450
     451#menu-to-edit {
     452        margin: 0;
     453        padding: 0.1em 0;
     454}
     455
     456.menu ul {
     457        width: 100%;
     458}
     459
     460.menu li {
     461        margin-bottom: 0;
     462        position:relative;
     463}
     464
     465.menu-item-bar {
     466        clear:both;
     467        line-height:1.5em;
     468        position:relative;
     469        margin: 9px 0 0;
     470}
     471
     472.menu-item-bar .menu-item-handle {
     473        border: 1px solid #dfdfdf;
     474        position: relative;
     475        padding: 10px 15px;
     476        height: auto;
     477        width: 382px;
     478        line-height: 30px;
     479        overflow: hidden;
     480        word-wrap: break-word;
     481}
     482
     483.menu-item-bar .menu-item-handle:hover {
     484        border-color: #999;
     485}
     486
     487#menu-to-edit .menu-item-invalid .menu-item-handle {
     488        background: #f6c9cc;
     489        border-color: #f1acb1;
     490}
     491
     492.no-js .menu-item-edit-active .item-edit {
     493        display: none;
     494}
     495
     496.js .menu-item-handle {
     497        cursor: move;
     498}
     499
     500.menu li.deleting .menu-item-handle {
     501        background-image: none;
     502        background-color: #f66;
     503}
     504
     505.menu-item-handle .item-title {
     506        font-size: 13px;
     507        font-weight: 600;
     508        line-height: 20px;
     509        display: block;
     510        margin-right: 13em;
     511}
     512
     513/* Sortables */
     514li.menu-item.ui-sortable-helper dl {
     515        margin-top: 0;
     516}
     517
     518li.menu-item.ui-sortable-helper .menu-item-transport dl {
     519        margin-top: 13px;
     520}
     521
     522.menu .sortable-placeholder {
     523        height: 35px;
     524        width: 410px;
     525        margin-top: 13px;
     526}
     527
     528/* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */
     529.menu-item-depth-0 { margin-left: 0px; }
     530.menu-item-depth-1 { margin-left: 30px; }
     531.menu-item-depth-2 { margin-left: 60px; }
     532.menu-item-depth-3 { margin-left: 90px; }
     533.menu-item-depth-4 { margin-left: 120px; }
     534.menu-item-depth-5 { margin-left: 150px; }
     535.menu-item-depth-6 { margin-left: 180px; }
     536.menu-item-depth-7 { margin-left: 210px; }
     537.menu-item-depth-8 { margin-left: 240px; }
     538.menu-item-depth-9 { margin-left: 270px; }
     539.menu-item-depth-10 { margin-left: 300px; }
     540.menu-item-depth-11 { margin-left: 330px; }
     541
     542.menu-item-depth-0 .menu-item-transport { margin-left: 0px; }
     543.menu-item-depth-1 .menu-item-transport { margin-left: -30px; }
     544.menu-item-depth-2 .menu-item-transport { margin-left: -60px; }
     545.menu-item-depth-3 .menu-item-transport { margin-left: -90px; }
     546.menu-item-depth-4 .menu-item-transport { margin-left: -120px; }
     547.menu-item-depth-5 .menu-item-transport { margin-left: -150px; }
     548.menu-item-depth-6 .menu-item-transport { margin-left: -180px; }
     549.menu-item-depth-7 .menu-item-transport { margin-left: -210px; }
     550.menu-item-depth-8 .menu-item-transport { margin-left: -240px; }
     551.menu-item-depth-9 .menu-item-transport { margin-left: -270px; }
     552.menu-item-depth-10 .menu-item-transport { margin-left: -300px; }
     553.menu-item-depth-11 .menu-item-transport { margin-left: -330px; }
     554
     555body.menu-max-depth-0 { min-width: 950px !important; }
     556body.menu-max-depth-1 { min-width: 980px !important; }
     557body.menu-max-depth-2 { min-width: 1010px !important; }
     558body.menu-max-depth-3 { min-width: 1040px !important; }
     559body.menu-max-depth-4 { min-width: 1070px !important; }
     560body.menu-max-depth-5 { min-width: 1100px !important; }
     561body.menu-max-depth-6 { min-width: 1130px !important; }
     562body.menu-max-depth-7 { min-width: 1160px !important; }
     563body.menu-max-depth-8 { min-width: 1190px !important; }
     564body.menu-max-depth-9 { min-width: 1220px !important; }
     565body.menu-max-depth-10 { min-width: 1250px !important; }
     566body.menu-max-depth-11 { min-width: 1280px !important; }
     567
     568/* Menu item controls */
     569.item-type {
     570        color: #777;
     571        font-size: 12px;
     572        padding: 12px 10px;
     573        line-height: 18px;
     574        display: block;
     575}
     576
     577.item-controls {
     578        font-size: 12px;
     579        position: absolute;
     580        right: 20px;
     581        top: -1px;
     582}
     583
     584.item-controls a {
     585        text-decoration: none;
     586}
     587
     588.item-controls a:hover {
     589        cursor: pointer;
     590}
     591
     592.item-controls .item-order {
     593        padding-right: 10px;
     594}
     595
     596.nav-menus-php .item-edit {
     597        position: absolute;
     598        right: -20px;
     599        top: 0;
     600        display: block;
     601        width: 30px;
     602        height: 40px;
     603        margin-right: 0 !important;
     604        text-indent: 100%;
     605        outline: none;
     606        overflow: hidden;
     607        white-space: nowrap;
     608}
     609
     610/* Menu editing */
     611.menu-instructions-inactive {
     612        display: none;
     613}
     614
     615.menu-item-settings {
     616        display: block;
     617        width: 402px;
     618        padding: 10px 0 10px 10px;
     619        position: relative;
     620        z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
     621        border: 1px solid #e5e5e5;
     622        border-top: none;
     623        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
     624        box-shadow:                     0 1px 1px rgba(0,0,0,0.04);
     625}
     626
     627.menu-item-settings .field-move a {
     628        display: none;
     629        margin: 0 2px;
     630}
     631
     632.menu-item-edit-active .menu-item-settings {
     633        display: block;
     634}
     635
     636.menu-item-edit-inactive .menu-item-settings {
     637        display: none;
     638}
     639
     640.add-menu-item-pagelinks {
     641        margin: .5em auto;
     642        text-align: center;
     643}
     644
     645.link-to-original {
     646        display: block;
     647        margin: 0 0 10px;
     648        padding: 3px 5px 5px;
     649        border: 1px solid #dfdfdf;
     650        color: #777;
     651        font-size: 12px;
     652        font-style: italic;
     653}
     654
     655.link-to-original a {
     656        padding-left: 4px;
     657        font-style: normal;
     658}
     659
     660.hidden-field {
     661        display: none;
     662}
     663
     664.menu-item-settings .description-thin,
     665.menu-item-settings .description-wide {
     666        margin-right: 10px;
     667        float: left;
     668}
     669
     670.description-thin {
     671        width: 190px;
     672        height: 40px;
     673}
     674
     675.description-wide {
     676        width: 390px;
     677}
     678
     679.menu-item-actions {
     680        padding-top: 15px;
     681}
     682
     683#cancel-save {
     684        cursor: pointer;
     685}
     686
     687/* Major/minor publishing actions (classes) */
     688.nav-menus-php .major-publishing-actions {
     689        clear: both;
     690        padding: 3px 0 6px;
     691}
     692
     693.nav-menus-php .major-publishing-actions .publishing-action {
     694        text-align: right;
     695        float: right;
     696        line-height: 23px;
     697        margin: 4px 0 1px;
     698}
     699
     700.nav-menus-php .blank-slate .menu-settings {
     701        display: none;
     702}
     703
     704.nav-menus-php .delete-action {
     705        float: left;
     706        margin-top: 2px;
     707}
     708
     709.nav-menus-php .submitbox .submitcancel {
     710        border-bottom: 1px solid #0074a2;
     711        padding: 1px 2px;
     712        color: #0074a2;
     713        text-decoration: none;
     714}
     715
     716.nav-menus-php .submitbox .submitcancel:hover {
     717        background: #0074a2;
     718        color: #fff;
     719}
     720
     721.nav-menus-php .major-publishing-actions .form-invalid {
     722        padding-left: 4px;
     723        margin-left: -4px;
     724}
     725
     726/* Clearfix */
     727#menu-item-name-wrap:after,
     728#menu-item-url-wrap:after,
     729#menu-name-label:after,
     730#menu-settings-column .inside:after,
     731#nav-menus-frame:after,
     732.nav-menus-php #post-body-content:after,
     733.nav-menus-php .button-controls:after,
     734.nav-menus-php .major-publishing-actions:after,
     735.nav-menus-php .menu-item-settings:after {
     736        clear: both;
     737        content: ".";
     738        display: block;
     739        height: 0;
     740        visibility: hidden;
     741}
     742
     743#nav-menus-frame,
     744.button-controls,
     745#menu-item-url-wrap,
     746#menu-item-name-wrap {
     747        display: block;
     748}
     749
     750/* Star Ratings - Back-compat for pre-3.8 */
     751div.star-holder {
     752        position: relative;
     753        height: 17px;
     754        width: 100px;
     755        background: url('../images/stars.png?ver=20121108') repeat-x bottom left;
     756}
     757
     758div.star-holder .star-rating {
     759        background: url('../images/stars.png?ver=20121108') repeat-x top left;
     760        height: 17px;
     761        float: left;
     762}
     763
     764/* Star Ratings */
     765.star-rating {
     766        white-space: nowrap;
     767}
     768.star-rating .star {
     769        display: inline-block;
     770        width: 20px;
     771        height: 20px;
     772        -webkit-font-smoothing: antialiased;
     773        font-size: 20px;
     774        line-height: 1;
     775        font-family: 'dashicons';
     776        text-decoration: inherit;
     777        font-weight: normal;
     778        font-style: normal;
     779        vertical-align: top;
     780        -moz-transition: color .1s ease-in 0;
     781        -webkit-transition: color .1s ease-in 0;
     782        text-align: center;
     783        color: #0074a2;
     784}
     785
     786.star-rating .star-full:before {
     787        content:'\f155';
     788}
     789
     790.star-rating .star-half:before {
     791        content:'\f459';
     792}
     793
     794.rtl .star-rating .star-half {
     795        -webkit-transform: rotateY(180deg);
     796        -ms-transform:     rotateY(180deg);
     797        transform:                 rotateY(180deg);
     798}
     799
     800.star-rating .star-empty:before {
     801        content:'\f154';
     802}
     803
     804div.action-links {
     805        font-weight: normal;
     806        margin: 6px 0 0;
     807}
     808
     809/* Header on thickbox */
     810#plugin-information-header {
     811        margin: 0;
     812        padding: 0 5px;
     813        font-weight: 600;
     814        position: relative;
     815        border-bottom: 1px solid #dfdfdf;
     816        height: 2.5em;
     817        background-color: #f9f9f9;
     818}
     819#plugin-information ul#sidemenu {
     820        font-weight: normal;
     821        margin: 0 5px;
     822        position: absolute;
     823        left: 0;
     824        bottom: -1px;
     825}
     826
     827/* Install sidemenu */
     828#plugin-information {
     829        height: auto;
     830}
     831
     832#plugin-information p.action-button {
     833        width: 100%;
     834        padding-bottom: 0;
     835        margin-bottom: 0;
     836        margin-top: 10px;
     837        -webkit-border-top-left-radius: 3px;
     838        -webkit-border-bottom-left-radius: 3px;
     839        border-top-left-radius: 3px;
     840        border-bottom-left-radius: 3px;
     841}
     842
     843#plugin-information .action-button a {
     844        background-color: #2ea2cc;
     845        color: #fff;
     846        text-align: center;
     847        font-weight: 600;
     848        text-decoration: none;
     849        display: block;
     850        line-height: 2em;
     851}
     852
     853#plugin-information h2 {
     854        clear: none !important;
     855        margin-right: 200px;
     856}
     857
     858#plugin-information .fyi {
     859        margin: 0 10px 50px;
     860        width: 210px;
     861}
     862
     863#plugin-information .fyi h2 {
     864        font-size: 0.9em;
     865        margin-bottom: 0;
     866        margin-right: 0;
     867}
     868
     869#plugin-information .fyi h2.mainheader {
     870        padding: 5px;
     871        -webkit-border-top-left-radius: 3px;
     872        border-top-left-radius: 3px;
     873        background-color: #cee1ef;
     874}
     875
     876#plugin-information .fyi ul {
     877        padding: 10px 5px 10px 7px;
     878        margin: 0;
     879        list-style: none;
     880        -webkit-border-bottom-left-radius: 3px;
     881        border-bottom-left-radius: 3px;
     882        background-color: #eaf3fa;
     883}
     884
     885#plugin-information .fyi li {
     886        margin-right: 0;
     887}
     888
     889#plugin-information #section-holder {
     890        padding: 10px;
     891}
     892
     893#plugin-information .section ul,
     894#plugin-information .section ol {
     895        margin-left: 16px;
     896        list-style-type: square;
     897        list-style-image: none;
     898}
     899
     900#plugin-information #section-screenshots ol {
     901        list-style: none;
     902        margin: 0;
     903}
     904
     905#plugin-information #section-screenshots li img {
     906        vertical-align: text-top;
     907        max-width: 100%;
     908        width: auto;
     909        height: auto;
     910}
     911
     912#plugin-information #section-screenshots li p {
     913        font-style: italic;
     914        padding-left: 20px;
     915        padding-bottom: 2em;
     916}
     917
     918#plugin-information #section-screenshots ol,
     919#plugin-information .updated,
     920#plugin-information pre {
     921        margin-right: 215px;
     922}
     923
     924#plugin-information pre {
     925        padding: 7px;
     926        overflow: auto;
     927        border: 1px solid #ccc;
     928}
     929
     930#plugin-information pre,
     931#plugin-information code {
     932        background-color: #ededff;
     933}
     934
     935.plugin-version-author-uri {
     936        font-size: 13px;
     937}
     938
     939img {
     940        border: none;
     941}
     942
     943/* Header */
     944/* @todo: are these also specific to Press This? */
     945#wphead {
     946        border-bottom: 1px solid #dfdfdf;
     947}
     948
     949#wphead h1 a {
     950        color: #464646;
     951}
     952
     953.press-this #wphead {
     954        height: 32px;
     955        margin-left: 0;
     956        margin-right: 0;
     957        margin-bottom: 5px;
     958}
     959
     960.press-this #header-logo {
     961        float: left;
     962        margin: 7px 7px 0;
     963        -webkit-user-select: none;
     964        -moz-user-select: none;
     965        user-select: none;
     966}
     967
     968.press-this #wphead h1 {
     969        font-weight: normal;
     970        font-size: 16px;
     971        line-height: 32px;
     972        margin: 0;
     973        float: left;
     974}
     975
     976.press-this #wphead h1 a {
     977        text-decoration: none;
     978}
     979
     980.press-this #wphead h1 a:hover {
     981        text-decoration: underline;
     982}
     983
     984.press-this #message {
     985        margin: 10px 0;
     986}
     987
     988.press-this .posting {
     989        margin-right: 252px;
     990}
     991
     992.press-this-sidebar {
     993        float: right;
     994        width: 240px;
     995        padding-top: 10px;
     996}
     997
     998.press-this #title {
     999        margin-left: 0;
     1000        margin-right: 0;
     1001        -moz-box-sizing: border-box;
     1002        -webkit-box-sizing: border-box;
     1003        -ms-box-sizing: border-box;
     1004        box-sizing: border-box;
     1005}
     1006
     1007.press-this .tagchecklist {
     1008        margin-top: 8px;
     1009}
     1010
     1011.press-this #titlediv {
     1012        margin: 0;
     1013}
     1014
     1015.press-this .wp-media-buttons {
     1016        cursor: default;
     1017        padding: 8px 8px 6px;
     1018}
     1019
     1020.press-this .howto {
     1021        margin-top: 2px;
     1022        margin-bottom: 3px;
     1023        font-size: 12px;
     1024        font-style: italic;
     1025        display: block;
     1026}
     1027
     1028.press-this #wp-content-editor-container {
     1029        clear: none;
     1030}
     1031
     1032.press-this #poststuff .inside {
     1033        margin-top: 18px;
     1034}
     1035
     1036.press-this .category-tabs {
     1037        margin-bottom: 3px;
     1038}
     1039
     1040/* Editor/Main Column */
     1041.press-this #poststuff {
     1042        margin: 0 10px 10px;
     1043        padding: 0;
     1044}
     1045
     1046.press-this #photo-add-url-div input[type="text"] {
     1047        width: 220px;
     1048}
     1049
     1050#poststuff #editor-toolbar {
     1051        height: 30px;
     1052}
     1053
     1054div.zerosize {
     1055        border: 0 none;
     1056        height: 0;
     1057        margin: 0;
     1058        overflow: hidden;
     1059        padding: 0;
     1060        width: 0;
     1061}
     1062
     1063.posting {
     1064        margin-right: 212px;
     1065        position: relative;
     1066}
     1067
     1068.press-this .inner-sidebar {
     1069        width: 200px;
     1070}
     1071
     1072.press-this .inner-sidebar .sleeve {
     1073        padding-top: 5px;
     1074}
     1075
     1076.press-this #submitdiv p {
     1077        margin: 0;
     1078        padding: 6px;
     1079}
     1080
     1081.press-this #submitdiv #publishing-actions {
     1082        border-bottom: 1px solid #dfdfdf;
     1083}
     1084
     1085.press-this #publish {
     1086        float: right;
     1087}
     1088
     1089.press-this #poststuff h2,
     1090.press-this #poststuff h3 {
     1091        font-size: 14px;
     1092        line-height: 1;
     1093}
     1094
     1095.press-this #tagsdiv-post_tag h3,
     1096.press-this #categorydiv h3 {
     1097        cursor: pointer;
     1098}
     1099
     1100.press-this #submitdiv h3 {
     1101        cursor: default;
     1102}
     1103
     1104h3.tb {
     1105        font-weight: 600;
     1106        font-size: 12px;
     1107        margin-left: 5px;
     1108}
     1109
     1110.press-this .postbox,
     1111.press-this .stuffbox {
     1112        margin-bottom: 10px;
     1113        min-width: 0;
     1114}
     1115
     1116.js .meta-box-sortables .postbox:hover .handlediv {
     1117        margin-right: 0 !important;
     1118}
     1119
     1120/* Metabox collapse arrow indicators */
     1121.js .sidebar-name .sidebar-name-arrow:before,
     1122.js .meta-box-sortables .postbox .handlediv:before {
     1123        right: 12px;
     1124        font: normal 20px/1 'dashicons';
     1125        speak: none;
     1126        display: inline-block;
     1127        padding: 8px 10px;
     1128        top: 0;
     1129        position: relative;
     1130        -webkit-font-smoothing: antialiased;
     1131        -moz-osx-font-smoothing: grayscale;
     1132        text-decoration: none !important;
     1133}
     1134
     1135.js #widgets-left .sidebar-name .sidebar-name-arrow {
     1136        display: none;
     1137}
     1138
     1139.js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
     1140.js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
     1141        display: block;
     1142}
     1143
     1144/* Show the arrow only on hover */
     1145.js .sidebar-name .sidebar-name-arrow:before,
     1146.js .meta-box-sortables .postbox .handlediv:before {
     1147        content: '\f142';
     1148}
     1149
     1150.js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
     1151.js .meta-box-sortables .postbox.closed .handlediv:before {
     1152        content: '\f140';
     1153}
     1154
     1155.press-this #submitdiv:hover .handlediv {
     1156        background: none;
     1157}
     1158
     1159.tbtitle {
     1160        font-size: 1.7em;
     1161        outline: none;
     1162        padding: 3px 4px;
     1163        border: 1px solid #dfdfdf;
     1164}
     1165
     1166.press-this .actions {
     1167        float: right;
     1168        margin: -19px 0 0;
     1169}
     1170
     1171.press-this #extra-fields .actions {
     1172        margin: -32px -7px 0 0;
     1173}
     1174
     1175.press-this .actions li {
     1176        float: left;
     1177        list-style: none;
     1178        margin-right: 10px;
     1179}
     1180
     1181#extra-fields .button {
     1182        margin-right: 5px;
     1183}
     1184
     1185/* Photo Styles */
     1186#photo_saving {
     1187        margin: 0 8px 8px;
     1188        vertical-align: middle;
     1189}
     1190
     1191#img_container_container {
     1192        overflow: auto;
     1193}
     1194
     1195#extra-fields {
     1196        margin-top: 10px;
     1197        position: relative;
     1198}
     1199
     1200#extra-fields h2 {
     1201        margin: 12px;
     1202}
     1203
     1204#waiting {
     1205        margin-top: 10px;
     1206        overflow: hidden;
     1207}
     1208
     1209#waiting span {
     1210        float: right;
     1211        margin: 0 0 0 5px;
     1212}
     1213
     1214#waiting .spinner {
     1215        display: block;
     1216}
     1217
     1218#extra-fields .postbox {
     1219        margin-bottom: 5px;
     1220}
     1221
     1222#extra-fields .titlewrap {
     1223        padding: 0;
     1224        overflow: auto;
     1225        height: 120px;
     1226}
     1227
     1228#img_container a {
     1229        display: block;
     1230        float: left;
     1231        overflow: hidden;
     1232}
     1233
     1234#img_container img,
     1235#img_container a {
     1236        width: 68px;
     1237        height: 68px;
     1238}
     1239
     1240#img_container img {
     1241        border: none;
     1242        background-color: #f4f4f4;
     1243        cursor: pointer;
     1244}
     1245
     1246#img_container a,
     1247#img_container a:link,
     1248#img_container a:visited {
     1249        border: 1px solid #ccc;
     1250        display: block;
     1251        position: relative;
     1252}
     1253
     1254#img_container a:hover,
     1255#img_container a:active {
     1256        border-color: #000;
     1257        z-index: 1000;
     1258        border-width: 1px;
     1259}
     1260
     1261/* Video */
     1262#embed-code {
     1263        width: 100%;
     1264        height: 98px;
     1265}
     1266
     1267/* Categories */
     1268.press-this .categorydiv div.tabs-panel {
     1269        height: 100px;
     1270}
     1271
     1272/* Tags */
     1273.press-this .tagsdiv .newtag {
     1274        width: 120px;
     1275}
     1276
     1277.press-this #content {
     1278        margin: 5px 0;
     1279        padding: 0 5px;
     1280        border: 0 none;
     1281        height: 345px;
     1282        font-family: Consolas, Monaco, monospace;
     1283        font-size: 13px;
     1284        line-height: 19px;
     1285        background: transparent;
     1286}
     1287
     1288/* Submit */
     1289.press-this #publishing-actions .spinner {
     1290        display: inline;
     1291        vertical-align: middle;
     1292}
     1293
     1294#TB_ajaxContent #options {
     1295        position: absolute;
     1296        top: 20px;
     1297        right: 25px;
     1298        padding: 5px;
     1299}
     1300
     1301#TB_ajaxContent h3 {
     1302        margin-bottom: .25em;
     1303}
     1304
     1305.error a {
     1306        text-decoration: underline;
     1307}
     1308
     1309.updated a {
     1310        text-decoration: none;
     1311        padding-bottom: 2px;
     1312}
     1313
     1314/* tag hints */
     1315.taghint {
     1316        color: #aaa;
     1317        margin: -17px 0 0 7px;
     1318        visibility: hidden;
     1319}
     1320
     1321input.newtag ~ div.taghint {
     1322        visibility: visible;
     1323}
     1324
     1325input.newtag:focus ~ div.taghint {
     1326        visibility: hidden;
     1327}
     1328
     1329/* TinyMCE */
     1330#mce_fullscreen_container {
     1331        background: #fff;
     1332}
     1333
     1334#photo-add-url-div input[type="text"] {
     1335        width: 300px;
     1336}
     1337
     1338/* Theme/Plugin Editor */
     1339.alignleft h3 {
     1340        margin: 0;
     1341}
     1342
     1343#template textarea {
     1344        font-family: Consolas, Monaco, monospace;
     1345        font-size: 13px;
     1346        width: 97%;
     1347        background: #f9f9f9;
     1348        outline: none;
     1349}
     1350
     1351/* @noflip */
     1352#template textarea,
     1353#docs-list {
     1354        direction: ltr;
     1355}
     1356
     1357#template p {
     1358        width: 97%;
     1359}
     1360
     1361#templateside {
     1362        float: right;
     1363        width: 190px;
     1364        word-wrap: break-word;
     1365}
     1366
     1367#templateside h3,
     1368#postcustomstuff p.submit {
     1369        margin: 0;
     1370}
     1371
     1372#templateside h4 {
     1373        margin: 1em 0 0;
     1374}
     1375
     1376#templateside ol,
     1377#templateside ul {
     1378        margin: .5em 0;
     1379        padding: 0;
     1380}
     1381
     1382#templateside li {
     1383        margin: 4px 0;
     1384}
     1385
     1386#templateside a,
     1387.theme-editor-php .highlight {
     1388        display: block;
     1389        padding: 3px 3px 3px 12px;
     1390        text-decoration: none;
     1391}
     1392
     1393.theme-editor-php .highlight {
     1394        margin: -3px 3px -3px -12px;
     1395}
     1396
     1397#templateside .highlight {
     1398        border: none;
     1399        font-weight: bold;
     1400}
     1401
     1402.nonessential {
     1403        color: #666;
     1404        font-size: 11px;
     1405        font-style: italic;
     1406        padding-left: 12px;
     1407}
     1408
     1409#documentation {
     1410        margin-top: 10px;
     1411}
     1412
     1413#documentation label {
     1414        line-height: 22px;
     1415        vertical-align: baseline;
     1416        font-weight: 600;
     1417}
     1418
     1419.fileedit-sub {
     1420        padding: 10px 0 8px;
     1421        line-height: 180%;
     1422}
     1423
     1424.feature-filter {
     1425        padding: 8px 12px 0;
     1426}
     1427
     1428.feature-filter .feature-group {
     1429        float: left;
     1430        margin: 5px 10px 10px;
     1431}
     1432
     1433.feature-filter .feature-group li {
     1434        display: inline-block;
     1435        vertical-align: top;
     1436        list-style-type: none;
     1437        padding-right: 25px;
     1438        width: 150px;
     1439}
     1440
     1441/* General Widgets Styles */
     1442
     1443.widget {
     1444        margin: 0 auto 10px;
     1445        position: relative;
     1446        box-sizing: border-box;
     1447        -moz-box-sizing: border-box;
     1448        -webkit-box-sizing: border-box;
     1449}
     1450
     1451.widget-top {
     1452        font-size: 13px;
     1453        font-weight: 600;
     1454        background: #f7f7f7;
     1455}
     1456
     1457.widget-top a.widget-action,
     1458.widget-top a.widget-action:hover {
     1459        text-decoration: none;
     1460}
     1461
     1462.widget-title h4 {
     1463        margin: 0;
     1464        padding: 15px;
     1465        line-height: 1;
     1466        overflow: hidden;
     1467        white-space: nowrap;
     1468        text-overflow: ellipsis;
     1469        -webkit-user-select: none;
     1470        -moz-user-select: none;
     1471        user-select: none;
     1472}
     1473
     1474.widgets-holder-wrap .widget-inside {
     1475        border-top: none;
     1476        padding: 1px 15px 15px 15px;
     1477        line-height: 16px;
     1478}
     1479
     1480.in-widget-title,
     1481#widgets-right a.widget-control-edit,
     1482#available-widgets .widget-description {
     1483        color: #666;
     1484}
     1485
     1486.deleting .widget-title,
     1487.deleting .widget-top a.widget-action:after {
     1488        color: #aaa;
     1489}
     1490
     1491/* Widget Dragging Helpers */
     1492.widget.ui-draggable-dragging {
     1493        min-width: 100%;
     1494}
     1495
     1496.widget.ui-sortable-helper {
     1497        opacity: 0.8;
     1498}
     1499
     1500.widget-placeholder {
     1501        border: 1px dashed #bbb;
     1502        margin: 0 auto 10px;
     1503        height: 45px;
     1504        width: 100%;
     1505        -webkit-box-sizing: border-box;
     1506        -moz-box-sizing: border-box;
     1507        box-sizing: border-box;
     1508}
     1509
     1510#widgets-right .widget-placeholder {
     1511        margin-top: 0;
     1512}
     1513
     1514#widgets-right .closed .widget-placeholder {
     1515        height: 0;
     1516        border: 0;
     1517        margin-top: -10px;
     1518}
     1519
     1520/* Widget Sidebars */
     1521.sidebar-name {
     1522        position: relative;
     1523        -webkit-box-sizing: border-box;
     1524        -moz-box-sizing: border-box;
     1525        box-sizing: border-box;
     1526}
     1527
     1528.sidebar-name-arrow {
     1529        position: absolute;
     1530        top: 0;
     1531        right: 0;
     1532        bottom: 0;
     1533}
     1534
     1535.js .sidebar-name {
     1536        cursor: pointer;
     1537}
     1538
     1539.sidebar-name h3 {
     1540        margin: 0;
     1541        padding: 8px 10px;
     1542        overflow: hidden;
     1543        white-space: nowrap;
     1544}
     1545
     1546.widgets-holder-wrap .description {
     1547        padding: 0 0 15px;
     1548        margin: 0;
     1549        font-style: normal;
     1550        color: #777;
     1551}
     1552
     1553#widgets-right .widgets-holder-wrap .description {
     1554        padding-left: 7px;
     1555        padding-right: 7px;
     1556}
     1557
     1558/* Widgets 2-col Layout */
     1559div.widget-liquid-left {
     1560        margin: 0;
     1561        width: 38%;
     1562        float: left;
     1563}
     1564
     1565div.widget-liquid-right {
     1566        float: right;
     1567        width: 58%;
     1568}
     1569
     1570/* Widgets Left - Available Widgets */
     1571
     1572div#widgets-left {
     1573        padding-top: 12px;
     1574}
     1575
     1576div#widgets-left .closed .sidebar-name,
     1577div#widgets-left .inactive-sidebar.closed .sidebar-name {
     1578        margin-bottom: 10px;
     1579}
     1580
     1581div#widgets-left .sidebar-name h3 {
     1582        padding: 10px 0;
     1583        margin: 0 10px 0 0;
     1584}
     1585
     1586div#widgets-left .sidebar-name .sidebar-name-arrow:before {
     1587        right: 0;
     1588        top: 4px;
     1589        padding: 4px 6px 4px 4px;
     1590}
     1591
     1592#widgets-left #available-widgets,
     1593div#widgets-left .widget-holder {
     1594        background: transparent;
     1595        border: none;
     1596}
     1597
     1598#widgets-left .widgets-holder-wrap {
     1599        border: none;
     1600        -webkit-box-shadow: none;
     1601        box-shadow: none;
     1602}
     1603
     1604#available-widgets .widget-action {
     1605        display: none;
     1606}
     1607
     1608#available-widgets .widget {
     1609        margin: 0;
     1610}
     1611
     1612#available-widgets .widget:nth-child(odd) {
     1613        clear: both;
     1614}
     1615
     1616#available-widgets .widget .widget-description {
     1617        display: block;
     1618        padding: 10px 15px;
     1619        font-size: 12px;
     1620}
     1621
     1622#available-widgets #widget-list {
     1623        position: relative;
     1624}
     1625
     1626/* Inactive Sidebars */
     1627#widgets-left .inactive-sidebar {
     1628        clear: both;
     1629        width: 100%;
     1630        background: transparent;
     1631        padding: 0;
     1632        margin: 0 0 20px 0;
     1633        border: none;
     1634        box-shadow: none;
     1635}
     1636
     1637#widgets-left .inactive-sidebar.first {
     1638        margin-top: 40px;
     1639}
     1640
     1641/* Not sure what this is for... */
     1642div#widgets-left .inactive-sidebar .widget.expanded {
     1643        left: auto;
     1644}
     1645
     1646.widget-title-action {
     1647        float: right;
     1648        position: relative;
     1649}
     1650
     1651div#widgets-left .inactive-sidebar .widgets-sortables {
     1652        min-height: 42px;
     1653        padding: 0;
     1654        background: transparent;
     1655        margin: 0;
     1656        position: relative;
     1657}
     1658
     1659/* Widgets Right */
     1660
     1661div#widgets-right:after {
     1662        content: ".";
     1663        display: block;
     1664        height: 0;
     1665        clear: both;
     1666        visibility: hidden;
     1667}
     1668
     1669div#widgets-right .sidebars-column-1,
     1670div#widgets-right .sidebars-column-2 {
     1671        max-width: 450px;
     1672}
     1673
     1674div#widgets-right .widgets-holder-wrap {
     1675        margin: 10px 0 0 0;
     1676}
     1677
     1678div#widgets-right .sidebar-description {
     1679        min-height: 20px;
     1680        margin-top: -5px;
     1681}
     1682
     1683div#widgets-right .sidebar-name h3 {
     1684        padding: 15px 7px;
     1685}
     1686
     1687div#widgets-right .sidebar-name .sidebar-name-arrow:before {
     1688        right: 0;
     1689        top: 4px;
     1690}
     1691
     1692div#widgets-right .widget-top {
     1693        padding: 0;
     1694}
     1695
     1696div#widgets-right .widgets-sortables {
     1697        padding: 0 8px;
     1698        margin-bottom: 9px;
     1699        position: relative;
     1700        min-height: 123px;
     1701}
     1702
     1703div#widgets-right .closed .widgets-sortables {
     1704        min-height: 0;
     1705        margin-bottom: 0;
     1706}
     1707
     1708.sidebar-name .spinner {
     1709        margin: -5px 5px;
     1710        float: none;
     1711}
     1712
     1713/* Dragging a widget over a closed sidebar */
     1714#widgets-right .widgets-holder-wrap.widget-hover {
     1715        border-color: #777;
     1716        box-shadow: 0 1px 2px rgba(0,0,0,0.3);
     1717}
     1718
     1719/* Accessibility Mode */
     1720.widgets_access #widgets-left .widget .widget-top {
     1721        cursor: auto;
     1722}
     1723
     1724.widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
     1725.widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
     1726.widgets_access #wpwrap .widget-control-edit {
     1727        display: block;
     1728}
     1729
     1730.widgets_access #widgets-left .widget .widget-top:hover,
     1731.widgets_access #widgets-right .widget .widget-top:hover {
     1732        border-color: #ddd;
     1733}
     1734
     1735#available-widgets .widget-control-edit .edit,
     1736#widgets-left .inactive-sidebar .widget-control-edit .add,
     1737#widgets-right .widget-control-edit .add {
     1738        display: none;
     1739}
     1740
     1741.widget-control-edit {
     1742        display: block;
     1743        color: #666;
     1744        background: #EEE;
     1745        padding: 0 15px;
     1746        line-height: 43px;
     1747        border-left: 1px solid #DDD;
     1748}
     1749
     1750#widgets-left .widget-control-edit:hover,
     1751#widgets-right .widget-control-edit:hover {
     1752        color: #fff;
     1753        background: #444;
     1754        border-left: 0;
     1755        outline: 1px solid #444;
     1756}
     1757
     1758.widgets-holder-wrap .sidebar-name,
     1759.widgets-holder-wrap .sidebar-description {
     1760        -webkit-user-select: none;
     1761        -moz-user-select: none;
     1762        user-select: none;
     1763}
     1764
     1765.editwidget {
     1766        margin: 0 auto;
     1767}
     1768
     1769.editwidget .widget-inside {
     1770        display: block;
     1771        padding: 0 15px;
     1772}
     1773
     1774.editwidget .widget-control-actions {
     1775        margin-top: 20px;
     1776}
     1777
     1778.js .widgets-holder-wrap.closed .widget,
     1779.js .widgets-holder-wrap.closed .sidebar-description,
     1780.js .closed br.clear {
     1781        display: none;
     1782}
     1783
     1784.nav-menus-php .item-edit:before,
     1785.widget-top a.widget-action:after,
     1786.control-section .accordion-section-title:after,
     1787.accordion-section-title:after {
     1788        right: 0;
     1789        content: '\f140';
     1790        border: none;
     1791        background: none;
     1792        font: normal 20px/1 'dashicons';
     1793        speak: none;
     1794        display: block;
     1795        padding: 0;
     1796        text-indent: 0;
     1797        text-align: center;
     1798        position: relative;
     1799        -webkit-font-smoothing: antialiased;
     1800        -moz-osx-font-smoothing: grayscale;
     1801        text-decoration: none !important;
     1802}
     1803
     1804.widget-action,
     1805.handlediv,
     1806.item-edit,
     1807.sidebar-name-arrow,
     1808.accordion-section-title:after {
     1809        color: #aaa;
     1810}
     1811
     1812.widget-action:hover,
     1813.handlediv:hover,
     1814.item-edit:hover,
     1815.sidebar-name:hover .sidebar-name-arrow,
     1816.accordion-section-title:hover:after {
     1817        color: #777;
     1818}
     1819
     1820.widget-top a.widget-action:after {
     1821        padding: 12px 12px 0;
     1822}
     1823
     1824.nav-menus-php .item-edit:before {
     1825        line-height: 2.1;
     1826}
     1827
     1828.control-section .accordion-section-title:after,
     1829.accordion-section-title:after {
     1830        float: right;
     1831        right: 20px;
     1832        top: -2px;
     1833}
     1834
     1835.control-section.open .accordion-section-title:after,
     1836#customize-info.open .accordion-section-title:after,
     1837.nav-menus-php .menu-item-edit-active .item-edit:before {
     1838        content: '\f142';
     1839}
     1840
     1841/* Hide Widget Settings by Default */
     1842.widget-inside,
     1843.widget-description {
     1844        display: none;
     1845}
     1846
     1847.widget-inside {
     1848        background: #fff;
     1849}
     1850
     1851/* Dragging widgets over the available widget area show's a "Deactivate" message */
     1852#removing-widget {
     1853        display: none;
     1854        font-weight: normal;
     1855        padding-left: 15px;
     1856        font-size: 12px;
     1857        line-height: 1;
     1858        color: black;
     1859}
     1860
     1861.js #removing-widget {
     1862        color: #2ea2cc;
     1863}
     1864
     1865.widget-control-noform,
     1866#access-off,
     1867.widgets_access .widget-action,
     1868.widgets_access .sidebar-name-arrow,
     1869.widgets_access #access-on,
     1870.widgets_access .widget-holder .description,
     1871.no-js .widget-holder .description {
     1872        display: none;
     1873}
     1874
     1875.widgets_access .widget-holder,
     1876.widgets_access #widget-list {
     1877        padding-top: 10px;
     1878}
     1879
     1880.widgets_access #access-off {
     1881        display: inline;
     1882}
     1883
     1884.widgets_access .sidebar-name,
     1885.widgets_access .widget .widget-top {
     1886        cursor: default;
     1887}
     1888
     1889
     1890/* Widgets Area Chooser */
     1891.widget-liquid-left #widgets-left.chooser #available-widgets .widget,
     1892.widget-liquid-left #widgets-left.chooser .inactive-sidebar {
     1893        transition: opacity 0.1s linear;
     1894}
     1895
     1896.widget-liquid-left #widgets-left.chooser #available-widgets .widget,
     1897.widget-liquid-left #widgets-left.chooser .inactive-sidebar {
     1898        /* -webkit-filter: blur(1px); */
     1899        opacity: 0.2;
     1900        pointer-events: none;
     1901}
     1902
     1903.widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question {
     1904        /* -webkit-filter: none; */
     1905        opacity: 1;
     1906        pointer-events: auto;
     1907}
     1908
     1909.widgets-chooser ul.widgets-chooser-sidebars {
     1910        margin: 0;
     1911        list-style-type: none;
     1912        max-height: 300px;
     1913        overflow: auto;
     1914}
     1915
     1916.widgets-chooser {
     1917        display: none;
     1918}
     1919
     1920.widgets-chooser ul {
     1921        border: 1px solid #ccc;
     1922}
     1923
     1924.widgets-chooser li {
     1925        padding: 10px 15px 10px 35px;
     1926        border-bottom: 1px solid #ccc;
     1927        background: #fff;
     1928        margin: 0;
     1929        cursor: pointer;
     1930        outline: none;
     1931        position: relative;
     1932        transition: background 0.2s ease-in-out;
     1933}
     1934
     1935.widgets-chooser li:hover,
     1936.widgets-chooser li:focus {
     1937        background: rgba(255,255,255,0.7);
     1938}
     1939
     1940.widgets-chooser li:focus:before {
     1941        content: '\f147';
     1942        display: block;
     1943        -webkit-font-smoothing: antialiased;
     1944        font: normal 26px/1 'dashicons';
     1945        color: #999;
     1946        position: absolute;
     1947        top: 7px;
     1948        left: 5px;
     1949}
     1950
     1951.widgets-chooser li:last-child {
     1952        border: none;
     1953}
     1954
     1955.widgets-chooser li.widgets-chooser-selected {
     1956        background: #2ea2cc;
     1957        color: #fff;
     1958}
     1959
     1960.widgets-chooser li.widgets-chooser-selected:before,
     1961.widgets-chooser li.widgets-chooser-selected:focus:before {
     1962        content: '\f147';
     1963        display: block;
     1964        -webkit-font-smoothing: antialiased;
     1965        font: normal 26px/1 'dashicons';
     1966        color: #fff;
     1967        position: absolute;
     1968        top: 7px;
     1969        left: 5px;
     1970}
     1971
     1972.widgets-chooser .widgets-chooser-actions {
     1973        padding: 10px 0 12px 0;
     1974        text-align: center;
     1975}
     1976
     1977.widgets-chooser button {
     1978        margin-right: 5px;
     1979}
     1980
     1981#available-widgets .widget .widget-top {
     1982        cursor: pointer;
     1983}
     1984
     1985/* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */
     1986.ui-sortable,
     1987.ui-draggable {
     1988        -ms-touch-action: none;
     1989        touch-action:     none;
     1990}
     1991
     1992.meta-box-sortables.ui-sortable,
     1993.widgets-holder-wrap .ui-draggable,
     1994.widgets-holder-wrap .ui-sortable,
     1995.menu.ui-sortable {
     1996        -ms-touch-action: auto;
     1997        touch-action:     auto;
     1998}
     1999
     2000.meta-box-sortables.ui-sortable .hndle,
     2001.menu.ui-sortable .menu-item-handle {
     2002        -ms-touch-action: none;
     2003        touch-action:     none;
     2004}
     2005
     2006/* Accordion */
     2007
     2008.accordion-section {
     2009        border-bottom: 1px solid #dfdfdf;
     2010        margin: 0;
     2011}
     2012
     2013.accordion-section.open .accordion-section-content,
     2014.no-js .accordion-section .accordion-section-content {
     2015        display: block;
     2016}
     2017
     2018.accordion-section.open:hover {
     2019        border-bottom-color: #dfdfdf;
     2020}
     2021
     2022.accordion-section-content {
     2023        display: none;
     2024        padding: 10px 20px 15px;
     2025        overflow: hidden;
     2026        background: #fff;
     2027}
     2028
     2029.accordion-section-title {
     2030        margin: 0;
     2031        padding: 12px 15px 15px;
     2032        position: relative;
     2033        border-left: 1px solid #dfdfdf;
     2034        border-right: 1px solid #dfdfdf;
     2035
     2036        -webkit-user-select: none;
     2037        -moz-user-select: none;
     2038        user-select: none;
     2039}
     2040
     2041.js .accordion-section-title {
     2042        cursor: pointer;
     2043}
     2044
     2045.js .accordion-section-title:after {
     2046        position: absolute;
     2047        top: 12px;
     2048        right: 10px;
     2049        z-index: 1;
     2050}
     2051
     2052.accordion-section-title:focus {
     2053        outline: none;
     2054}
     2055
     2056.accordion-section-title:hover:after,
     2057.accordion-section-title:focus:after {
     2058        border-color: #aaa transparent;
     2059}
     2060
     2061.cannot-expand .accordion-section-title {
     2062        cursor: auto;
     2063}
     2064
     2065.cannot-expand .accordion-section-title:after {
     2066        display: none;
     2067}
     2068
     2069.control-section .accordion-section-title {
     2070        border-left: none;
     2071        border-right: none;
     2072        padding: 10px 10px 11px 14px;
     2073        line-height: 21px;
     2074        background: #fff;
     2075}
     2076
     2077.control-section .accordion-section-title:after {
     2078        top: 11px;
     2079}
     2080
     2081.js .control-section:hover .accordion-section-title,
     2082.js .control-section .accordion-section-title:hover,
     2083.js .control-section.open .accordion-section-title,
     2084.js .control-section .accordion-section-title:focus {
     2085        color: #222;
     2086        background: #f5f5f5;
     2087}
     2088
     2089.control-section.open .accordion-section-title {
     2090        /* When expanded */
     2091        border-bottom: 1px solid #dfdfdf;
     2092}
     2093
     2094.sticky-menu #TB_window {
     2095        background: #f1f1f1;
     2096}
     2097
     2098.sticky-menu #TB_window .updated {
     2099        margin: 16px 0 0;
     2100}
     2101
     2102li#wp-admin-bar-menu-toggle {
     2103        display: none;
     2104}
     2105
     2106/* =Media Queries
     2107-------------------------------------------------------------- */
     2108
     2109@media screen and (max-width: 480px) {
     2110        div.widget-liquid-left {
     2111                width: 100%;
     2112                float: none;
     2113                border-right: none;
     2114                padding-right: 0;
     2115        }
     2116
     2117        #widgets-left .sidebar-name {
     2118                margin-right: 0;
     2119        }
     2120
     2121        #widgets-left #available-widgets .widget-top {
     2122                margin-right: 0;
     2123        }
     2124
     2125        #widgets-left .inactive-sidebar .widgets-sortables {
     2126                margin-right: 0;
     2127        }
     2128
     2129        div.widget-liquid-right {
     2130                width: 100%;
     2131                float: none;
     2132        }
     2133
     2134        div.widget {
     2135                margin: 0 auto 10px !important;
     2136                max-width: 480px;
     2137        }
     2138}
     2139
     2140@media screen and (max-width: 320px) {
     2141        div.widget {
     2142                max-width: 320px;
     2143        }
     2144}
     2145
     2146@media only screen and (max-width: 768px) {
     2147        /* categories */
     2148        #col-left {
     2149                width: 100%;
     2150        }
     2151
     2152        #col-right {
     2153                width: 100%;
     2154        }
     2155}
     2156
     2157@media only screen and (min-width: 769px) {
     2158        /* categories */
     2159        #col-left {
     2160                width: 35%;
     2161        }
     2162
     2163        #col-right {
     2164                width: 65%;
     2165        }
     2166}
     2167
     2168@media only screen and (max-width: 860px) {
     2169
     2170        /* categories */
     2171        #col-left {
     2172                width: 35%;
     2173        }
     2174
     2175        #col-right {
     2176                width: 65%;
     2177        }
     2178}
     2179
     2180@media only screen and (min-width: 980px) {
     2181
     2182        /* categories */
     2183        #col-left {
     2184                width: 35%;
     2185        }
     2186
     2187        #col-right {
     2188                width: 65%;
     2189        }
     2190}
     2191
     2192@media only screen and (max-width: 768px) {
     2193        /* categories */
     2194        #col-left {
     2195                width: 100%;
     2196        }
     2197
     2198        #col-right {
     2199                width: 100%;
     2200        }
     2201
     2202        .form-field input,
     2203        .form-field textarea {
     2204                width: 99%;
     2205        }
     2206
     2207        .form-wrap .form-field {
     2208                padding:0;
     2209        }
     2210
     2211        /* users */
     2212        #profile-page .form-table textarea {
     2213                max-width: 400px;
     2214                width: auto;
     2215        }
     2216
     2217        /* menu locations */
     2218        #menu-locations-wrap .widefat {
     2219                width: 100%;
     2220        }
     2221}
     2222
     2223@media only screen and (min-width: 1250px) {
     2224        #widgets-left #available-widgets .widget {
     2225                width: 49%;
     2226                float: left;
     2227        }
     2228
     2229        .widget.ui-draggable-dragging {
     2230                min-width: 49%;
     2231        }
     2232
     2233        #widgets-left #available-widgets .widget:nth-child(even) {
     2234                float: right;
     2235        }
     2236
     2237        #widgets-right .sidebars-column-1,
     2238        #widgets-right .sidebars-column-2 {
     2239                float: left;
     2240                width: 49%;
     2241        }
     2242
     2243        #widgets-right .sidebars-column-1 {
     2244                margin-right: 2%;
     2245        }
     2246
     2247        #widgets-right.single-sidebar .sidebars-column-1,
     2248        #widgets-right.single-sidebar .sidebars-column-2 {
     2249                float: none;
     2250                width: 100%;
     2251                margin: 0;
     2252        }
     2253}
     2254
     2255/**
     2256 * HiDPI Displays
     2257 */
     2258@media print,
     2259  (-o-min-device-pixel-ratio: 5/4),
     2260  (-webkit-min-device-pixel-ratio: 1.25),
     2261  (min-resolution: 120dpi) {
     2262        tr.wp-locked .locked-indicator {
     2263                background-image: url('../images/lock-2x.png');
     2264                background-size: 16px 16px;
     2265        }
     2266
     2267        #content-resize-handle,
     2268        #post-body .wp_themeSkin .mceStatusbar a.mceResize {
     2269                background: transparent url('../images/resize-2x.gif') no-repeat scroll right bottom;
     2270                background-size: 11px 11px;
     2271        }
     2272
     2273        .rtl #content-resize-handle,
     2274        .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
     2275                background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom;
     2276        }
     2277
     2278        /* Back-compat for pre-3.8 */
     2279        div.star-holder {
     2280                background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom left;
     2281                background-size: 21px 37px;
     2282        }
     2283
     2284        /* Back-compat for pre-3.8 */
     2285        div.star-holder .star-rating {
     2286                background: url('../images/stars-2x.png?ver=20121108') repeat-x top left;
     2287                background-size: 21px 37px;
     2288        }
     2289
     2290        .wp-full-overlay .collapse-sidebar-arrow {
     2291                background-image: url('../images/arrows-2x.png');
     2292                background-size: 15px 123px;
     2293        }
     2294
     2295        .spinner,
     2296        .imgedit-wait,
     2297        .customize-loading #customize-container,
     2298        .revision-tick.completed-false,
     2299        #theme-installer .wp-full-overlay-main {
     2300                background-image: url('../images/spinner-2x.gif');
     2301        }
     2302
     2303        /* @todo: evaluate - most of these were likely replaced by dashicons */
     2304        .curtime #timestamp,
     2305        #screen-meta-links a.show-settings,
     2306        .widget-top a.widget-action,
     2307        .widget-top a.widget-action:hover,
     2308        .sidebar-name-arrow,
     2309        .sidebar-name:hover .sidebar-name-arrow,
     2310        .meta-box-sortables .postbox:hover .handlediv,
     2311        .tagchecklist span a,
     2312        #bulk-titles div a,
     2313        .tagchecklist span a:hover,
     2314        #bulk-titles div a:hover {
     2315                background: none !important;
     2316        }
     2317
     2318}
     2319
     2320
     2321@-ms-viewport {
     2322        width: device-width;
     2323}
     2324
     2325@media screen and ( max-width: 782px ) {
     2326        html.wp-toolbar {
     2327                padding-top: 46px;
     2328        }
     2329
     2330        body {
     2331                min-width: 240px;
     2332                overflow-x: hidden;
     2333        }
     2334
     2335        body * {
     2336                -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
     2337        }
     2338
     2339        #wpwrap {
     2340                background: #f0f0f0;
     2341        }
     2342
     2343        #wpcontent, .auto-fold #wpcontent {
     2344                position: relative;
     2345                margin-left: 0;
     2346                padding-left: 10px;
     2347        }
     2348
     2349        .wrap {
     2350                margin-right: 12px;
     2351                margin-left: 0;
     2352        }
     2353
     2354        .col-wrap {
     2355                padding: 0;
     2356        }
     2357
     2358        .sticky-menu #adminmenuwrap {
     2359                position: relative;
     2360                z-index: auto;
     2361                top: 0;
     2362        }
     2363
     2364        /* Hidden Elements */
     2365        #screen-meta,
     2366        #screen-meta-links,
     2367        #collapse-menu,
     2368        .post-format-select {
     2369                display: none !important;
     2370        }
     2371
     2372        /* Input Elements */
     2373        textarea {
     2374                -webkit-appearance: none;
     2375        }
     2376
     2377        input[type=text], input[type=search],
     2378        input[type=password], input[type=number] {
     2379                -webkit-appearance: none;
     2380                padding: 6px 10px;
     2381        }
     2382
     2383        input.code {
     2384                padding-bottom: 5px;
     2385                padding-top: 10px;
     2386        }
     2387
     2388        input[type=checkbox], .widefat th input[type=checkbox] {
     2389                -webkit-appearance: none;
     2390                padding: 10px;
     2391        }
     2392
     2393        .widefat th input[type=checkbox] {
     2394                margin-bottom: 8px;
     2395        }
     2396
     2397        input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before {
     2398                font: normal 30px/1 'Dashicons';
     2399                margin: -3px -5px;
     2400        }
     2401
     2402        input[type=radio],
     2403        input[type=checkbox] {
     2404                height: 25px;
     2405                width: 25px;
     2406        }
     2407
     2408        .wp-admin p input[type=checkbox],
     2409        .wp-admin p input[type=radio] {
     2410                margin-top: -3px;
     2411        }
     2412
     2413        input[type=radio]:checked:before {
     2414                vertical-align: middle;
     2415                width: 9px;
     2416                height: 9px;
     2417                margin: 7px;
     2418                line-height: 16px;
     2419        }
     2420
     2421        .wp-upload-form input[type=submit] {
     2422                margin-top: 10px;
     2423        }
     2424
     2425        #wpbody select {
     2426                height: 36px;
     2427                font-size: 16px;
     2428        }
     2429
     2430        .wp-admin .button-cancel {
     2431                padding: 0;
     2432                font-size: 14px;
     2433        }
     2434
     2435        .wrap .add-new-h2, .wrap .add-new-h2:active {
     2436                padding: 10px 15px;
     2437                font-size: 14px;
     2438        }
     2439
     2440        .wp-color-result {
     2441                height: auto;
     2442                padding-left: 45px;
     2443        }
     2444
     2445        .wp-color-result:after {
     2446                font-size: 14px;
     2447                height: auto;
     2448                padding: 6px 14px;
     2449        }
     2450
     2451        #createuser .form-field input {
     2452                width: 100%;
     2453        }
     2454
     2455        /* Feedback Messages */
     2456        .wrap div.updated, .wrap div.error, .media-upload-form div.error {
     2457                margin: 20px 0 10px 0;
     2458                padding: 5px 10px;
     2459                font-size: 14px;
     2460                line-height: 175%;
     2461        }
     2462
     2463        /* Sidebar Adjustments */
     2464        .auto-fold #adminmenu,
     2465        .auto-fold #adminmenuback,
     2466        .auto-fold #adminmenuwrap {
     2467                position: absolute;
     2468                width: 190px;
     2469                z-index: 100;
     2470        }
     2471
     2472        .auto-fold #adminmenuback,
     2473        .auto-fold #adminmenuwrap {
     2474                display: none;
     2475        }
     2476
     2477        .auto-fold #adminmenu li.menu-top {
     2478                width: 100%;
     2479        }
     2480
     2481        /* Resize the admin menu items to a comfortable touch size */
     2482        .auto-fold #adminmenu li a {
     2483                font-size: 16px;
     2484                padding: 5px;
     2485        }
     2486
     2487        .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
     2488                padding: 10px 10px 10px 20px;
     2489        }
     2490
     2491        /* Restore the menu names */
     2492        .auto-fold #adminmenu .wp-menu-name {
     2493                display: block;
     2494                margin-left: 35px;
     2495        }
     2496
     2497        /* Switch the arrow side */
     2498        .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
     2499        .auto-fold ul#adminmenu > li.current > a.current:after {
     2500                border-width: 8px;
     2501                margin-top: -8px;
     2502        }
     2503
     2504        .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
     2505                display: none;
     2506        }
     2507
     2508        /* Make the submenus appear correctly when tapped. */
     2509        #adminmenu .wp-submenu {
     2510                position: relative;
     2511                display: none;
     2512        }
     2513
     2514        .auto-fold #adminmenu .selected .wp-submenu,
     2515        .auto-fold #adminmenu .wp-menu-open .wp-submenu {
     2516                position: relative;
     2517                display: block;
     2518                top: 0;
     2519                left: -1px;
     2520                -webkit-box-shadow: none;
     2521                box-shadow: none;
     2522        }
     2523
     2524        .auto-fold #adminmenu .selected .wp-submenu:after,
     2525        .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
     2526                display: none;
     2527        }
     2528
     2529        .auto-fold #adminmenu .opensub .wp-submenu {
     2530                display: none;
     2531        }
     2532
     2533        .auto-fold #adminmenu .selected .wp-submenu {
     2534                display: block;
     2535        }
     2536
     2537        .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
     2538                display: block;
     2539        }
     2540
     2541        .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
     2542        .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
     2543                position: relative;
     2544                left: -1px;
     2545                right: 0;
     2546                top: 0;
     2547        }
     2548
     2549        /* Remove submenu headers and adjust sub meu*/
     2550        #adminmenu .wp-submenu .wp-submenu-head {
     2551                display: none;
     2552        }
     2553
     2554        /*      Sidebar Toggle */
     2555        #wp-responsive-toggle {
     2556                position: fixed;
     2557                top: 5px;
     2558                left: 4px;
     2559                padding-right: 10px;
     2560                z-index: 99999;
     2561                border: none;
     2562                box-sizing: border-box;
     2563                -moz-box-sizing: border-box;
     2564        }
     2565
     2566        .wrap .icon32 + h2 {
     2567                margin-top: -2px;
     2568        }
     2569
     2570        .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
     2571                background: #333;
     2572        }
     2573
     2574        .wp-responsive-open #wpbody {
     2575                right: -190px;
     2576        }
     2577
     2578        .auto-fold .wp-responsive-open #adminmenuback,
     2579        .auto-fold .wp-responsive-open #adminmenuwrap {
     2580                display: block;
     2581        }
     2582
     2583        /* General New Post Form */
     2584        #post-body-content {
     2585                min-width: 0;
     2586        }
     2587
     2588        #titlediv #title-prompt-text {
     2589                padding: 10px 10px;
     2590        }
     2591
     2592        .post-format-options {
     2593                padding-right: 0;
     2594        }
     2595
     2596        .post-format-options a {
     2597                margin-right: 5px;
     2598                margin-bottom: 5px;
     2599                min-width: 52px;
     2600        }
     2601
     2602        .post-format-options .post-format-title {
     2603                font-size: 11px;
     2604        }
     2605
     2606        .post-format-options a div {
     2607                height: 28px;
     2608                width: 28px;
     2609        }
     2610
     2611        .post-format-options a div:before {
     2612                font-size: 26px !important;
     2613        }
     2614
     2615        /* General Metabox */
     2616        .postbox {
     2617                font-size: 14px;
     2618        }
     2619
     2620        #poststuff h3,
     2621        .metabox-holder h3 {
     2622                padding: 12px;
     2623        }
     2624
     2625        .postbox .handlediv {
     2626                margin-top: 3px;
     2627        }
     2628
     2629        /* Publish Metabox Options */
     2630        #post-visibility-select {
     2631                line-height: 280%;
     2632        }
     2633
     2634        .wp-core-ui .save-post-visibility,
     2635        .wp-core-ui .save-timestamp {
     2636                vertical-align: middle;
     2637                margin-right: 15px;
     2638        }
     2639
     2640        .timestamp-wrap select#mm {
     2641                display: block;
     2642                width: 100%;
     2643                margin-bottom: 10px;
     2644        }
     2645
     2646        .timestamp-wrap #jj,
     2647        .timestamp-wrap #aa,
     2648        .timestamp-wrap #hh,
     2649        .timestamp-wrap #mn {
     2650                padding: 12px 3px;
     2651                font-size: 14px;
     2652                margin-bottom: 5px;
     2653                width: auto;
     2654                text-align: center;
     2655        }
     2656
     2657        /* Categories Metabox */
     2658        ul.category-tabs {
     2659                margin: 30px 0 15px;
     2660        }
     2661
     2662        ul.category-tabs li.tabs {
     2663                padding: 15px;
     2664        }
     2665
     2666        .press-this ul.category-tabs li.tabs {
     2667                padding: 3px 5px 5px; /* Reset tabs in Press This to standard size */
     2668        }
     2669
     2670        ul.categorychecklist li {
     2671                margin-bottom: 15px;
     2672        }
     2673
     2674        ul.categorychecklist ul {
     2675                margin-top: 15px;
     2676        }
     2677
     2678        .category-add input[type=text],
     2679        .category-add select {
     2680                max-width: none;
     2681                margin-bottom: 15px;
     2682        }
     2683
     2684        /* Tags Metabox */
     2685        .tagsdiv .newtag {
     2686                width: 100%;
     2687                padding: 25px 10px;
     2688                margin-bottom: 15px;
     2689        }
     2690
     2691        .tagchecklist {
     2692                margin: 25px 10px;
     2693        }
     2694
     2695        .tagchecklist span {
     2696                font-size: 16px;
     2697                line-height: 120%;
     2698        }
     2699
     2700        /* Revisions */
     2701        #diff-next-revision,
     2702        #diff-previous-revision {
     2703                margin-top: -1em;
     2704        }
     2705
     2706        table.diff {
     2707                -ms-word-break: break-all;
     2708                word-break: break-all;
     2709                word-wrap: break-word;
     2710        }
     2711
     2712        /* Discussion */
     2713        #commentstatusdiv p {
     2714                line-height: 2.8;
     2715        }
     2716
     2717        /* TinyMCE Adjustments */
     2718        .mceToolbar * {
     2719                white-space: normal !important;
     2720        }
     2721
     2722        .mceToolbar tr,
     2723        .mceToolbar td {
     2724                float: left !important;
     2725        }
     2726
     2727        .wp_themeSkin a.mceButton {
     2728                width: 30px;
     2729                height: 30px;
     2730        }
     2731
     2732        .wp_themeSkin .mceButton .mceIcon {
     2733                margin-top: 5px;
     2734                margin-left: 5px;
     2735        }
     2736
     2737        .wp_themeSkin .mceSplitButton {
     2738                margin-top: 1px;
     2739        }
     2740
     2741        .wp_themeSkin .mceSplitButton td a.mceAction {
     2742                padding-top: 6px;
     2743                padding-bottom: 6px;
     2744                padding-left: 6px;
     2745                padding-right: 3px;
     2746        }
     2747
     2748        .wp_themeSkin .mceSplitButton td a.mceOpen,
     2749        .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
     2750                padding-top: 6px;
     2751                padding-bottom: 6px;
     2752                background-position: 1px 6px;
     2753        }
     2754
     2755        .wp_themeSkin table.mceListBox {
     2756                margin: 5px;
     2757        }
     2758
     2759        div.quicktags-toolbar input {
     2760                padding: 10px 20px;
     2761        }
     2762
     2763        #wp-content-editor-tools {
     2764                overflow: hidden;
     2765                padding: 20px 15px 1px 0;
     2766                top: 1px;
     2767        }
     2768
     2769        a.wp-switch-editor {
     2770                font-size: 16px;
     2771                line-height: 1em;
     2772                margin: 3px 0 0 7px;
     2773                padding: 12px 15px;
     2774        }
     2775
     2776        #wp-content-media-buttons a {
     2777                font-size: 16px;
     2778                line-height: 37px;
     2779                height: 39px;
     2780                padding: 0 20px 0 15px;
     2781        }
     2782
     2783        .wp-media-buttons span.wp-media-buttons-icon,
     2784        .wp-media-buttons span.jetpack-contact-form-icon {
     2785                width: 22px !important;
     2786                margin-top: -3px !important;
     2787                margin-left: -5px !important;
     2788        }
     2789
     2790        .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
     2791        .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
     2792                font-size: 20px !important;
     2793        }
     2794
     2795        #content_wp_fullscreen {
     2796                display: none;
     2797        }
     2798
     2799        .misc-pub-section {
     2800                padding: 20px 10px 20px;
     2801        }
     2802
     2803        .misc-pub-section > a {
     2804                float: right;
     2805                font-size: 16px;
     2806        }
     2807
     2808        #delete-action,
     2809        #publishing-action {
     2810                line-height: 47px;
     2811        }
     2812
     2813        /* Subsubsub Nav */
     2814        .subsubsub {
     2815                font-size: 16px;
     2816                text-align: center;
     2817                margin-bottom: 15px;
     2818        }
     2819
     2820        /* WP List Table Options & Filters */
     2821        .tablenav {
     2822                height: auto;
     2823        }
     2824
     2825        .tablenav.top {
     2826                margin: 0;
     2827        }
     2828
     2829        .tablenav.bottom {
     2830                position: relative;
     2831                margin-top: 15px;
     2832        }
     2833
     2834        .tablenav br {
     2835                display: none;
     2836        }
     2837
     2838        .tablenav br.clear {
     2839                display: block;
     2840        }
     2841
     2842        #wpbody-content {
     2843                padding-bottom: 100px;
     2844        }
     2845
     2846        p.search-box {
     2847                float: none;
     2848                position: absolute;
     2849                bottom: 0;
     2850                width: 98%;
     2851                height: 90px;
     2852                margin-bottom: 20px;
     2853        }
     2854
     2855        p.search-box input[name="s"] {
     2856                height: auto;
     2857                float: none;
     2858                width: 100%;
     2859                margin-bottom: 10px;
     2860                vertical-align: middle;
     2861                -webkit-appearance: none;
     2862        }
     2863
     2864        p.search-box input[type="submit"] {
     2865                margin-bottom: 10px;
     2866        }
     2867
     2868        .tablenav.top .actions, .view-switch {
     2869                display: none;
     2870        }
     2871
     2872        /* Pagination */
     2873        .tablenav.top .displaying-num {
     2874                display: none;
     2875        }
     2876
     2877        .tablenav.bottom .displaying-num {
     2878                position: absolute;
     2879                right: 0;
     2880                top: 10px;
     2881                font-size: 14px;
     2882        }
     2883
     2884        .tablenav-pages {
     2885                width: 100%;
     2886                text-align: center;
     2887                margin: 0 0 25px;
     2888        }
     2889
     2890        .tablenav.bottom .tablenav-pages {
     2891                margin-top: 25px;
     2892        }
     2893
     2894        .tablenav.top .tablenav-pages.one-page {
     2895                display: none;
     2896        }
     2897
     2898        .tablenav.bottom .tablenav-pages.one-page {
     2899                margin: 15px 0 0 0;
     2900                height: 0;
     2901        }
     2902
     2903        .tablenav-pages .pagination-links .paging-input {
     2904                font-size: 18px;
     2905        }
     2906
     2907        .tablenav-pages .pagination-links a {
     2908                padding: 8px 20px 11px;
     2909                font-size: 18px;
     2910                background: rgba(0, 0, 0, 0.05);
     2911        }
     2912
     2913        .tablenav-pages .pagination-links .current-page {
     2914                padding: 10px;
     2915                font-size: 14px;
     2916        }
     2917
     2918        /* WP List Table Adjustments: General */
     2919        .form-wrap > p {
     2920                display: none;
     2921        }
     2922
     2923        .comment-count {
     2924                font-size: 14px;
     2925        }
     2926
     2927        /* Columns to hide */
     2928        .fixed .column-date,
     2929        .fixed .column-author,
     2930        .column-categories,
     2931        .column-tags,
     2932        .tags .column-description,
     2933        .media .column-parent,
     2934        .users .column-email,
     2935        .users .column-name,
     2936        .sites .column-registered,
     2937        .sites .column-users {
     2938                display: none;
     2939        }
     2940
     2941        .fixed .column-comment .comment-author {
     2942                display: block;
     2943        }
     2944
     2945        /* Posts */
     2946        .column-title {
     2947                width: 85%;
     2948        }
     2949
     2950        .fixed .column-comments, .widefat .check-column {
     2951                width: 35px
     2952        }
     2953
     2954        .widefat thead .check-column, .widefat tfoot .check-column {
     2955                padding: 10px 0 10px;
     2956        }
     2957
     2958        .widefat * {
     2959                word-wrap: normal;
     2960        }
     2961
     2962        /* Quick Edit and Bulk Edit */
     2963        #wpbody-content .quick-edit-row-post .inline-edit-col-left,
     2964        #wpbody-content .quick-edit-row-post .inline-edit-col-right,
     2965        #wpbody-content .inline-edit-row-post .inline-edit-col-center,
     2966        #wpbody-content .quick-edit-row-page .inline-edit-col-left,
     2967        #wpbody-content .quick-edit-row-page .inline-edit-col-right,
     2968        #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
     2969        #wpbody-content .bulk-edit-row .inline-edit-col-left,
     2970        #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
     2971        #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
     2972                float: none;
     2973                width: 100%;
     2974        }
     2975
     2976        #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
     2977        #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
     2978        #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
     2979        #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
     2980                max-width: none;
     2981                float: none;
     2982                margin-bottom: 5px;
     2983        }
     2984
     2985        #wpbody .bulk-edit-row fieldset select {
     2986                display: block;
     2987                width: 100%;
     2988                max-width: none;
     2989                -moz-box-sizing: border-box;
     2990                box-sizing: border-box;
     2991        }
     2992
     2993        .inline-edit-row fieldset ul.cat-checklist label,
     2994        .inline-edit-row #bulk-titles div {
     2995                font-size: 16px;
     2996        }
     2997
     2998        .inline-edit-row fieldset label span.title {
     2999                float: none;
     3000        }
     3001
     3002        .inline-edit-row fieldset label.inline-edit-tags {
     3003                padding: 0 0.5em;
     3004        }
     3005
     3006        .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
     3007                padding: 0;
     3008        }
     3009
     3010        .inline-edit-row fieldset label span.input-text-wrap {
     3011                margin-left: 0;
     3012        }
     3013
     3014        .inline-edit-row fieldset input[name=jj],
     3015        .inline-edit-row fieldset input[name=hh],
     3016        .inline-edit-row fieldset input[name=mn] {
     3017                width: 3em;
     3018        }
     3019
     3020        .inline-edit-row fieldset input[name=aa] {
     3021                width: 4.5em;
     3022        }
     3023
     3024        #bulk-titles div {
     3025                margin: 0.8em 0.3em;
     3026        }
     3027
     3028        #bulk-titles div a {
     3029                height: 22px;
     3030        }
     3031
     3032        /* Taxonomies */
     3033        .tags .column-posts {
     3034                width: 50px;
     3035        }
     3036
     3037        .tags .column-slug {
     3038                width: 30%;
     3039        }
     3040
     3041        /* Comments */
     3042        .comments .column-response {
     3043                width: 35%;
     3044        }
     3045
     3046        /* Users */
     3047        .users .column-role {
     3048                width: 35%;
     3049        }
     3050
     3051        /* Network admin sites */
     3052        .sites .column-blogname {
     3053                width: 55%;
     3054        }
     3055
     3056        /* Updates */
     3057        #wpbody-content #update-themes-table .plugin-title {
     3058                width: auto;
     3059        }
     3060
     3061        /* Form Tables */
     3062        .form-table {
     3063                -moz-box-sizing: border-box;
     3064                box-sizing: border-box;
     3065        }
     3066
     3067        .form-table th,
     3068        .form-table td {
     3069                display: block;
     3070                width: auto;
     3071                vertical-align: middle;
     3072        }
     3073
     3074        .form-table .color-palette td {
     3075                display: table-cell;
     3076                width: 15px;
     3077        }
     3078
     3079        .form-table table.color-palette {
     3080                margin-right: 10px;
     3081        }
     3082
     3083        textarea,
     3084        input {
     3085                font-size: 16px;
     3086        }
     3087
     3088        .form-table td input[type="text"],
     3089        .form-table td input[type="password"],
     3090        .form-table td select,
     3091        .form-table td textarea,
     3092        .form-table span.description,
     3093        #profile-page .form-table textarea {
     3094                width: 100%;
     3095                font-size: 16px;
     3096                line-height: 1.5;
     3097                padding: 7px 10px;
     3098                display: block;
     3099                max-width: none;
     3100                box-sizing: border-box;
     3101                -moz-box-sizing: border-box;
     3102        }
     3103
     3104        input[type=text].small-text,
     3105        input[type=search].small-text,
     3106        input[type=password].small-text,
     3107        input[type=number].small-text,
     3108        input[type="number"].small-text,
     3109        .form-table input[type=text].small-text {
     3110                width: auto;
     3111                max-width: 55px;
     3112                display: inline;
     3113                padding: 3px 6px;
     3114                margin: 0 3px;
     3115        }
     3116
     3117        #pass-strength-result {
     3118                width: 100%;
     3119                box-sizing: border-box;
     3120                -moz-box-sizing: border-box;
     3121                padding: 8px;
     3122        }
     3123
     3124        .form-table span.description {
     3125                padding: 4px 0 0;
     3126                line-height: 1.4em;
     3127        }
     3128
     3129        .form-table th {
     3130                padding-top: 10px;
     3131                padding-bottom: 0;
     3132                border-bottom: 0;
     3133        }
     3134
     3135        .form-table td {
     3136                padding-top: 8px;
     3137                padding-left: 0;
     3138        }
     3139
     3140        .form-table input.regular-text {
     3141                width: 100%;
     3142        }
     3143
     3144        .form-table label {
     3145                font-size: 14px;
     3146        }
     3147
     3148        .form-table fieldset label {
     3149                display: block;
     3150        }
     3151
     3152        #utc-time {
     3153                margin-top: 10px;
     3154        }
     3155
     3156        #utc-time,
     3157        #local-time {
     3158                display: block;
     3159                float: none;
     3160                padding: 0;
     3161                line-height: 2;
     3162        }
     3163
     3164        /* Add/Edit Media */
     3165        .wp_attachment_details label[for="content"] {
     3166                font-size: 14px;
     3167                line-height: 1.5em;
     3168        }
     3169
     3170        /* Links */
     3171        .link-manager-php #posts-filter {
     3172                margin-top: 25px;
     3173        }
     3174
     3175        .link-manager-php .tablenav.bottom {
     3176                overflow: hidden;
     3177        }
     3178
     3179        .links-table #link_rel {
     3180                max-width: none;
     3181        }
     3182
     3183        .links-table th,
     3184        .links-table td {
     3185                padding: 10px 0;
     3186        }
     3187
     3188        /**
     3189         * Nav Menus
     3190         * ----------------------------------------------------------------------------
     3191         */
     3192        body.nav-menus-php {
     3193                min-width: 0 !important;
     3194        }
     3195
     3196        #nav-menus-frame {
     3197                margin-left: 0;
     3198                float: none;
     3199                width: 100%;
     3200        }
     3201
     3202        #wpbody-content #menu-settings-column {
     3203                display: block;
     3204                width: 100%;
     3205                float: none;
     3206                margin-left: 0;
     3207        }
     3208
     3209        #side-sortables .add-menu-item-tabs {
     3210                margin: 15px 0 14px;
     3211        }
     3212
     3213        ul.add-menu-item-tabs li.tabs {
     3214                padding: 13px 15px 14px;
     3215        }
     3216
     3217        .nav-menus-php .item-controls .item-type {
     3218                margin-top: 2px;
     3219        }
     3220
     3221        .nav-menus-php .customlinkdiv .howto input {
     3222                width: 65%;
     3223        }
     3224
     3225        .nav-menus-php .quick-search {
     3226                width: 85%;
     3227        }
     3228
     3229        #menu-management-liquid {
     3230                margin-top: 25px;
     3231        }
     3232
     3233        .nav-menus-php .menu-name-label.howto span {
     3234                margin-top: 13px
     3235        }
     3236
     3237        .menu-name-label #menu-name {
     3238                margin-top: 4px;
     3239        }
     3240
     3241        .nav-menus-php .major-publishing-actions .publishing-action {
     3242                margin-top: 6px;
     3243        }
     3244
     3245        .nav-menus-php .delete-action {
     3246                font-size: 14px;
     3247                line-height: 50px;
     3248                margin-top: 12px;
     3249        }
     3250
     3251        .menu-item-bar .menu-item-handle,
     3252        .menu-item-settings,
     3253        .description-wide {
     3254                width: auto;
     3255        }
     3256
     3257        .menu-item-settings {
     3258                padding: 10px;
     3259        }
     3260
     3261        .menu-item-settings .description-thin,
     3262        .menu-item-settings .description-wide {
     3263                width: 100%;
     3264                height: auto;
     3265        }
     3266
     3267        .menu-item-settings input {
     3268                width: 100%;
     3269        }
     3270
     3271        .menu-settings dl {
     3272                padding-left: 0;
     3273        }
     3274
     3275        .menu-settings dd {
     3276                float: none;
     3277                width: 100%;
     3278                margin-bottom: 15px;
     3279        }
     3280
     3281        .menu-settings dt {
     3282                float: none;
     3283                width: auto;
     3284                margin-left: 0;
     3285                margin-bottom: 15px;
     3286        }
     3287
     3288        .available-theme .action-links .delete-theme {
     3289                float: none;
     3290                margin: 0;
     3291                padding: 0;
     3292                clear: both;
     3293        }
     3294
     3295        .available-theme .action-links .delete-theme a {
     3296                padding: 0;
     3297        }
     3298
     3299        /* Widget Management Page (Needs UX work on mobile) */
     3300        #templateside {
     3301                float: none;
     3302                width: auto;
     3303        }
     3304
     3305        #templateside li {
     3306                margin: 0;
     3307        }
     3308
     3309        #templateside li a {
     3310                display: block;
     3311                padding: 5px;
     3312        }
     3313
     3314        #templateside .highlight {
     3315                padding: 5px;
     3316                margin-left: -5px;
     3317                margin-top: -5px;
     3318        }
     3319
     3320        #template div {
     3321                float: none;
     3322                margin: 0;
     3323                width: auto;
     3324        }
     3325
     3326        #template textarea {
     3327                width: 100%;
     3328        }
     3329
     3330        .fileedit-sub .alignright {
     3331                margin-top: 15px;
     3332        }
     3333
     3334        /* Plugin/Theme Management Page */
     3335        .wp-list-table.plugins {
     3336                position: relative;
     3337                margin-top: 35px;
     3338                margin-bottom: 50px;
     3339        }
     3340
     3341        .wp-list-table.plugins thead .column-description,
     3342        #wpbody-content .wp-list-table.plugins tfoot .column-description,
     3343        .wp-list-table.plugins th#description {
     3344                display: none;
     3345        }
     3346
     3347        #wpbody-content .wp-list-table.plugins,
     3348        #wpbody-content .wp-list-table.plugins thead,
     3349        #wpbody-content .wp-list-table.plugins tbody,
     3350        #wpbody-content .wp-list-table.plugins tr,
     3351        #wpbody-content .wp-list-table.plugins .column-description,
     3352        #wpbody-content .wp-list-table.plugins .plugin-title,
     3353        #wpbody-content .wp-list-table.plugins .theme-title,
     3354        #wpbody-content .wp-list-table.plugins .plugin-update,
     3355        #wpbody-content .wp-list-table.plugins .manage-column.column-name {
     3356                display: block;
     3357                width: auto;
     3358        }
     3359
     3360        .wp-list-table.plugins thead,
     3361        .wp-list-table.plugins tfoot {
     3362                position: absolute;
     3363                top: -35px;
     3364                left: 0;
     3365                right: 0;
     3366                width: auto;
     3367                height: 35px;
     3368        }
     3369
     3370        .wp-list-table.plugins tfoot {
     3371                bottom: -35px;
     3372                top: auto;
     3373        }
     3374
     3375        .active, .inactive {
     3376                padding-top: 0;
     3377        }
     3378
     3379        .wp-list-table.plugins .plugin-title,
     3380        .wp-list-table.plugins .theme-title {
     3381                padding-top: 13px;
     3382                padding-bottom: 4px;
     3383        }
     3384
     3385        .plugins tr.active + tr.inactive th.check-column,
     3386        .plugins tr.active + tr.inactive td,
     3387        .wp-list-table.plugins .plugin-title,
     3388        .wp-list-table.plugins .theme-title,
     3389        .wp-list-table.plugins tbody th {
     3390                box-shadow: none;
     3391                -webkit-box-shadow: none;
     3392        }
     3393
     3394        .plugins tbody {
     3395                padding: 1px 0 0;
     3396        }
     3397
     3398        .plugins tr.active + tr.inactive td.column-description {
     3399                -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     3400                -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     3401                -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     3402                -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     3403                box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     3404        }
     3405
     3406        .plugins tr.active + tr.inactive th.check-column,
     3407        .plugins tr.active + tr.inactive td {
     3408                border-top: none;
     3409        }
     3410
     3411        .wp-list-table.plugins .column-description {
     3412                padding-top: 0;
     3413        }
     3414
     3415        .wp-list-table.plugins .manage-column.column-name,
     3416        .wp-list-table.plugins .column-description,
     3417        .wp-list-table.plugins .plugin-title,
     3418        .wp-list-table.plugins .theme-title {
     3419                padding-right: 12px;
     3420                padding-left: 46px;
     3421        }
     3422
     3423        .wp-list-table.plugins tr {
     3424                position: relative;
     3425        }
     3426
     3427        .wp-list-table.plugins th.check-column,
     3428        .wp-list-table.plugins tr.update th.check-column {
     3429                position: absolute;
     3430                height: auto;
     3431                top: 0;
     3432                bottom: 0;
     3433                left: 0;
     3434                padding-left: 2px;
     3435                padding-top: 18px;
     3436        }
     3437
     3438        .wp-list-table.plugins thead th.check-column,
     3439        .wp-list-table.plugins tfoot th.check-column {
     3440                padding-left: 3px;
     3441                padding-top: 11px;
     3442                background: none;
     3443        }
     3444
     3445        .widefat tbody th.check-column input[type="checkbox"] {
     3446                margin-top: -3px;
     3447                margin-left: 8px;
     3448        }
     3449
     3450        .wp-list-table.plugins .active .check-column input,
     3451        .wp-list-table.plugins .update .check-column input {
     3452                margin-left: 5px;
     3453        }
     3454
     3455        .wp-list-table.plugins thead .check-column input,
     3456        .wp-list-table.plugins tfoot .check-column input {
     3457                margin-top: -6px;
     3458        }
     3459
     3460        .wp-list-table.plugins .active th.check-column {
     3461                background: none;
     3462        }
     3463
     3464        .wp-list-table.plugins .plugin-title strong,
     3465        .wp-list-table.plugins .theme-title strong {
     3466                font-size: 1.4em;
     3467                line-height: 1.6em;
     3468        }
     3469
     3470        /* Add New plugins page */
     3471        table.plugin-install .column-name,
     3472        table.plugin-install .column-version,
     3473        table.plugin-install .column-rating,
     3474        table.plugin-install .column-description {
     3475                display: block;
     3476                width: auto;
     3477        }
     3478
     3479        table.plugin-install th.column-name,
     3480        table.plugin-install th.column-version,
     3481        table.plugin-install th.column-rating,
     3482        table.plugin-install th.column-description {
     3483                display: none;
     3484        }
     3485
     3486        table.plugin-install td.column-name strong {
     3487                font-size: 1.4em;
     3488                line-height: 1.6em;
     3489        }
     3490
     3491        table.plugin-install #the-list td {
     3492                -webkit-box-shadow: none;
     3493                box-shadow: none;
     3494        }
     3495
     3496        table.plugin-install #the-list tr {
     3497                display: block;
     3498                -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
     3499                box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
     3500        }
     3501
     3502        /*      Dashboard */
     3503        #dashboard_recent_comments #the-comment-list .comment-item .avatar {
     3504                height: 30px;
     3505                width: 30px;
     3506                margin: 4px 10px 5px 0;
     3507        }
     3508
     3509        /*      About Page */
     3510        .about-wrap .feature-section.one-col > div,
     3511        .about-wrap .feature-section.two-col > div,
     3512        .about-wrap .three-col.about-updates > div      {
     3513                width: 100%;
     3514                margin: 0;
     3515                float: none;
     3516        }
     3517
     3518        .about-wrap .about-colors .color-option {
     3519                width: 49%;
     3520        }
     3521
     3522        /* Moderate Comment */
     3523        .comment-ays {
     3524                border-bottom: none;
     3525        }
     3526
     3527        #wpfooter {
     3528                display: none;
     3529        }
     3530
     3531        #comments-form .checkforspam {
     3532                display: none;
     3533        }
     3534
     3535        /* Reset responsive styles in Press This */
     3536
     3537        .press-this a.wp-switch-editor {
     3538                font: 13px/19px "Open Sans", sans-serif;
     3539                margin: 5px 0 0 5px;
     3540                padding: 3px 8px 4px;
     3541        }
     3542
     3543        .press-this #wp-content-media-buttons a {
     3544                padding: 0;
     3545                line-height: normal;
     3546                height: auto;
     3547        }
     3548
     3549        .press-this #wp-content-editor-tools {
     3550                padding: 0;
     3551                top: 3px;
     3552        }
     3553
     3554        .press-this .category-tabs {
     3555                margin-top: 0;
     3556        }
     3557
     3558        .press-this .tagsdiv .newtag {
     3559                width: 120px;
     3560                padding: 3px 5px;
     3561                margin-bottom: 0;
     3562        }
     3563
     3564        .press-this .tagchecklist {
     3565                padding: 0;
     3566                margin-bottom: 0;
     3567        }
     3568
     3569        .press-this .wp_themeSkin a.mceButton {
     3570                width: 20px;
     3571                height: 20px;
     3572        }
     3573
     3574        .press-this .wp_themeSkin .mceButton .mceIcon {
     3575                margin: 0;
     3576        }
     3577
     3578        .press-this #poststuff h3,
     3579        .press-this .metabox-holder h3 {
     3580                padding: 7px 12px;
     3581        }
     3582
     3583        .interim-login input[type=checkbox],
     3584        .press-this input[type=checkbox],
     3585        .press-this input[type=radio] {
     3586                height: 16px;
     3587                width: 16px;
     3588        }
     3589
     3590        .interim-login input[type=checkbox]:checked:before,
     3591        .press-this input[type=checkbox]:checked:before {
     3592                width: 16px;
     3593                font: normal 21px/1 'dashicons';
     3594                margin: -3px 0 0 -4px;
     3595        }
     3596
     3597        .press-this input[type=radio]:checked:before {
     3598                font: normal 21px/1 'dashicons';
     3599                width: 6px;
     3600                height: 6px;
     3601                margin: 4px;
     3602        }
     3603
     3604        .press-this ul.categorychecklist ul,
     3605        .press-this ul.categorychecklist li {
     3606                margin-top: 0;
     3607                margin-bottom: 0;
     3608        }
     3609
     3610        .press-this div.quicktags-toolbar input {
     3611                padding: 2px 4px;
     3612        }
     3613
     3614        .press-this textarea,
     3615        .press-this input {
     3616                font-size: 14px;
     3617        }
     3618
     3619        .press-this .tagchecklist span {
     3620                font-size: 13px;
     3621                line-height: 1.8em;
     3622        }
     3623}
     3624
     3625@media only screen and (max-width: 500px) {
     3626        .about-wrap {
     3627                margin-right: 20px;
     3628                margin-left: 10px;
     3629        }
     3630
     3631        .about-wrap h1,
     3632        .about-text {
     3633                margin-right: 0;
     3634        }
     3635
     3636        .about-text {
     3637                margin-bottom: 0.25em;
     3638        }
     3639
     3640        .about-wrap .wp-badge {
     3641                position: relative;
     3642                margin-bottom: 1.5em;
     3643                width: 100%;
     3644        }
     3645
     3646        .about-wrap .feature-section.three-col div {
     3647                width: 100%;
     3648                float: none;
     3649        }
     3650
     3651        .about-wrap .three-col.about-updates .col-1 {
     3652                padding: 0;
     3653                float: none;
     3654        }
     3655
     3656        .about-wrap .three-col.about-updates .col-2 {
     3657                margin: 0 0 20px;
     3658                width: 100%;
     3659                float: none;
     3660        }
     3661
     3662        /* Align Add Media + Visual + Text tabs */
     3663        #wp-content-media-buttons a {
     3664                font-size: 14px;
     3665                padding: 0 10px 0 10px;
     3666        }
     3667}
     3668
     3669@media screen and ( max-width: 782px ) {
     3670        #wpadminbar #wp-admin-bar-menu-toggle a {
     3671                display: block;
     3672                padding: 0;
     3673                overflow: hidden;
     3674                outline: none;
     3675                text-decoration: none;
     3676                border: 1px solid transparent;
     3677                background: none;
     3678                height: 44px;
     3679                margin-left: -1px;
     3680        }
     3681
     3682        li#wp-admin-bar-menu-toggle {
     3683                display: block;
     3684        }
     3685
     3686        #wpadminbar #wp-admin-bar-menu-toggle a:hover {
     3687                border: 1px solid transparent;
     3688        }
     3689
     3690        #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
     3691                content: '\f228';
     3692                display: inline-block;
     3693                float: left;
     3694                font: normal 40px/45px 'Dashicons';
     3695                vertical-align: middle;
     3696                outline: none;
     3697                margin: 0;
     3698                -webkit-font-smoothing: antialiased;
     3699                -moz-osx-font-smoothing: grayscale;
     3700                height: 44px;
     3701                width: 50px;
     3702                padding: 0;
     3703                border: none;
     3704                text-align: center;
     3705                text-decoration: none;
     3706                box-sizing: border-box;
     3707                -moz-box-sizing: border-box;
     3708        }
     3709}
     3710
     3711/* Smartphone */
     3712@media screen and (max-width: 600px) {
     3713        #adminmenuwrap,
     3714        #adminmenuback {
     3715                display: none;
     3716        }
     3717
     3718        .wp-responsive-open #adminmenuwrap,
     3719        .wp-responsive-open #adminmenuback {
     3720                display: block;
     3721        }
     3722
     3723        /* Disable horizontal scroll when responsive menu is open
     3724           since we push the main content off to the right. */
     3725        #wpwrap.wp-responsive-open {
     3726                overflow-x: hidden;
     3727        }
     3728
     3729        html.wp-toolbar {
     3730                padding-top: 0;
     3731        }
     3732
     3733        #wpbody {
     3734                padding-top: 46px;
     3735        }
     3736
     3737        .auto-fold #adminmenu {
     3738                top: 46px;
     3739        }
     3740
     3741        #wp-responsive-overlay {
     3742                position: fixed;
     3743                top: 0;
     3744                left: 0;
     3745                width: 100%;
     3746                height: 100%;
     3747                z-index: 400;
     3748        }
     3749
     3750        /* Keep the close icon from overlapping the Welcome text. */
     3751        .welcome-panel .welcome-panel-close {
     3752                overflow: hidden;
     3753                text-indent: 100%;
     3754                white-space: nowrap;
     3755                width: 20px;
     3756                height: 20px;
     3757                right: 0;
     3758                padding: 5px;
     3759        }
     3760
     3761        /* Make the close icon larger for tappability. */
     3762        #welcome-panel.welcome-panel .welcome-panel-close::before {
     3763                font-size: 20px;
     3764                margin: 0;
     3765        }
     3766
     3767        /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
     3768        div#post-body.metabox-holder.columns-1 {
     3769                overflow-x: hidden;
     3770        }
     3771
     3772        /* Color Picker Options */
     3773        .color-option {
     3774                width: 49%;
     3775        }
     3776}
  • src/wp-admin/css/wp-admin-users.css

    Property changes on: src/wp-admin/css/wp-admin-uncatagorized.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
     1#profile-page .form-table textarea {
     2        width: 500px;
     3        margin-bottom: 6px;
     4}
     5
     6#profile-page .form-table #rich_editing {
     7        margin-right: 5px
     8}
     9
     10#your-profile legend {
     11        font-size: 22px;
     12}
     13
     14#display_name {
     15        width: 15em;
     16}
     17
     18#createuser .form-field input {
     19        width: 25em;
     20}
     21
     22.scheme-list {
     23
     24}
     25
     26.color-option {
     27        display: inline-block;
     28        width: 24%;
     29        padding: 5px 15px 15px;
     30        -moz-box-sizing: border-box;
     31        box-sizing: border-box;
     32        margin-bottom: 3px;
     33}
     34
     35.color-option:hover,
     36.color-option.selected {
     37        background: #ddd;
     38}
     39
     40.color-palette {
     41        width: 100%;
     42        border-spacing: 0;
     43        border-collapse: collapse;
     44}
     45.color-palette td {
     46        height: 20px;
     47        padding: 0;
     48        border: none;
     49}
     50
     51.color-option {
     52        cursor: pointer;
     53}
     54
     55
  • src/wp-admin/css/wp-admin.css

    Property changes on: src/wp-admin/css/wp-admin-users.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
    1 /*------------------------------------------------------------------------------
    2 
    3 
    4 Hello, this is the main WordPress admin CSS file.
    5 All the important stuff is in here.
    6 
    7 
    8 TABLE OF CONTENTS:
    9 ------------------
    10  1.0 - Text Elements
    11  2.0 - Forms
    12  3.0 - Actions
    13  4.0 - Notifications
    14  5.0 - TinyMCE
    15  6.0 - Admin Header
    16         6.1 - Screen Options Tabs
    17         6.2 - Help Menu
    18  7.0 - Main Navigation
    19  8.0 - Layout Blocks
    20  9.0 - Dashboard
    21 10.0 - List Posts
    22         10.1 - Inline Editing
    23 11.0 - Write/Edit Post Screen
    24         11.1 - Custom Fields
    25         11.2 - Post Revisions
    26         11.3 - Featured Images
    27         11.4 - Post Format Selection
    28 12.0 - Categories
    29 13.0 - Tags
    30 14.0 - Media Screen
    31         14.1 - Media Library
    32         14.2 - Image Editor
    33 15.0 - Comments Screen
    34 16.0 - Themes
    35         16.1 - Manage Themes
    36         16.2 - Install Themes
    37         16.3 - Custom Header
    38         16.4 - Custom Background
    39 17.0 - Plugins
    40 18.0 - Users
    41 19.0 - Tools
    42 20.0 - Settings
    43 21.0 - Admin Footer
    44 22.0 - About Pages
    45 23.0 - Full Overlay w/ Sidebar
    46 24.0 - Customize Loader
    47 25.0 - Tabbed Admin Screen Interface
    48 26.0 - Misc
    49 27.0 - Localization
    50 
    51 ------------------------------------------------------------------------*/
    52 
    53 /* 2 column liquid layout */
    54 #wpwrap {
    55         height: auto;
    56         min-height: 100%;
    57         width: 100%;
    58         position: relative;
    59         -webkit-font-smoothing: subpixel-antialiased;
    60 }
    61 
    62 #wpcontent {
    63         height: 100%;
    64 }
    65 
    66 #wpcontent,
    67 #wpfooter {
    68         margin-left: 180px;
    69 }
    70 
    71 .folded #wpcontent,
    72 .folded #wpfooter {
    73         margin-left: 56px;
    74 }
    75 
    76 #wpbody-content {
    77         padding-bottom: 65px;
    78         float: left;
    79         width: 100%;
    80         overflow: visible !important;
    81 }
    82 
    83 #adminmenuback,
    84 #adminmenuwrap,
    85 #adminmenu,
    86 #adminmenu .wp-submenu {
    87         width: 160px;
    88         background-color: #222;
    89 }
    90 
    91 #adminmenuback {
    92         position: absolute;
    93         top: 0;
    94         bottom: 0;
    95         z-index: -1;
    96 }
    97 
    98 #adminmenu {
    99         clear: left;
    100         margin: 12px 0 0;
    101         padding: 0;
    102         list-style: none;
    103 }
    104 
    105 .folded #adminmenuback,
    106 .folded #adminmenuwrap,
    107 .folded #adminmenu,
    108 .folded #adminmenu li.menu-top {
    109         width: 36px;
    110 }
    111 
    112 /* inner 2 column liquid layout */
    113 
    114 .inner-sidebar {
    115         float: right;
    116         clear: right;
    117         display: none;
    118         width: 281px;
    119         position: relative;
    120 }
    121 
    122 .columns-2 .inner-sidebar {
    123         margin-right: auto;
    124         width: 286px;
    125         display: block;
    126 }
    127 
    128 .inner-sidebar #side-sortables,
    129 .columns-2 .inner-sidebar #side-sortables {
    130         min-height: 300px;
    131         width: 280px;
    132         padding: 0;
    133 }
    134 
    135 .has-right-sidebar .inner-sidebar {
    136         display: block;
    137 }
    138 
    139 .has-right-sidebar #post-body {
    140         float: left;
    141         clear: left;
    142         width: 100%;
    143         margin-right: -2000px;
    144 }
    145 
    146 .has-right-sidebar #post-body-content {
    147         margin-right: 300px;
    148         float: none;
    149         width: auto;
    150 }
    151 
    152 /* 2 columns main area */
    153 
    154 #col-container,
    155 #col-left,
    156 #col-right {
    157         overflow: hidden;
    158         padding: 0;
    159         margin: 0;
    160 }
    161 
    162 #col-left {
    163         width: 35%;
    164 }
    165 
    166 #col-right {
    167         float: right;
    168         clear: right;
    169         width: 65%;
    170 }
    171 
    172 .col-wrap {
    173         padding: 0 7px;
    174 }
    175 
    176 /* utility classes */
    177 .alignleft {
    178         float: left;
    179 }
    180 
    181 .alignright {
    182         float: right;
    183 }
    184 
    185 .textleft {
    186         text-align: left;
    187 }
    188 
    189 .textright {
    190         text-align: right;
    191 }
    192 
    193 .clear {
    194         clear: both;
    195 }
    196 
    197 /* Hide visually but not from screen readers */
    198 .screen-reader-text,
    199 .screen-reader-text span,
    200 .ui-helper-hidden-accessible {
    201         position: absolute;
    202         margin: -1px;
    203         padding: 0;
    204         height: 1px;
    205         width: 1px;
    206         overflow: hidden;
    207         clip: rect(0 0 0 0);
    208         border: 0;
    209 }
    210 
    211 .screen-reader-shortcut {
    212         position: absolute;
    213         top: -1000em;
    214 }
    215 
    216 .screen-reader-shortcut:focus {
    217         left: 6px;
    218         top: -25px;
    219         height: auto;
    220         width: auto;
    221         display: block;
    222         font-size: 14px;
    223         font-weight: 600;
    224         padding: 15px 23px 14px;
    225         background: #f1f1f1;
    226         color: #21759b;
    227         z-index: 100000;
    228         line-height: normal;
    229         -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    230         box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    231         text-decoration: none;
    232         outline: none;
    233 }
    234 
    235 .hidden,
    236 .js .closed .inside,
    237 .js .hide-if-js,
    238 .no-js .hide-if-no-js,
    239 .js.wp-core-ui .hide-if-js,
    240 .js .wp-core-ui .hide-if-js,
    241 .no-js.wp-core-ui .hide-if-no-js,
    242 .no-js .wp-core-ui .hide-if-no-js {
    243         display: none;
    244 }
    245 
    246 /* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
    247 .widget-top,
    248 .menu-item-handle,
    249 .widget-inside,
    250 #menu-settings-column .accordion-container,
    251 #menu-management .menu-edit,
    252 .manage-menus,
    253 table.widefat,
    254 .stuffbox,
    255 p.popular-tags,
    256 .widgets-holder-wrap,
    257 .wp-editor-container,
    258 .popular-tags,
    259 .feature-filter,
    260 .imgedit-group {
    261         border: 1px solid #e5e5e5;
    262         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    263         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    264 }
    265 
    266 table.widefat,
    267 .wp-editor-container,
    268 .stuffbox,
    269 p.popular-tags,
    270 .widgets-holder-wrap,
    271 .popular-tags,
    272 .feature-filter,
    273 .imgedit-group {
    274         background: #fff;
    275 }
    276 
    277 input[type="radio"]:checked + label:before,
    278 #misc-publishing-actions label[for="post_status"]:before,
    279 #post-body #visibility:before,
    280 .curtime #timestamp:before,
    281 #post-body .misc-pub-revisions:before,
    282 span.wp-media-buttons-icon:before {
    283         color: #888;
    284 }
    285 
    286 /* include margin and padding in the width calculation of input and textarea */
    287 input,
    288 input[type="text"],
    289 input[type="password"],
    290 input[type="number"],
    291 input[type="search"],
    292 input[type="email"],
    293 input[type="url"],
    294 textarea {
    295         -moz-box-sizing: border-box;
    296         -webkit-box-sizing: border-box;
    297         -ms-box-sizing: border-box; /* ie8 only */
    298         box-sizing: border-box;
    299 }
    300 
    301 input[type="checkbox"],
    302 input[type="radio"] {
    303         border: 1px solid #bbb;
    304         background: #fff;
    305         color: #555;
    306         clear: none;
    307         cursor: pointer;
    308         display: inline-block;
    309         line-height: 0;
    310         height: 16px;
    311         margin: -4px 4px 0 0;
    312         outline: 0;
    313         padding: 0 !important;
    314         text-align: center;
    315         vertical-align: middle;
    316         width: 16px;
    317         min-width: 16px;
    318         -webkit-appearance: none;
    319         -webkit-box-sizing: border-box;
    320         box-sizing: border-box;
    321         -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    322         box-shadow:         inset 0px 1px 2px rgba(0,0,0,0.1);
    323 }
    324 
    325 .wp-core-ui input[type="reset"]:hover,
    326 .wp-core-ui input[type="reset"]:active {
    327         color: #2ea2cc;
    328 }
    329 
    330 td > input[type="checkbox"],
    331 .wp-admin p input[type=checkbox],
    332 .wp-admin p input[type=radio] {
    333         margin-top: 0;
    334 }
    335 
    336 .wp-admin p label input[type=checkbox] {
    337         margin-top: -4px;
    338 }
    339 
    340 .wp-admin p label input[type=radio] {
    341         margin-top: -2px;
    342 }
    343 
    344 input[type=radio] {
    345         border-radius: 50%;
    346         margin-right: 4px;
    347         line-height: 10px;
    348 }
    349 
    350 input:disabled,
    351 input.disabled,
    352 textarea:disabled,
    353 textarea.disabled {
    354         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04);
    355         box-shadow:         inset 0 1px 2px rgba(0,0,0,0.04);
    356         border-color: rgba(222, 222, 222, .75);
    357         background: rgba(255, 255, 255, .5);
    358         color: rgba(51, 51, 51, .5);
    359 }
    360 
    361 input[type=checkbox]:disabled,
    362 input[type=radio]:disabled,
    363 input[type=checkbox]:disabled:checked:before,
    364 input[type=radio]:disabled:checked:before {
    365         opacity: 0.7;
    366 }
    367 
    368 input[type=checkbox]:checked:before,
    369 input[type=radio]:checked:before {
    370         float: left;
    371         display: inline-block;
    372         vertical-align: middle;
    373         width: 16px;
    374         font: normal 21px/1 'dashicons';
    375         speak: none;
    376         -webkit-font-smoothing: antialiased;
    377         -moz-osx-font-smoothing: grayscale;
    378 }
    379 
    380 input[type=checkbox]:checked:before {
    381         content: '\f147';
    382         margin: -3px 0 0 -4px;
    383         color: #1e8cbe;
    384 }
    385 
    386 input[type=radio]:checked:before {
    387         content: '\2022';
    388         text-indent: -9999px;
    389         border-radius: 50px;
    390         font-size: 24px;
    391         width: 6px;
    392         height: 6px;
    393         margin: 4px;
    394         line-height: 16px;
    395         background-color: #1e8cbe;
    396 }
    397 
    398 input.readonly, textarea.readonly {
    399         background-color: #ddd;
    400 }
    401 
    402 @-moz-document url-prefix() {
    403         input[type=checkbox],
    404         input[type=radio],
    405         .form-table input.tog {
    406                 margin-bottom: -1px;
    407         }
    408 }
    409 
    410 /* Search */
    411 input[type="search"] {
    412         -webkit-appearance: textfield;
    413 }
    414 
    415 input[type="search"]::-webkit-search-decoration {
    416         display: none;
    417 }
    418 
    419 .ie8 input[type="password"],
    420 .ie8 .login form .input {
    421         font-family: sans-serif;
    422 }
    423 
    424 /* general */
    425 html,
    426 body {
    427         height: 100%;
    428         margin: 0;
    429         padding: 0;
    430 }
    431 
    432 html {
    433         background: #f1f1f1;
    434 }
    435 
    436 body {
    437         color: #444;
    438         font-family: "Open Sans", sans-serif;
    439         font-size: 13px;
    440         line-height: 1.4em;
    441         min-width: 600px;
    442 }
    443 
    444 body.iframe {
    445         min-width: 0;
    446         padding-top: 1px;
    447 }
    448 
    449 body.login {
    450         background: #f1f1f1;
    451         min-width: 0;
    452 }
    453 
    454 iframe,
    455 img {
    456         border: 0;
    457 }
    458 
    459 td,
    460 textarea,
    461 input,
    462 select,
    463 button {
    464         font-family: inherit;
    465         font-size: inherit;
    466         font-weight: inherit;
    467 }
    468 
    469 td,
    470 textarea {
    471         line-height: inherit;
    472 }
    473 
    474 textarea {
    475         overflow: auto;
    476 }
    477 
    478 textarea,
    479 input,
    480 select {
    481         font-size: 14px;
    482         padding: 3px 5px;
    483         line-height: 15px;
    484         border-radius: 0; /* Reset mobile webkit's default element styling */
    485 }
    486 
    487 textarea {
    488         padding: 2px 6px;
    489         line-height: 1.4;
    490 }
    491 
    492 a {
    493         color: #0074a2;
    494         -webkit-transition-property: border, background, color;
    495         -moz-transition-property:    border, background, color;
    496         transition-property:         border, background, color;
    497         -webkit-transition-duration: .05s;
    498         -moz-transition-duration:    .05s;
    499         transition-duration:         .05s;
    500         -webkit-transition-timing-function: ease-in-out;
    501         -moz-transition-timing-function:    ease-in-out;
    502         transition-timing-function:         ease-in-out;
    503 }
    504 
    505 a,
    506 input[type="text"],
    507 input[type="password"],
    508 input[type="number"],
    509 input[type="search"],
    510 input[type="email"],
    511 input[type="url"],
    512 textarea,
    513 div,
    514 select {
    515         outline: 0;
    516 }
    517 
    518 .wp-admin input[type="file"] {
    519         padding: 3px 0;
    520 }
    521 
    522 a:hover,
    523 a:active {
    524         color: #2ea2cc;
    525 }
    526 
    527 a:focus {
    528         color: #124964;
    529 }
    530 
    531 a:focus,
    532 a:active {
    533         outline: thin dotted;
    534 }
    535 
    536 #adminmenu a:focus,
    537 #adminmenu a:active,
    538 .screen-reader-text:focus {
    539         outline: none;
    540 }
    541 
    542 blockquote,
    543 q {
    544         quotes: none;
    545 }
    546 
    547 blockquote:before,
    548 blockquote:after,
    549 q:before,
    550 q:after {
    551         content: '';
    552         content: none;
    553 }
    554 
    555 p,
    556 .wp_attachment_details label[for="content"] {
    557         font-size: 13px;
    558         line-height: 1.5;
    559         margin: 1em 0;
    560 }
    561 
    562 blockquote {
    563         margin: 1em;
    564 }
    565 
    566 label {
    567         cursor: pointer;
    568 }
    569 
    570 li,
    571 dd {
    572         margin-bottom: 6px;
    573 }
    574 
    575 input,
    576 select {
    577         margin: 1px;
    578         padding: 3px 5px;
    579 }
    580 
    581 h1,
    582 h2,
    583 h3,
    584 h4,
    585 h5,
    586 h6 {
    587         display: block;
    588         font-weight: 600;
    589 }
    590 
    591 h1 {
    592         font-size: 2em;
    593         margin: .67em 0;
    594 }
    595 
    596 h2 {
    597         color: #222;
    598         font-size: 1.5em;
    599         margin: .83em 0;
    600         font-weight: 400;
    601 }
    602 
    603 h3 {
    604         color: #222;
    605         font-size: 1.3em;
    606         margin: 1em 0;
    607 }
    608 
    609 h4 {
    610         font-size: 1em;
    611         margin: 1.33em 0;
    612 }
    613 
    614 h5 {
    615         font-size: 0.83em;
    616         margin: 1.67em 0;
    617 }
    618 
    619 h6 {
    620         font-size: 0.67em;
    621         margin: 2.33em 0;
    622 }
    623 
    624 ul,
    625 ol {
    626         padding: 0;
    627 }
    628 
    629 ul {
    630         list-style: none;
    631 }
    632 
    633 ol {
    634         list-style-type: decimal;
    635         margin-left: 2em;
    636 }
    637 
    638 ul.ul-disc {
    639         list-style: disc outside;
    640 }
    641 
    642 ul.ul-square {
    643         list-style: square outside;
    644 }
    645 
    646 ol.ol-decimal {
    647         list-style: decimal outside;
    648 }
    649 
    650 ul.ul-disc,
    651 ul.ul-square,
    652 ol.ol-decimal {
    653         margin-left: 1.8em;
    654 }
    655 
    656 ul.ul-disc > li,
    657 ul.ul-square > li,
    658 ol.ol-decimal > li {
    659         margin: 0 0 0.5em;
    660 }
    661 
    662 /* @noflip */
    663 .code,
    664 code {
    665         font-family: Consolas, Monaco, monospace;
    666         direction: ltr;
    667 }
    668 
    669 input.code {
    670         padding-top: 6px;
    671 }
    672 
    673 textarea.code {
    674         line-height: 1.4;
    675         padding: 4px 6px 1px 6px;
    676 }
    677 
    678 kbd,
    679 code {
    680         padding: 3px 5px 2px 5px;
    681         margin: 0 1px;
    682         background: #eaeaea;
    683         background: rgba(0,0,0,0.07);
    684         font-size: 13px;
    685 }
    686 
    687 .subsubsub {
    688         list-style: none;
    689         margin: 8px 0 0;
    690         padding: 0;
    691         font-size: 13px;
    692         float: left;
    693         color: #666;
    694 }
    695 
    696 .subsubsub a {
    697         line-height: 2;
    698         padding: .2em;
    699         text-decoration: none;
    700 }
    701 
    702 .subsubsub a .count,
    703 .subsubsub a.current .count {
    704         color: #999;
    705         font-weight: normal;
    706 }
    707 
    708 .subsubsub a.current {
    709         font-weight: 600;
    710         border: none;
    711 }
    712 
    713 .subsubsub li {
    714         display: inline-block;
    715         margin: 0;
    716         padding: 0;
    717         white-space: nowrap;
    718 }
    719 
    720 /* .widefat - main style for tables */
    721 .widefat {
    722         border-spacing: 0;
    723         width: 100%;
    724         clear: both;
    725         margin: 0;
    726 }
    727 
    728 .widefat * {
    729         word-wrap: break-word;
    730 }
    731 
    732 .widefat a {
    733         text-decoration: none;
    734 }
    735 
    736 .widefat td,
    737 .widefat th {
    738         padding: 8px 10px;
    739 }
    740 
    741 .widefat thead th {
    742         border-bottom: 1px solid #e1e1e1;
    743 }
    744 
    745 .widefat tfoot th {
    746         border-top: 1px solid #e1e1e1;
    747         border-bottom: none;
    748 }
    749 
    750 .widefat .no-items td {
    751         border-bottom-width: 0;
    752 }
    753 
    754 .widefat td {
    755         vertical-align: top;
    756 }
    757 
    758 .widefat td,
    759 .widefat td p,
    760 .widefat td ol,
    761 .widefat td ul {
    762         font-size: 13px;
    763         line-height: 1.5em;
    764 }
    765 
    766 .widefat th {
    767         text-align: left;
    768         line-height: 1.3em;
    769         font-size: 14px;
    770 }
    771 
    772 .widefat th input {
    773         margin: 0 0 0 8px;
    774         padding: 0;
    775         vertical-align: text-top;
    776 }
    777 
    778 .widefat .check-column {
    779         width: 2.2em;
    780         padding: 6px 0 25px;
    781         vertical-align: top;
    782 }
    783 
    784 .widefat th input[type=checkbox] {
    785         margin-top: -1px;
    786 }
    787 
    788 .widefat tbody th.check-column {
    789         padding: 9px 0 22px;
    790 }
    791 
    792 .widefat.media .check-column {
    793         padding-top: 8px;
    794 }
    795 
    796 .widefat thead th.check-column,
    797 .widefat tbody th.check-column,
    798 .widefat tfoot th.check-column {
    799         padding: 11px 0 0 3px;
    800 }
    801 
    802 .widefat thead th.check-column {
    803         padding-top: 10px;
    804 }
    805 
    806 .plugins tbody th.check-column,
    807 .plugins tbody {
    808         padding: 8px 0 0 2px;
    809 }
    810 
    811 .plugins tbody th.check-column input[type=checkbox] {
    812         margin-top: 4px;
    813 }
    814 
    815 #update-plugins-table tbody td p {
    816         margin-top: 0;
    817 }
    818 
    819 #update-plugins-table tbody td p strong {
    820         font-size: 14px;
    821 }
    822 
    823 .plugins thead th.check-column,
    824 .plugins tfoot th.check-column,
    825 .plugins .inactive th.check-column {
    826         padding-left: 6px;
    827 }
    828 
    829 #update-plugins-table thead th.check-column,
    830 #update-plugins-table tfoot th.check-column {
    831         padding-top: 11px;
    832 }
    833 
    834 .update-php div.updated,
    835 .update-php div.error {
    836         margin-left: 0;
    837 }
    838 
    839 .no-js .widefat thead .check-column input,
    840 .no-js .widefat tfoot .check-column input {
    841         display: none;
    842 }
    843 
    844 .widefat .num,
    845 .column-comments,
    846 .column-links,
    847 .column-posts {
    848         text-align: center;
    849 }
    850 
    851 .widefat th#comments {
    852         vertical-align: middle;
    853 }
    854 
    855 .wrap {
    856         margin: 10px 20px 0 2px;
    857 }
    858 
    859 div.updated,
    860 div.error {
    861         padding: 0 0.6em;
    862         margin: 5px 15px 2px;
    863 }
    864 
    865 div.updated p,
    866 div.error p {
    867         margin: 0.5em 0;
    868         padding: 2px;
    869 }
    870 
    871 .wrap div.updated,
    872 .wrap div.error,
    873 .media-upload-form div.error {
    874         margin: 5px 0 15px;
    875 }
    876 
    877 div.updated,
    878 .login .message,
    879 .press-this #message {
    880         border-left: 4px solid #7ad03a;
    881         padding: 1px 12px;
    882         background-color: #fff;
    883 
    884         -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
    885         box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
    886 }
    887 
    888 div.error,
    889 .login #login_error {
    890         border-left: 4px solid #dd3d36;
    891         background: #fff;
    892 
    893         -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
    894         box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
    895 }
    896 
    897 div.error {
    898         padding: 1px 12px;
    899 }
    900 
    901 .attention {
    902         color: #2ea2cc;
    903 }
    904 
    905 .wrap h2,
    906 .subtitle {
    907         font-weight: normal;
    908         margin: 0;
    909 }
    910 
    911 .wrap h2 {
    912         font-size: 23px;
    913         font-weight: 400;
    914         padding: 9px 15px 4px 0;
    915         line-height: 29px;
    916 }
    917 
    918 .subtitle {
    919         color: #777;
    920         font-size: 14px;
    921         padding-left: 25px;
    922 }
    923 
    924 .wrap .add-new-h2,
    925 .wrap .add-new-h2:active {
    926         margin-left: 4px;
    927         padding: 4px 8px;
    928         position: relative;
    929         top: -3px;
    930         text-decoration: none;
    931         border: none;
    932         border-radius: 2px;
    933         background: #e0e0e0;
    934         text-shadow: none;
    935         font-weight: 600;
    936         font-size: 13px;
    937 }
    938 
    939 .wrap .add-new-h2:hover {
    940         background: #2ea2cc;
    941         color: #fff;
    942 }
    943 
    944 .wrap h2.long-header {
    945         padding-right: 0;
    946 }
    947 
    948 .wp-dialog {
    949         background-color: #fff;
    950 }
    951 
    952 textarea,
    953 input[type="text"],
    954 input[type="password"],
    955 input[type="email"],
    956 input[type="number"],
    957 input[type="search"],
    958 input[type="tel"],
    959 input[type="url"],
    960 select {
    961         border: 1px solid #ddd;
    962         box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
    963         background-color: #fff;
    964         color: #333;
    965 }
    966 
    967 select[disabled] {
    968         color: #7f7f7f;
    969 }
    970 
    971 select:focus {
    972         border-color: #aaa;
    973 }
    974 
    975 textarea:focus,
    976 input[type="text"]:focus,
    977 input[type="password"]:focus,
    978 input[type="email"]:focus,
    979 input[type="number"]:focus,
    980 input[type="search"]:focus,
    981 input[type="tel"]:focus,
    982 input[type="url"]:focus,
    983 input[type="checkbox"]:focus,
    984 input[type="radio"]:focus,
    985 select:focus,
    986 .widgets-chooser ul,
    987 #widgets-left .widget-in-question .widget-top,
    988 #available-widgets .widget-top:hover,
    989 div#widgets-right .widget-top:hover,
    990 #widgets-left .widget-top:hover {
    991         border-color: #999;
    992         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    993         box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    994 }
    995 
    996 input[readonly] {
    997         background-color: #eee;
    998 }
    999 
    1000 :-moz-placeholder,
    1001 .wp-core-ui :-moz-placeholder {
    1002    color: #a9a9a9;
    1003 }
    1004 
    1005 .sorthelper {
    1006         background-color: #ccf3fa;
    1007 }
    1008 
    1009 .ac_match,
    1010 .subsubsub a.current {
    1011         color: #000;
    1012 }
    1013 
    1014 .alternate,
    1015 .alt {
    1016         background-color: #f9f9f9;
    1017 }
    1018 
    1019 .bar {
    1020         background-color: #e8e8e8;
    1021         border-right-color: #99d;
    1022 }
    1023 
    1024 .form-invalid {
    1025         background-color: #ffebe8 !important;
    1026 }
    1027 
    1028 .form-invalid input,
    1029 .form-invalid select {
    1030         border-color: #c00 !important;
    1031 }
    1032 
    1033 .form-input-tip {
    1034         color: #666;
    1035 }
    1036 
    1037 .media-upload-form label.form-help,
    1038 td.help {
    1039         color: #9a9a9a;
    1040 }
    1041 
    1042 /* Helper classes for plugins to leverage the active WordPress color scheme */
    1043 
    1044 .highlight {
    1045         background-color: #e4f2fd;
    1046         color: #000;
    1047 }
    1048 
    1049 .wp-ui-primary {
    1050         color: #fff;
    1051         background-color: #333;
    1052 }
    1053 .wp-ui-text-primary {
    1054         color: #333;
    1055 }
    1056 
    1057 .wp-ui-highlight {
    1058         color: white;
    1059         background-color: #1e8cbe;
    1060 }
    1061 .wp-ui-text-highlight {
    1062         color: #1e8cbe;
    1063 }
    1064 
    1065 .wp-ui-notification {
    1066         color: #fff;
    1067         background-color: #d54e21;
    1068 }
    1069 .wp-ui-text-notification {
    1070         color: #d54e21;
    1071 }
    1072 
    1073 .wp-ui-text-icon {
    1074         color: #999;
    1075 }
    1076 
    1077 /*------------------------------------------------------------------------------
    1078   1.0 - Text Styles
    1079 ------------------------------------------------------------------------------*/
    1080 
    1081 .widget .widget-top,
    1082 .postbox h3,
    1083 .stuffbox h3,
    1084 .control-section .accordion-section-title,
    1085 h3.dashboard-widget-title,
    1086 h3.dashboard-widget-title span,
    1087 h3.dashboard-widget-title small,
    1088 .sidebar-name,
    1089 #nav-menu-header,
    1090 #nav-menu-footer,
    1091 .menu-item-handle,
    1092 .checkbox,
    1093 .side-info,
    1094 #your-profile #rich_editing,
    1095 .widefat thead th,
    1096 .widefat tfoot th {
    1097         line-height: 1.4em;
    1098 }
    1099 
    1100 .widget .widget-top,
    1101 .menu-item-handle {
    1102         background: #fafafa;
    1103         color: #222;
    1104 }
    1105 
    1106 .postbox h3,
    1107 #namediv h3,
    1108 #submitdiv h3 {
    1109         border-bottom: 1px solid #eee;
    1110 }
    1111 
    1112 .quicktags,
    1113 .search {
    1114         background-color: #ccc;
    1115         color: #000;
    1116         font-size: 12px;
    1117 }
    1118 
    1119 .icon32 {
    1120         display: none;
    1121 }
    1122 
    1123 .icon16 {
    1124         height: 18px;
    1125         width: 18px;
    1126         padding: 6px 6px;
    1127         margin: -6px 0 0 -8px;
    1128         float: left;
    1129 }
    1130 
    1131 /* New Menu icons */
    1132 
    1133 .icon16:before {
    1134         color: #999;
    1135         font: normal 20px/1 'dashicons';
    1136         speak: none;
    1137         padding: 6px 0;
    1138         height: 34px;
    1139         width: 20px;
    1140         display: inline-block;
    1141         -webkit-font-smoothing: antialiased;
    1142         -moz-osx-font-smoothing: grayscale;
    1143         -webkit-transition: all .1s ease-in-out;
    1144         -moz-transition:    all .1s ease-in-out;
    1145         transition:         all .1s ease-in-out;
    1146 }
    1147 
    1148 .icon16.icon-dashboard:before,
    1149 #adminmenu .menu-icon-dashboard div.wp-menu-image:before {
    1150         content: '\f226';
    1151 }
    1152 
    1153 .icon16.icon-post:before,
    1154 #adminmenu .menu-icon-post div.wp-menu-image:before {
    1155         content: '\f109';
    1156 }
    1157 
    1158 .icon16.icon-media:before,
    1159 #adminmenu .menu-icon-media div.wp-menu-image:before {
    1160         content: '\f104';
    1161 }
    1162 
    1163 .icon16.icon-links:before,
    1164 #adminmenu .menu-icon-links div.wp-menu-image:before {
    1165         content: '\f103';
    1166 }
    1167 
    1168 .icon16.icon-page:before,
    1169 #adminmenu .menu-icon-page div.wp-menu-image:before {
    1170         content: '\f105';
    1171 }
    1172 
    1173 .icon16.icon-comments:before,
    1174 #adminmenu .menu-icon-comments div.wp-menu-image:before {
    1175         content: '\f101';
    1176         margin-top: 1px;
    1177 }
    1178 
    1179 .icon16.icon-appearance:before,
    1180 #adminmenu .menu-icon-appearance div.wp-menu-image:before {
    1181         content: '\f100';
    1182 }
    1183 
    1184 .icon16.icon-plugins:before,
    1185 #adminmenu .menu-icon-plugins div.wp-menu-image:before {
    1186         content: '\f106';
    1187 }
    1188 
    1189 .icon16.icon-users:before,
    1190 #adminmenu .menu-icon-users div.wp-menu-image:before {
    1191         content: '\f110';
    1192 }
    1193 
    1194 .icon16.icon-tools:before,
    1195 #adminmenu .menu-icon-tools div.wp-menu-image:before {
    1196         content: '\f107';
    1197 }
    1198 
    1199 .icon16.icon-settings:before,
    1200 #adminmenu .menu-icon-settings div.wp-menu-image:before {
    1201         content: '\f108';
    1202 }
    1203 
    1204 .icon16.icon-site:before,
    1205 #adminmenu .menu-icon-site div.wp-menu-image:before {
    1206         content: '\f112'
    1207 }
    1208 
    1209 .icon16.icon-generic:before,
    1210 #adminmenu .menu-icon-generic div.wp-menu-image:before {
    1211         content: '\f111';
    1212 }
    1213 
    1214 /* hide background-image for icons above */
    1215 .icon16.icon-dashboard,
    1216 .menu-icon-dashboard div.wp-menu-image,
    1217 .icon16.icon-post,
    1218 .menu-icon-post div.wp-menu-image,
    1219 .icon16.icon-media,
    1220 .menu-icon-media div.wp-menu-image,
    1221 .icon16.icon-links,
    1222 .menu-icon-links div.wp-menu-image,
    1223 .icon16.icon-page,
    1224 .menu-icon-page div.wp-menu-image,
    1225 .icon16.icon-comments,
    1226 .menu-icon-comments div.wp-menu-image,
    1227 .icon16.icon-appearance,
    1228 .menu-icon-appearance div.wp-menu-image,
    1229 .icon16.icon-plugins,
    1230 .menu-icon-plugins div.wp-menu-image,
    1231 .icon16.icon-users,
    1232 .menu-icon-users div.wp-menu-image,
    1233 .icon16.icon-tools,
    1234 .menu-icon-tools div.wp-menu-image,
    1235 .icon16.icon-settings,
    1236 .menu-icon-settings div.wp-menu-image,
    1237 .icon16.icon-site,
    1238 .menu-icon-site div.wp-menu-image,
    1239 .icon16.icon-generic,
    1240 .menu-icon-generic div.wp-menu-image {
    1241         background-image: none !important;
    1242 }
    1243 
    1244 .key-labels label {
    1245         line-height: 24px;
    1246 }
    1247 
    1248 strong, b {
    1249         font-weight: 600;
    1250 }
    1251 
    1252 .pre {
    1253         /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
    1254         white-space: pre-wrap; /* css-3 */
    1255         word-wrap: break-word; /* IE 5.5 - 7 */
    1256 }
    1257 
    1258 .howto {
    1259         color: #666;
    1260         font-style: italic;
    1261         display: block;
    1262 }
    1263 
    1264 p.install-help {
    1265         margin: 8px 0;
    1266         font-style: italic;
    1267 }
    1268 
    1269 .no-break {
    1270         white-space: nowrap;
    1271 }
    1272 
    1273 hr {
    1274         border: 0;
    1275         border-top: 1px solid #ddd;
    1276         border-bottom: 1px solid #fafafa;
    1277 }
    1278 
    1279 /*------------------------------------------------------------------------------
    1280   2.0 - Forms
    1281 ------------------------------------------------------------------------------*/
    1282 
    1283 
    1284 .wp-admin select {
    1285         padding: 2px;
    1286         line-height: 28px;
    1287         height: 28px;
    1288         vertical-align: middle;
    1289 }
    1290 
    1291 .wp-admin .button-cancel {
    1292         padding: 0 5px;
    1293         line-height: 2;
    1294 }
    1295 
    1296 .meta-box-sortables select {
    1297         max-width: 100%;
    1298 }
    1299 
    1300 .wp-admin select[multiple] {
    1301         height: auto;
    1302 }
    1303 
    1304 .submit {
    1305         padding: 1.5em 0;
    1306         margin: 5px 0;
    1307         -webkit-border-bottom-left-radius: 3px;
    1308         -webkit-border-bottom-right-radius: 3px;
    1309         border-bottom-left-radius: 3px;
    1310         border-bottom-right-radius: 3px;
    1311         border: none;
    1312 }
    1313 
    1314 form p.submit a.cancel:hover {
    1315         text-decoration: none;
    1316 }
    1317 
    1318 p.submit {
    1319         text-align: left;
    1320         max-width: 100%;
    1321         margin-top: 20px;
    1322         padding-top: 10px;
    1323 }
    1324 
    1325 .textright p.submit {
    1326         border: none;
    1327         text-align: right;
    1328 }
    1329 
    1330 table.form-table + p.submit,
    1331 table.form-table + input + p.submit,
    1332 table.form-table + input + input + p.submit {
    1333         border-top: none;
    1334         padding-top: 0;
    1335 }
    1336 
    1337 table.widefat span.delete a,
    1338 table.widefat span.trash a,
    1339 table.widefat span.spam a,
    1340 .plugins a.delete,
    1341 #all-plugins-table .plugins a.delete,
    1342 #search-plugins-table .plugins a.delete,
    1343 .submitbox .submitdelete,
    1344 #media-items a.delete,
    1345 #media-items a.delete-permanently,
    1346 #nav-menu-footer .menu-delete {
    1347         color: #a00;
    1348 }
    1349 
    1350 abbr.required,
    1351 .file-error,
    1352 .widget-control-remove:hover,
    1353 table.widefat .delete a:hover,
    1354 table.widefat .trash a:hover,
    1355 table.widefat .spam a:hover,
    1356 .plugins a.delete:hover,
    1357 #all-plugins-table .plugins a.delete:hover,
    1358 #search-plugins-table .plugins a.delete:hover,
    1359 .submitbox .submitdelete:hover,
    1360 #media-items a.delete:hover,
    1361 #media-items a.delete-permanently:hover,
    1362 #nav-menu-footer .menu-delete:hover {
    1363         color: #f00;
    1364         text-decoration: none;
    1365         border: none;
    1366 }
    1367 
    1368 #minor-publishing-actions input,
    1369 #major-publishing-actions input,
    1370 #minor-publishing-actions .preview {
    1371         text-align: center;
    1372 }
    1373 
    1374 textarea.all-options,
    1375 input.all-options {
    1376         width: 250px;
    1377 }
    1378 
    1379 input.large-text,
    1380 textarea.large-text {
    1381         width: 99%;
    1382 }
    1383 
    1384 input.regular-text,
    1385 #adduser .form-field input {
    1386         width: 25em;
    1387 }
    1388 
    1389 input.small-text {
    1390         width: 50px;
    1391         padding: 1px 6px;
    1392 }
    1393 
    1394 input[type="number"].small-text {
    1395         width: 65px;
    1396 }
    1397 
    1398 #doaction,
    1399 #doaction2,
    1400 #post-query-submit {
    1401         margin: 1px 8px 0 0;
    1402 }
    1403 
    1404 .tablenav #changeit,
    1405 .tablenav #delete_all,
    1406 .tablenav #clear-recent-list {
    1407         margin-top: 1px;
    1408 }
    1409 
    1410 .tablenav .actions select {
    1411         float: left;
    1412         margin-right: 6px;
    1413         max-width: 200px;
    1414 }
    1415 
    1416 .ie8 .tablenav .actions select {
    1417         width: 155px;
    1418 }
    1419 
    1420 .ie8 .tablenav .actions select#cat {
    1421         width: 200px;
    1422 }
    1423 
    1424 #timezone_string option {
    1425         margin-left: 1em;
    1426 }
    1427 
    1428 #upload-form label {
    1429         color: #777;
    1430 }
    1431 
    1432 label,
    1433 #your-profile label + a {
    1434         vertical-align: middle;
    1435 }
    1436 
    1437 fieldset label,
    1438 #your-profile label + a {
    1439         vertical-align: middle;
    1440 }
    1441 
    1442 .options-media-php label[for*="_size_"],
    1443 #misc-publishing-actions label {
    1444         vertical-align: baseline;
    1445 }
    1446 
    1447 #misc-publishing-actions label[for="post_status"]:before {
    1448         content: '\f173';
    1449         display: inline-block;
    1450         font: normal 20px/1 'dashicons';
    1451         speak: none;
    1452         left: -1px;
    1453         padding: 0 5px 0 0;
    1454         position: relative;
    1455         top: 0;
    1456         text-decoration: none !important;
    1457         vertical-align: top;
    1458 
    1459         -webkit-font-smoothing: antialiased;
    1460         -moz-osx-font-smoothing: grayscale;
    1461 }
    1462 
    1463 #pass-strength-result {
    1464         background-color: #eee;
    1465         border: 1px solid #ddd;
    1466         float: left;
    1467         margin: 13px 5px 5px 1px;
    1468         padding: 3px 5px;
    1469         text-align: center;
    1470         width: 200px;
    1471         display: none;
    1472 }
    1473 
    1474 #pass-strength-result.short {
    1475         background-color: #ffa0a0;
    1476         border-color: #f04040;
    1477 }
    1478 
    1479 #pass-strength-result.bad {
    1480         background-color: #ffb78c;
    1481         border-color: #ff853c;
    1482 }
    1483 
    1484 #pass-strength-result.good {
    1485         background-color: #ffec8b;
    1486         border-color: #fc0;
    1487 }
    1488 
    1489 #pass-strength-result.strong {
    1490         background-color: #c3ff88;
    1491         border-color: #8dff1c;
    1492 }
    1493 
    1494 .indicator-hint {
    1495         padding-top: 8px;
    1496 }
    1497 
    1498 p.search-box {
    1499         float: right;
    1500         margin: 0;
    1501 }
    1502 
    1503 .network-admin.themes-php p.search-box {
    1504         clear: left;
    1505 }
    1506 
    1507 .search-box input[name="s"],
    1508 #search-plugins input[name="s"],
    1509 .tagsdiv .newtag {
    1510         float: left;
    1511         height: 28px;
    1512         margin: 0 4px 0 0;
    1513 }
    1514 
    1515 input[type="text"].ui-autocomplete-loading {
    1516         background: transparent url('../images/loading.gif') no-repeat right center;
    1517         visibility: visible;
    1518 }
    1519 
    1520 ul#add-to-blog-users {
    1521         margin: 0 0 0 14px;
    1522 }
    1523 
    1524 .ui-autocomplete-input.open {
    1525         border-bottom-right-radius: 0;
    1526         border-bottom-left-radius: 0;
    1527 }
    1528 
    1529 .ui-autocomplete {
    1530         padding: 0;
    1531         margin: 0;
    1532         list-style: none;
    1533         position: absolute;
    1534         z-index: 10000;
    1535         border-bottom-right-radius: 3px;
    1536         border-bottom-left-radius: 3px;
    1537         border: 1px solid #aaa;
    1538         background-color: #efefef;
    1539 }
    1540 
    1541 .ui-autocomplete li {
    1542         margin-bottom: 0;
    1543         white-space: nowrap;
    1544         text-align: left;
    1545 }
    1546 
    1547 .ui-autocomplete li a {
    1548         display: block;
    1549         height: 100%;
    1550         padding: 4px 10px;
    1551         color: #444;
    1552 }
    1553 
    1554 .ui-autocomplete li a.ui-state-focus {
    1555         background-color: #ddd;
    1556         cursor: pointer;
    1557 }
    1558 
    1559 /*------------------------------------------------------------------------------
    1560   3.0 - Actions
    1561 ------------------------------------------------------------------------------*/
    1562 
    1563 #major-publishing-actions {
    1564         padding: 10px;
    1565         clear: both;
    1566         border-top: 1px solid #ddd;
    1567         background: #f5f5f5;
    1568 }
    1569 
    1570 #delete-action {
    1571         line-height: 28px;
    1572         vertical-align: middle;
    1573         text-align: left;
    1574         float: left;
    1575 }
    1576 
    1577 #publishing-action {
    1578         text-align: right;
    1579         float: right;
    1580         line-height: 23px;
    1581 }
    1582 
    1583 #publishing-action .spinner {
    1584         float: left;
    1585 }
    1586 
    1587 #misc-publishing-actions {
    1588         padding: 6px 0 0;
    1589 }
    1590 
    1591 .misc-pub-section {
    1592         padding: 6px 10px 8px;
    1593 }
    1594 
    1595 #minor-publishing-actions {
    1596         padding: 10px 10px 0 10px;
    1597         text-align: right;
    1598 }
    1599 
    1600 #save-post {
    1601         float: left;
    1602 }
    1603 
    1604 .preview {
    1605         float: right;
    1606 }
    1607 
    1608 #sticky-span {
    1609         margin-left: 18px;
    1610 }
    1611 
    1612 .side-info {
    1613         margin: 0;
    1614         padding: 4px;
    1615         font-size: 11px;
    1616 }
    1617 
    1618 .side-info h5 {
    1619         padding-bottom: 7px;
    1620         font-size: 14px;
    1621         margin: 12px 2px 5px;
    1622         border-bottom: 1px solid #dadada;
    1623 }
    1624 
    1625 .side-info ul {
    1626         margin: 0;
    1627         padding-left: 18px;
    1628         list-style: square;
    1629         color: #666;
    1630 }
    1631 
    1632 .approve,
    1633 .unapproved .unapprove {
    1634         display: none;
    1635 }
    1636 
    1637 .unapproved .approve,
    1638 .spam .approve,
    1639 .trash .approve {
    1640         display: inline;
    1641 }
    1642 
    1643 td.action-links,
    1644 th.action-links {
    1645         text-align: right;
    1646 }
    1647 
    1648 
    1649 /*------------------------------------------------------------------------------
    1650   4.0 - Notifications
    1651 ------------------------------------------------------------------------------*/
    1652 
    1653 #update-nag,
    1654 .update-nag {
    1655         display: inline-block;
    1656         line-height: 19px;
    1657         padding: 11px 15px;
    1658         font-size: 14px;
    1659         text-align: left;
    1660         margin: 25px 20px 0 2px;
    1661         background-color: #fff;
    1662         border-left: 4px solid #ffba00;
    1663 
    1664         -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
    1665         box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
    1666 }
    1667 
    1668 .update-message {
    1669         color: #000;
    1670 }
    1671 
    1672 ul#dismissed-updates {
    1673         display: none;
    1674 }
    1675 
    1676 form.upgrade {
    1677         margin-top: 8px;
    1678 }
    1679 
    1680 form.upgrade .hint {
    1681         font-style: italic;
    1682         font-size: 85%;
    1683         margin: -0.5em 0 2em 0;
    1684 }
    1685 
    1686 .update-php .spinner {
    1687         float: none;
    1688         margin: -4px 0;
    1689 }
    1690 
    1691 #ajax-loading,
    1692 .ajax-loading,
    1693 .ajax-feedback,
    1694 .imgedit-wait-spin,
    1695 .list-ajax-loading { /* deprecated */
    1696         visibility: hidden;
    1697 }
    1698 
    1699 #ajax-response.alignleft {
    1700         margin-left: 2em;
    1701 }
    1702 
    1703 /*------------------------------------------------------------------------------
    1704   5.0 - TinyMCE
    1705 ------------------------------------------------------------------------------*/
    1706 
    1707 /* nothing? */
    1708 
    1709 /*------------------------------------------------------------------------------
    1710   6.0 - Admin Header
    1711 ------------------------------------------------------------------------------*/
    1712 #adminmenu a,
    1713 #sidemenu a,
    1714 #taglist a,
    1715 #catlist a {
    1716         text-decoration: none;
    1717 }
    1718 
    1719 /*------------------------------------------------------------------------------
    1720   6.1 - Screen Options Tabs
    1721 ------------------------------------------------------------------------------*/
    1722 
    1723 #screen-options-wrap,
    1724 #contextual-help-wrap {
    1725         margin: 0;
    1726         padding: 8px 20px 12px;
    1727         position: relative;
    1728 }
    1729 
    1730 #contextual-help-wrap {
    1731         overflow: auto;
    1732         margin-left: 0 !important;
    1733 }
    1734 
    1735 #screen-meta .screen-reader-text {
    1736         visibility: hidden;
    1737 }
    1738 
    1739 #screen-meta-links {
    1740         margin: 0 20px 0 0;
    1741 }
    1742 
    1743 #screen-meta-links a {
    1744         padding: 3px 6px 3px 16px;
    1745 }
    1746 
    1747 #screen-meta-links a:focus {
    1748         outline: none;
    1749 }
    1750 
    1751 /* screen options and help tabs revert */
    1752 #screen-meta {
    1753         display: none;
    1754         margin: 0 20px -1px 0px;
    1755         position: relative;
    1756         background-color: #fff;
    1757         border: 1px solid #ddd;
    1758         border-top: none;
    1759         -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
    1760         box-shadow:         0 1px 0 rgba(0,0,0,.025);
    1761 }
    1762 
    1763 #screen-options-link-wrap,
    1764 #contextual-help-link-wrap {
    1765         float: right;
    1766         height: 28px;
    1767         margin: 0 0 0 6px;
    1768         border: 1px solid #ddd;
    1769         border-top: none;
    1770         background: #fff;
    1771         -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
    1772         box-shadow:         0px 1px 1px -1px rgba(0,0,0,0.1);
    1773 }
    1774 
    1775 #screen-meta-links .screen-meta-toggle {
    1776         position: relative;
    1777         top: 0;
    1778 }
    1779 
    1780 #screen-meta-links a {
    1781         color: #777;
    1782 }
    1783 
    1784 #screen-meta-links a:hover,
    1785 #screen-meta-links a:active,
    1786 #screen-meta-links a:focus {
    1787         color: #333;
    1788 }
    1789 
    1790 #screen-meta-links a:focus {
    1791         border-color: #aaa;
    1792         -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
    1793         box-shadow:         0 2px 3px rgba(0,0,0,0.15);
    1794 }
    1795 
    1796 #screen-meta-links a.show-settings {
    1797         display: block;
    1798         font-size: 13px;
    1799         height: 22px;
    1800         line-height: 22px;
    1801         text-decoration: none;
    1802         z-index: 1;
    1803 }
    1804 
    1805 #screen-meta-links a:after {
    1806         right: 0;
    1807         content: '\f140';
    1808         font: normal 20px/1 'dashicons';
    1809         speak: none;
    1810         display: inline-block;
    1811         padding: 0 5px 0 0;
    1812         bottom: 2px;
    1813         position: relative;
    1814         vertical-align: bottom;
    1815         -webkit-font-smoothing: antialiased;
    1816         -moz-osx-font-smoothing: grayscale;
    1817         text-decoration: none !important;
    1818         color: #bbb;
    1819 }
    1820 
    1821 #screen-meta-links a.screen-meta-active:after {
    1822         content: '\f142';
    1823 }
    1824 
    1825 #screen-meta-links a.show-settings:hover {
    1826         text-decoration: none;
    1827 }
    1828 /* end screen options and help tabs */
    1829 
    1830 .toggle-arrow {
    1831         background-repeat: no-repeat;
    1832         background-position: top left;
    1833         background-color: transparent;
    1834         height: 22px;
    1835         line-height: 22px;
    1836         display: block;
    1837 }
    1838 
    1839 .toggle-arrow-active {
    1840         background-position: bottom left;
    1841 }
    1842 
    1843 #screen-options-wrap h5,
    1844 #contextual-help-wrap h5 {
    1845         margin: 8px 0;
    1846         font-size: 13px;
    1847 }
    1848 
    1849 .metabox-prefs label {
    1850         display: inline-block;
    1851         padding-right: 15px;
    1852         line-height: 30px;
    1853 }
    1854 
    1855 .metabox-prefs label input[type=checkbox] {
    1856         margin-top: -4px;
    1857         margin-right: 6px;
    1858 }
    1859 
    1860 .metabox-prefs label input {
    1861         margin: 0 5px 0 2px;
    1862 }
    1863 
    1864 .metabox-prefs .columns-prefs label input {
    1865         margin: 0 2px;
    1866 }
    1867 
    1868 .metabox-prefs label a {
    1869         display: none;
    1870 }
    1871 
    1872 /*------------------------------------------------------------------------------
    1873   6.2 - Help Menu
    1874 ------------------------------------------------------------------------------*/
    1875 
    1876 #contextual-help-wrap {
    1877         padding: 0;
    1878 }
    1879 
    1880 #contextual-help-columns {
    1881         position: relative;
    1882 }
    1883 
    1884 #contextual-help-back {
    1885         position: absolute;
    1886         top: 0;
    1887         bottom: 0;
    1888         left: 150px;
    1889         right: 170px;
    1890         border: 1px solid #e1e1e1;
    1891         border-top: none;
    1892         border-bottom: none;
    1893         background: #f6fbfd;
    1894 }
    1895 
    1896 #contextual-help-wrap.no-sidebar #contextual-help-back {
    1897         right: 0;
    1898 
    1899         border-right-width: 0;
    1900         -webkit-border-bottom-right-radius: 2px;
    1901         border-bottom-right-radius: 2px;
    1902 }
    1903 
    1904 .contextual-help-tabs {
    1905         float: left;
    1906         width: 150px;
    1907         margin: 0;
    1908 }
    1909 
    1910 .contextual-help-tabs ul {
    1911         margin: 1em 0;
    1912 }
    1913 
    1914 .contextual-help-tabs li {
    1915         margin-bottom: 0;
    1916         list-style-type: none;
    1917         border-style: solid;
    1918         border-width: 0 0 0 2px;
    1919         border-color: transparent;
    1920 }
    1921 
    1922 .contextual-help-tabs a {
    1923         display: block;
    1924         padding: 5px 5px 5px 12px;
    1925         line-height: 18px;
    1926         text-decoration: none;
    1927         border: 1px solid transparent;
    1928         border-right: none;
    1929         border-left: none;
    1930 }
    1931 
    1932 .contextual-help-tabs a:hover {
    1933         color: #333;
    1934 }
    1935 
    1936 .contextual-help-tabs .active {
    1937         padding: 0;
    1938         margin: 0 -1px 0 0;
    1939         border-left: 2px solid #2ea2cc;
    1940         background: #f6fbfd;
    1941 
    1942         -webkit-box-shadow: 0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
    1943         box-shadow:         0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
    1944 }
    1945 
    1946 .contextual-help-tabs .active a {
    1947         border-color: #e1e1e1;
    1948         color: #333;
    1949 }
    1950 
    1951 .contextual-help-tabs-wrap {
    1952         padding: 0 20px;
    1953         overflow: auto;
    1954 }
    1955 
    1956 .help-tab-content {
    1957         display: none;
    1958         margin: 0 22px 12px 0;
    1959         line-height: 1.6em;
    1960 }
    1961 
    1962 .help-tab-content.active {
    1963         display: block;
    1964 }
    1965 
    1966 .help-tab-content ul li {
    1967         list-style-type: disc;
    1968         margin-left: 18px;
    1969 }
    1970 
    1971 .contextual-help-sidebar {
    1972         width: 150px;
    1973         float: right;
    1974         padding: 0 8px 0 12px;
    1975         overflow: auto;
    1976 }
    1977 
    1978 
    1979 /*------------------------------------------------------------------------------
    1980   7.0 - Main Navigation (Left Menu)
    1981 ------------------------------------------------------------------------------*/
    1982 
    1983 #adminmenuwrap {
    1984         position: relative;
    1985         float: left;
    1986 }
    1987 
    1988 /* side admin menu */
    1989 #adminmenu * {
    1990         -webkit-user-select: none;
    1991         -moz-user-select: none;
    1992         user-select: none;
    1993 }
    1994 
    1995 #adminmenu li {
    1996         margin: 0;
    1997         padding: 0;
    1998         cursor: pointer;
    1999 }
    2000 
    2001 #adminmenu a {
    2002         display: block;
    2003         line-height: 18px;
    2004         padding: 2px 5px;
    2005         color: #eee;
    2006 }
    2007 
    2008 #adminmenu a:hover,
    2009 #adminmenu li.menu-top > a:focus,
    2010 #adminmenu .wp-submenu a:hover,
    2011 #adminmenu .wp-submenu a:focus {
    2012         color: #2ea2cc;
    2013 }
    2014 
    2015 #adminmenu li.menu-top {
    2016         border: none;
    2017         min-height: 34px;
    2018         position: relative;
    2019 }
    2020 
    2021 #adminmenu .wp-submenu {
    2022         list-style: none;
    2023         position: absolute;
    2024         top: -1000em;
    2025         left: 160px;
    2026         overflow: visible;
    2027         word-wrap: break-word;
    2028 }
    2029 
    2030 #adminmenu .wp-submenu,
    2031 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    2032 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
    2033         padding: 7px 0 8px;
    2034         z-index: 9999;
    2035         background-color: #333;
    2036 
    2037         -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    2038         box-shadow:         0 3px 5px rgba(0,0,0,0.2);
    2039 }
    2040 
    2041 #adminmenu .wp-submenu a,
    2042 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
    2043 .folded #adminmenu .wp-has-current-submenu .wp-submenu a {
    2044         color: #bbb;
    2045 }
    2046 
    2047 #adminmenu .wp-submenu a:hover,
    2048 #adminmenu .wp-submenu a:focus {
    2049         background: none;
    2050 }
    2051 
    2052 .js #adminmenu .sub-open,
    2053 .js #adminmenu .opensub .wp-submenu,
    2054 #adminmenu a.menu-top:focus + .wp-submenu,
    2055 .no-js li.wp-has-submenu:hover .wp-submenu {
    2056         top: -1px;
    2057 }
    2058 
    2059 #adminmenu .wp-has-current-submenu .wp-submenu,
    2060 .no-js li.wp-has-current-submenu:hover .wp-submenu,
    2061 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    2062 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
    2063 #adminmenu .wp-has-current-submenu.opensub .wp-submenu {
    2064         position: relative;
    2065         z-index: 3;
    2066         top: auto;
    2067         left: auto;
    2068         right: auto;
    2069         bottom: auto;
    2070         border: 0 none;
    2071         margin-top: 0;
    2072         -webkit-box-shadow: none;
    2073         box-shadow: none;
    2074         background-color: #333;
    2075 }
    2076 
    2077 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
    2078 #adminmenu li.current a.menu-top,
    2079 .folded #adminmenu li.wp-has-current-submenu,
    2080 .folded #adminmenu li.current.menu-top,
    2081 #adminmenu .wp-menu-arrow,
    2082 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
    2083 #adminmenu .wp-menu-arrow div {
    2084         background: #0074a2;
    2085         color: #fff;
    2086 }
    2087 
    2088 .folded #adminmenu .wp-submenu.sub-open,
    2089 .folded #adminmenu .opensub .wp-submenu,
    2090 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
    2091 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
    2092 .folded #adminmenu a.menu-top:focus + .wp-submenu,
    2093 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
    2094 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
    2095         top: 0;
    2096         left: 36px;
    2097 }
    2098 
    2099 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    2100 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
    2101         position: absolute;
    2102         top: -1000em;
    2103 }
    2104 
    2105 #adminmenu .wp-not-current-submenu .wp-submenu,
    2106 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
    2107         min-width: 160px;
    2108         width: auto;
    2109 }
    2110 
    2111 #adminmenu .wp-submenu a {
    2112         font-size: 13px;
    2113         line-height: 1.2;
    2114         margin: 0;
    2115         padding: 6px 0;
    2116 }
    2117 
    2118 #adminmenu .wp-submenu li.current,
    2119 #adminmenu .wp-submenu li.current a,
    2120 #adminmenu .opensub .wp-submenu li.current a,
    2121 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
    2122 #adminmenu .wp-submenu li.current a:hover,
    2123 #adminmenu .wp-submenu li.current a:focus {
    2124         color: #fff;
    2125 }
    2126 
    2127 #adminmenu .wp-not-current-submenu li > a,
    2128 .folded #adminmenu .wp-has-current-submenu li > a {
    2129         padding-right: 16px;
    2130         padding-left: 14px;
    2131         -moz-transition: all .1s ease-in-out;
    2132         -webkit-transition: all .1s ease-in-out;
    2133         transition: all .1s ease-in-out;
    2134 }
    2135 
    2136 #adminmenu .wp-has-current-submenu ul > li > a,
    2137 .folded #adminmenu li.menu-top .wp-submenu > li > a {
    2138         padding: 6px 12px;
    2139 }
    2140 
    2141 #adminmenu a.menu-top,
    2142 #adminmenu .wp-submenu-head {
    2143         font-size: 14px;
    2144         font-weight: 400;
    2145         line-height: 18px;
    2146         padding: 0;
    2147 }
    2148 
    2149 #adminmenu .wp-submenu-head,
    2150 .folded #adminmenu .wp-menu-name {
    2151         display: none;
    2152 }
    2153 
    2154 .folded #adminmenu .wp-submenu-head {
    2155         display: block;
    2156 }
    2157 
    2158 #adminmenu .wp-submenu li {
    2159         padding: 0;
    2160         margin: 0;
    2161         overflow: hidden;
    2162 }
    2163 
    2164 #adminmenu .wp-menu-image img {
    2165         padding: 9px 0 0 0px;
    2166         opacity: 0.6;
    2167         filter: alpha(opacity=60);
    2168 }
    2169 
    2170 #adminmenu div.wp-menu-name {
    2171         padding: 8px 0;
    2172 }
    2173 
    2174 #adminmenu div.wp-menu-image {
    2175         float: left;
    2176         width: 36px;
    2177         height: 30px;
    2178         margin: 0;
    2179         text-align: center;
    2180 }
    2181 
    2182 #adminmenu div.wp-menu-image.svg {
    2183         background-repeat: no-repeat;
    2184         background-position: center;
    2185         background-size: 20px auto;
    2186 }
    2187 
    2188 div.wp-menu-image:before {
    2189         font: normal 20px/1 'dashicons' !important;
    2190         speak: none;
    2191         color: #999;
    2192         padding: 8px 0;
    2193         height: 36px;
    2194         width: 20px;
    2195         display: inline-block;
    2196         -webkit-font-smoothing: antialiased;
    2197         -moz-osx-font-smoothing: grayscale;
    2198         -moz-transition: all .1s ease-in-out;
    2199         -webkit-transition: all .1s ease-in-out;
    2200         transition: all .1s ease-in-out;
    2201 }
    2202 
    2203 #adminmenu div.wp-menu-image:before {
    2204         color: #999;
    2205 }
    2206 
    2207 #adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
    2208 #adminmenu .wp-has-current-submenu div.wp-menu-image:before,
    2209 #adminmenu .current div.wp-menu-image:before,
    2210 #adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
    2211 #adminmenu a.current:hover div.wp-menu-image:before {
    2212         color: #fff;
    2213 }
    2214 
    2215 #adminmenu li:hover div.wp-menu-image:before {
    2216         color: #2ea2cc;
    2217 }
    2218 
    2219 .folded #adminmenu div.wp-menu-image {
    2220         width: 35px;
    2221         height: 30px;
    2222         position: absolute;
    2223         z-index: 25;
    2224 }
    2225 
    2226 .folded #adminmenu a.menu-top {
    2227         height: 34px;
    2228 }
    2229 
    2230 /* No @font-face support */
    2231 .no-font-face #adminmenu .wp-menu-image {
    2232         display: none;
    2233 }
    2234 
    2235 .no-font-face #adminmenu div.wp-menu-name {
    2236         padding: 8px 12px;
    2237 }
    2238 
    2239 .no-font-face.auto-fold #adminmenu .wp-menu-name {
    2240         margin-left: 0;
    2241 }
    2242 /* End no @font-face support */
    2243 
    2244 /* Sticky admin menu */
    2245 .sticky-menu #adminmenuwrap {
    2246         position: fixed;
    2247         z-index: 99; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */
    2248 }
    2249 
    2250 /* A new arrow */
    2251 
    2252 .wp-menu-arrow {
    2253         display: none !important;
    2254 }
    2255 
    2256 ul#adminmenu a.wp-has-current-submenu {
    2257         position: relative;
    2258 }
    2259 
    2260 ul#adminmenu a.wp-has-current-submenu:after,
    2261 ul#adminmenu > li.current > a.current:after {
    2262         right: 0;
    2263         border: solid 8px transparent;
    2264         content: " ";
    2265         height: 0;
    2266         width: 0;
    2267         position: absolute;
    2268         pointer-events: none;
    2269         border-right-color: #f1f1f1;
    2270         top: 50%;
    2271         margin-top: -8px;
    2272 }
    2273 
    2274 .folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
    2275         display: none;
    2276 }
    2277 
    2278 .folded ul#adminmenu a.wp-has-current-submenu:after,
    2279 .folded ul#adminmenu > li a.current:after {
    2280         border-width: 4px;
    2281         margin-top: -4px;
    2282 }
    2283 
    2284 /* flyout menu arrow */
    2285 #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
    2286         right: 0;
    2287         border: solid transparent;
    2288         content: " ";
    2289         height: 0;
    2290         width: 0;
    2291         position: absolute;
    2292         pointer-events: none;
    2293         border-width: 8px;
    2294         top: 10px;
    2295         z-index: 10000;
    2296 }
    2297 
    2298 .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
    2299         border-width: 4px;
    2300         margin-top: -4px;
    2301         top: 18px;
    2302 }
    2303 
    2304 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
    2305         border-right-color: #333;
    2306 }
    2307 
    2308 /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
    2309 #adminmenu li.menu-top:hover,
    2310 #adminmenu li.opensub > a.menu-top,
    2311 #adminmenu li > a.menu-top:focus {
    2312         position: relative;
    2313         background-color: #111;
    2314 }
    2315 
    2316 .folded #adminmenu li.menu-top:hover,
    2317 .folded #adminmenu li.opensub > a.menu-top,
    2318 .folded #adminmenu li > a.menu-top:focus {
    2319         z-index: 10000;
    2320 }
    2321 
    2322 #adminmenu li.menu-top:hover .wp-menu-image img,
    2323 #adminmenu li.wp-has-current-submenu .wp-menu-image img {
    2324         opacity: 1;
    2325         filter: alpha(opacity=100);
    2326 }
    2327 
    2328 #adminmenu li.wp-menu-separator {
    2329         height: 5px;
    2330         padding: 0;
    2331         margin: 0 0 6px 0;
    2332         cursor: inherit;
    2333 }
    2334 
    2335 /* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
    2336 #adminmenu div.separator {
    2337         height: 2px;
    2338         padding: 0;
    2339 }
    2340 
    2341 #adminmenu .wp-submenu .wp-submenu-head {
    2342         color: #fff;
    2343         font-weight: 400;
    2344         font-size: 14px;
    2345         padding: 8px 4px 8px 11px;
    2346         margin: -7px 0px 4px;
    2347 }
    2348 
    2349 #adminmenu li.current,
    2350 .folded #adminmenu li.wp-menu-open {
    2351         border: 0 none;
    2352 }
    2353 
    2354 #adminmenu .awaiting-mod,
    2355 #adminmenu span.update-plugins,
    2356 #sidemenu li a span.update-plugins {
    2357         display: inline-block;
    2358         background-color: #d54e21;
    2359         color: #fff;
    2360         font-size: 9px;
    2361         line-height: 17px;
    2362         font-weight: 600;
    2363         margin: 1px 0 0 2px;
    2364         vertical-align: top;
    2365         -webkit-border-radius: 10px;
    2366         border-radius: 10px;
    2367         z-index: 26;
    2368 }
    2369 
    2370 #adminmenu li .awaiting-mod span,
    2371 #adminmenu li span.update-plugins span,
    2372 #sidemenu li a span.update-plugins span {
    2373         display: block;
    2374         padding: 0 6px;
    2375 }
    2376 
    2377 #adminmenu li.current a .awaiting-mod,
    2378 #adminmenu      li a.wp-has-current-submenu .update-plugins {
    2379         background-color: #2ea2cc;
    2380         color: #fff;
    2381 }
    2382 
    2383 #adminmenu li span.count-0,
    2384 #sidemenu li a .count-0 {
    2385         display: none;
    2386 }
    2387 
    2388 #collapse-menu {
    2389         font-size: 13px;
    2390         line-height: 34px;
    2391         margin-top: 10px;
    2392         color: #aaa;
    2393         -webkit-transition: all .1s ease-in-out;
    2394         -moz-transition:    all .1s ease-in-out;
    2395         transition:         all .1s ease-in-out;
    2396 }
    2397 
    2398 #collapse-menu:hover,
    2399 #collapse-menu:hover #collapse-button div:after {
    2400         color: #2ea2cc;
    2401 }
    2402 
    2403 .folded #collapse-menu span {
    2404         display: none;
    2405 }
    2406 
    2407 #collapse-button,
    2408 #collapse-button div {
    2409         width: 15px;
    2410         height: 15px;
    2411 }
    2412 
    2413 #collapse-button {
    2414         float: left;
    2415         height: 15px;
    2416         margin: 10px 8px 10px 11px;
    2417         width: 15px;
    2418 
    2419         -webkit-border-radius: 10px;
    2420         border-radius: 10px;
    2421 }
    2422 
    2423 #wpwrap #collapse-button div {
    2424         padding: 0;
    2425 }
    2426 
    2427 #collapse-button div:after {
    2428         content: '\f148';
    2429         display: block;
    2430         line-height: 15px;
    2431         left: -3px;
    2432         top: -3px;
    2433         color: #aaa;
    2434         font: normal 20px/1 'dashicons' !important;
    2435         speak: none;
    2436         margin: 0 auto;
    2437         padding: 0 !important;
    2438         position: relative;
    2439         text-align: center;
    2440         width: 20px;
    2441         -moz-transition: all .1s ease-in-out;
    2442         -webkit-transition: all .1s ease-in-out;
    2443         transition: all .1s ease-in-out;
    2444 
    2445         -webkit-font-smoothing: antialiased;
    2446         -moz-osx-font-smoothing: grayscale;
    2447 }
    2448 
    2449 .folded #collapse-button div:after,
    2450 .rtl #collapse-button div:after {
    2451         -ms-transform: rotate(180deg);
    2452         -webkit-transform: rotate(180deg);
    2453         transform: rotate(180deg);
    2454 }
    2455 
    2456 .rtl.folded #collapse-button div:after {
    2457         -ms-transform: none;
    2458         -webkit-transform: none;
    2459         transform: none;
    2460 }
    2461 
    2462 /* Auto-folding of the admin menu */
    2463 @media only screen and (max-width: 900px) {
    2464         .auto-fold #wpcontent,
    2465         .auto-fold #wpfooter {
    2466                 margin-left: 56px;
    2467         }
    2468 
    2469         .auto-fold #adminmenuback,
    2470         .auto-fold #adminmenuwrap,
    2471         .auto-fold #adminmenu,
    2472         .auto-fold #adminmenu li.menu-top {
    2473                 width: 36px;
    2474         }
    2475 
    2476         .auto-fold #adminmenu .wp-submenu.sub-open,
    2477         .auto-fold #adminmenu .opensub .wp-submenu,
    2478         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
    2479         .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
    2480         .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
    2481         .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
    2482                 top: 0px;
    2483                 left: 36px;
    2484         }
    2485 
    2486         .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    2487         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    2488                 position: absolute;
    2489                 top: -1000em;
    2490                 margin-right: -1px;
    2491                 padding: 7px 0 8px;
    2492                 z-index: 9999;
    2493         }
    2494 
    2495         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    2496                 min-width: 150px;
    2497                 width: auto;
    2498         }
    2499 
    2500         .auto-fold #adminmenu .wp-has-current-submenu li > a {
    2501                 padding-right: 16px;
    2502                 padding-left: 14px;
    2503         }
    2504 
    2505 
    2506         .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
    2507                 padding-left: 12px;
    2508         }
    2509 
    2510         .auto-fold #adminmenu .wp-menu-name {
    2511                 display: none;
    2512         }
    2513 
    2514         .auto-fold #adminmenu .wp-submenu-head {
    2515                 display: block;
    2516         }
    2517 
    2518         .auto-fold #adminmenu div.wp-menu-image {
    2519                 height: 30px;
    2520                 width: 34px;
    2521                 position: absolute;
    2522                 z-index: 25;
    2523         }
    2524 
    2525         .auto-fold #adminmenu a.menu-top {
    2526                 height: 34px;
    2527         }
    2528 
    2529         .auto-fold #adminmenu li.wp-menu-open {
    2530                 border: 0 none;
    2531         }
    2532 
    2533         .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
    2534                 margin-bottom: 0;
    2535         }
    2536 
    2537         .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
    2538                 display: none;
    2539         }
    2540 
    2541         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
    2542                 border-width: 4px;
    2543                 margin-top: -4px;
    2544                 top: 16px;
    2545         }
    2546 
    2547         .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
    2548         .auto-fold ul#adminmenu > li a.current:after {
    2549                 border-width: 4px;
    2550                 margin-top: -4px;
    2551         }
    2552 
    2553         .auto-fold #adminmenu li.menu-top:hover,
    2554         .auto-fold #adminmenu li.opensub > a.menu-top,
    2555         .auto-fold #adminmenu li > a.menu-top:focus {
    2556                 z-index: 10000;
    2557         }
    2558 
    2559         .auto-fold #collapse-menu span {
    2560                 display: none;
    2561         }
    2562 
    2563         .auto-fold #collapse-button div {
    2564                 background: none;
    2565         }
    2566 
    2567         .auto-fold #collapse-button div:after {
    2568                 -ms-transform: rotate(180deg);
    2569                 -webkit-transform: rotate(180deg);
    2570                 transform: rotate(180deg);
    2571         }
    2572 
    2573         .rtl.auto-fold #collapse-button div:after {
    2574                 -ms-transform: none;
    2575                 -webkit-transform: none;
    2576                 transform: none;
    2577         }
    2578 
    2579 }
    2580 
    2581 /* List table styles */
    2582 .post-com-count-wrapper {
    2583         min-width: 22px;
    2584 }
    2585 
    2586 .post-com-count {
    2587         background: none;
    2588         height: 1.3em;
    2589         line-height: 1.1em;
    2590         display: block;
    2591         text-decoration: none;
    2592         padding: 0 0 6px;
    2593         cursor: pointer;
    2594         background-position: center -80px;
    2595         background-repeat: no-repeat;
    2596         color: #fff;
    2597 }
    2598 
    2599 .post-com-count:after {         /* draw bubble connector using CSS! */
    2600         content: "";
    2601         display: block;
    2602         width: 0;
    2603         height: 0;
    2604         margin-left: 8px;
    2605         border-top: 5px solid #bbb;
    2606         border-right: 5px solid transparent;
    2607 }
    2608 
    2609 .post-com-count span {
    2610         font-size: 11px;
    2611         font-weight: 600;
    2612         height: 1.4em;
    2613         line-height: 1.4em;
    2614         min-width: 0.7em;
    2615         padding: 0 6px;
    2616         display: inline-block;
    2617         -webkit-border-radius: 5px;
    2618         border-radius: 5px;
    2619         background-color: #bbb;
    2620         color: #fff;
    2621 }
    2622 
    2623 .post-com-count:hover {
    2624         background-position: center -3px;
    2625 }
    2626 
    2627 .post-com-count:hover span {
    2628         background-color: #2ea2cc;
    2629 }
    2630 
    2631 .post-com-count:hover:after {
    2632         border-top: 5px solid #2ea2cc;
    2633 }
    2634 
    2635 strong .post-com-count {
    2636         background-position: center -55px;
    2637 }
    2638 
    2639 strong .post-com-count span {
    2640         background-color: #0074a2;
    2641 }
    2642 
    2643 strong .post-com-count:after {
    2644         border-top: 5px solid #0074a2;
    2645 }
    2646 
    2647 .column-response .post-com-count {
    2648         float: left;
    2649         margin-right: 5px;
    2650         text-align: center;
    2651 }
    2652 
    2653 .response-links {
    2654         float: left;
    2655 }
    2656 
    2657 #the-comment-list .attachment-80x60 {
    2658         padding: 4px 8px;
    2659 }
    2660 
    2661 th .comment-grey-bubble {
    2662         height: 16px;
    2663         width: 16px;
    2664 }
    2665 
    2666 th .comment-grey-bubble:before {
    2667         content: '\f101';
    2668         font: normal 20px/.5 'dashicons';
    2669         speak: none;
    2670         display: inline-block;
    2671         padding: 0;
    2672         top: 4px;
    2673         left: -4px;
    2674         position: relative;
    2675         vertical-align: top;
    2676         -webkit-font-smoothing: antialiased;
    2677         -moz-osx-font-smoothing: grayscale;
    2678         text-decoration: none !important;
    2679         color: #444;
    2680 }
    2681 
    2682 /*------------------------------------------------------------------------------
    2683   8.0 - Layout Blocks
    2684 ------------------------------------------------------------------------------*/
    2685 
    2686 html.wp-toolbar {
    2687         padding-top: 32px;
    2688         -webkit-box-sizing: border-box;
    2689         -moz-box-sizing: border-box;
    2690         box-sizing: border-box;
    2691 }
    2692 
    2693 .narrow {
    2694         width: 70%;
    2695         margin-bottom: 40px;
    2696 }
    2697 
    2698 .narrow p {
    2699         line-height: 150%;
    2700 }
    2701 
    2702 .widefat th,
    2703 .widefat td {
    2704         overflow: hidden;
    2705         color: #555;
    2706 }
    2707 
    2708 .widefat th {
    2709         font-weight: normal;
    2710 }
    2711 
    2712 .widefat thead tr th,
    2713 .widefat tfoot tr th {
    2714         color: #333;
    2715 }
    2716 
    2717 .widefat td p {
    2718         margin: 2px 0 0.8em;
    2719 }
    2720 
    2721 .widefat p,
    2722 .widefat ol,
    2723 .widefat ul {
    2724         color: #333;
    2725 }
    2726 
    2727 .widefat .column-comment p {
    2728         margin: 0.6em 0;
    2729 }
    2730 
    2731 /* Screens with postboxes */
    2732 .postbox-container {
    2733         float: left;
    2734 }
    2735 
    2736 #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
    2737         width: 100%;
    2738 }
    2739 
    2740 #wpbody-content #dashboard-widgets.columns-2 .postbox-container {
    2741         width: 49.5%;
    2742 }
    2743 
    2744 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
    2745 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
    2746 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
    2747         float: right;
    2748         width: 50.5%;
    2749 }
    2750 
    2751 #wpbody-content #dashboard-widgets.columns-3 .postbox-container {
    2752         width: 33.5%;
    2753 }
    2754 
    2755 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
    2756         width: 33%;
    2757 }
    2758 
    2759 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
    2760 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
    2761         float: right;
    2762 }
    2763 
    2764 #wpbody-content #dashboard-widgets.columns-4 .postbox-container {
    2765         width: 25%;
    2766 }
    2767 
    2768 .postbox-container .meta-box-sortables {
    2769         -moz-box-sizing: border-box;
    2770         -webkit-box-sizing: border-box;
    2771         -ms-box-sizing: border-box;
    2772         box-sizing: border-box;
    2773 }
    2774 
    2775 .metabox-holder .postbox-container .empty-container {
    2776         border: 3px dashed #bbb;
    2777         height: 250px;
    2778 }
    2779 
    2780 .metabox-holder.columns-1 .postbox-container .empty-container,
    2781 .columns-2 #postbox-container-3 .empty-container,
    2782 .columns-2 #postbox-container-4 .empty-container,
    2783 .columns-3 #postbox-container-4 .empty-container {
    2784         border: 0 none;
    2785         height: 0;
    2786         min-height: 0;
    2787 }
    2788 
    2789 .ie8 #wpbody-content #dashboard-widgets .postbox-container {
    2790         width: 49.5%;
    2791 }
    2792 
    2793 .ie8 #wpbody-content #dashboard-widgets #postbox-container-2,
    2794 .ie8 #wpbody-content #dashboard-widgets #postbox-container-3,
    2795 .ie8 #wpbody-content #dashboard-widgets #postbox-container-4 {
    2796         float: right;
    2797         width: 50.5%;
    2798 }
    2799 
    2800 .ie8 #dashboard-widgets #postbox-container-3 .empty-container,
    2801 .ie8 #dashboard-widgets #postbox-container-4 .empty-container {
    2802         border: 0 none;
    2803         height: 0;
    2804         min-height: 0;
    2805 }
    2806 
    2807 #poststuff {
    2808         padding-top: 10px;
    2809         min-width: 763px;
    2810 }
    2811 
    2812 #poststuff #post-body {
    2813         padding: 0;
    2814 }
    2815 
    2816 #post-body-content {
    2817         width: 100%;
    2818         min-width: 463px;
    2819         float: left;
    2820 }
    2821 
    2822 #poststuff .postbox-container {
    2823         width: 100%;
    2824 }
    2825 
    2826 #poststuff #post-body.columns-2 {
    2827         margin-right: 300px;
    2828 }
    2829 
    2830 #post-body.columns-2 #postbox-container-1 {
    2831         float: right;
    2832         margin-right: -300px;
    2833         width: 280px;
    2834 }
    2835 
    2836 #post-body.columns-2 #side-sortables {
    2837         min-height: 250px;
    2838 }
    2839 
    2840 #dashboard-widgets .postbox-container {
    2841         width: 25%;
    2842 }
    2843 
    2844 #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
    2845         border: none !important;
    2846 }
    2847 
    2848 #dashboard-widgets-wrap {
    2849         overflow: hidden;
    2850 }
    2851 
    2852 /* one column on the dash */
    2853 @media only screen and (max-width: 799px) {
    2854         #wpbody-content #dashboard-widgets .postbox-container {
    2855                 width: 100%;
    2856         }
    2857 
    2858         #wpbody-content .metabox-holder .postbox-container .empty-container {
    2859                 border: 0 none;
    2860                 height: 0;
    2861                 min-height: 0;
    2862         }
    2863 }
    2864 
    2865 /* two columns on the dash, but keep the setting if one is selected */
    2866 @media only screen and (min-width: 800px) and (max-width: 1499px) {
    2867         #wpbody-content #dashboard-widgets .postbox-container {
    2868                 width: 49.5%;
    2869         }
    2870 
    2871         #wpbody-content #dashboard-widgets #postbox-container-2,
    2872         #wpbody-content #dashboard-widgets #postbox-container-3,
    2873         #wpbody-content #dashboard-widgets #postbox-container-4 {
    2874                 float: right;
    2875                 width: 50.5%;
    2876         }
    2877 
    2878         #dashboard-widgets #postbox-container-3 .empty-container,
    2879         #dashboard-widgets #postbox-container-4 .empty-container {
    2880                 border: 0 none;
    2881                 height: 0;
    2882                 min-height: 0;
    2883         }
    2884 
    2885         #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
    2886                 width: 100%;
    2887         }
    2888 
    2889         #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
    2890                 border: 0 none;
    2891                 height: 0;
    2892                 min-height: 0;
    2893         }
    2894 
    2895         /* show the radio buttons for column prefs only for one or two columns */
    2896         .index-php .screen-layout,
    2897         .index-php .columns-prefs {
    2898                 display: block;
    2899         }
    2900 
    2901         .columns-prefs .columns-prefs-3,
    2902         .columns-prefs .columns-prefs-4 {
    2903                 display: none;
    2904         }
    2905 }
    2906 
    2907 /* three columns on the dash */
    2908 @media only screen and (min-width: 1500px) and (max-width: 1800px) {
    2909         #wpbody-content #dashboard-widgets .postbox-container {
    2910                 width: 33.5%;
    2911         }
    2912 
    2913         #wpbody-content #dashboard-widgets #postbox-container-1 {
    2914                 width: 33%;
    2915         }
    2916 
    2917         #wpbody-content #dashboard-widgets #postbox-container-3,
    2918         #wpbody-content #dashboard-widgets #postbox-container-4 {
    2919                 float: right;
    2920         }
    2921 
    2922         #dashboard-widgets #postbox-container-4 .empty-container {
    2923                 border: 0 none;
    2924                 height: 0;
    2925                 min-height: 0;
    2926         }
    2927 }
    2928 
    2929 /* one column on the post write/edit screen */
    2930 @media only screen and (max-width: 850px) {
    2931         #poststuff {
    2932                 min-width: 0;
    2933         }
    2934 
    2935         #wpbody-content #poststuff #post-body {
    2936                 margin: 0;
    2937         }
    2938 
    2939         #wpbody-content #post-body.columns-2 #postbox-container-1 {
    2940                 margin-right: 0;
    2941                 width: 100%;
    2942         }
    2943 
    2944         #poststuff #postbox-container-1 .empty-container,
    2945         #poststuff #postbox-container-1 #side-sortables:empty {
    2946                 border: 0 none;
    2947                 height: 0;
    2948                 min-height: 0;
    2949         }
    2950 
    2951         #poststuff #post-body.columns-2 #side-sortables {
    2952                 min-height: 0;
    2953         }
    2954 
    2955         /* hide the radio buttons for column prefs */
    2956         .screen-layout,
    2957         .columns-prefs {
    2958                 display: none;
    2959         }
    2960 }
    2961 
    2962 .js .postbox .hndle {
    2963         cursor: move;
    2964 }
    2965 
    2966 .hndle a {
    2967         font-size: 11px;
    2968         font-weight: normal;
    2969 }
    2970 
    2971 .postbox .handlediv {
    2972         float: right;
    2973         width: 27px;
    2974         height: 30px;
    2975 }
    2976 
    2977 .js .postbox .handlediv {
    2978         cursor: pointer;
    2979 }
    2980 
    2981 .sortable-placeholder {
    2982         border: 1px dashed #bbb;
    2983         margin-bottom: 20px;
    2984 }
    2985 
    2986 .postbox,
    2987 .stuffbox {
    2988         margin-bottom: 20px;
    2989         padding: 0;
    2990         line-height: 1;
    2991 }
    2992 
    2993 .postbox h3,
    2994 .stuffbox h3 {
    2995         margin-top: 1px;
    2996         -webkit-user-select: none;
    2997         -moz-user-select: none;
    2998         user-select: none;
    2999 }
    3000 
    3001 .js .widget .widget-top,
    3002 .js .postbox h3 {
    3003         cursor: move;
    3004 }
    3005 
    3006 .postbox .inside,
    3007 .stuffbox .inside {
    3008         padding: 0 12px 12px;
    3009         line-height: 1.4em;
    3010         font-size: 13px;
    3011 }
    3012 
    3013 .postbox .inside {
    3014         margin: 11px 0;
    3015         position: relative;
    3016 }
    3017 
    3018 #dashboard-widgets .postbox .inside {
    3019         margin-bottom: 0;
    3020 }
    3021 
    3022 .postbox .inside > p:last-child,
    3023 .rss-widget ul li:last-child {
    3024         margin-bottom: 1px !important;
    3025 }
    3026 
    3027 .postbox.closed h3 {
    3028         border: none;
    3029         -webkit-box-shadow: none;
    3030         box-shadow: none;
    3031 }
    3032 
    3033 .postbox table.form-table {
    3034         margin-bottom: 0;
    3035 }
    3036 
    3037 .postbox table.widefat {
    3038         -webkit-box-shadow: none;
    3039         box-shadow: none;
    3040 }
    3041 
    3042 .temp-border {
    3043         border: 1px dotted #ccc;
    3044 }
    3045 
    3046 .columns-prefs label {
    3047         padding: 0 5px;
    3048 }
    3049 
    3050 
    3051 /*------------------------------------------------------------------------------
    3052   9.0 - Dashboard
    3053 ------------------------------------------------------------------------------*/
    3054 
    3055 #dashboard-widgets-wrap {
    3056         margin: 0 -8px;
    3057 }
    3058 
    3059 #wpbody-content .metabox-holder {
    3060         padding-top: 10px;
    3061 }
    3062 
    3063 #dashboard-widgets .meta-box-sortables {
    3064         margin: 0 8px;
    3065         min-height: 100px;
    3066 }
    3067 
    3068 h3.dashboard-widget-title,
    3069 h3.dashboard-widget-title span,
    3070 h3.dashboard-widget-title small {
    3071         color: #333;
    3072 }
    3073 
    3074 h3.dashboard-widget-title small a {
    3075         color: #d7d7d7;
    3076 }
    3077 
    3078 h3.dashboard-widget-title small a:hover {
    3079         color: #fff;
    3080 }
    3081 
    3082 #the-comment-list td.comment p.comment-author {
    3083         margin-top: 0;
    3084         margin-left: 0;
    3085 }
    3086 
    3087 #the-comment-list p.comment-author img {
    3088         float: left;
    3089         margin-right: 8px;
    3090 }
    3091 
    3092 #the-comment-list p.comment-author strong a {
    3093         border: none;
    3094 }
    3095 
    3096 #the-comment-list td {
    3097         vertical-align: top;
    3098 }
    3099 
    3100 #the-comment-list td.comment {
    3101         word-wrap: break-word;
    3102 }
    3103 
    3104 /* Welcome Panel */
    3105 .welcome-panel {
    3106         position: relative;
    3107         overflow: auto;
    3108         margin: 16px 0;
    3109         padding: 23px 10px 0;
    3110         border: 1px solid #e5e5e5;
    3111         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    3112         box-shadow:         0 1px 1px rgba(0,0,0,0.04);
    3113         background: #fff;
    3114         font-size: 13px;
    3115         line-height: 2.1em;
    3116 }
    3117 
    3118 .welcome-panel h3 {
    3119         margin: 0;
    3120         font-size: 21px;
    3121         font-weight: normal;
    3122         line-height: 1.2;
    3123 }
    3124 
    3125 .welcome-panel h4 {
    3126         margin: 1.33em 0 0;
    3127         font-size: 16px;
    3128 }
    3129 
    3130 .welcome-panel li {
    3131         font-size: 14px;
    3132 }
    3133 
    3134 .welcome-panel p {
    3135         color: #777;
    3136 }
    3137 
    3138 .welcome-panel a {
    3139         text-decoration: none;
    3140 }
    3141 
    3142 .welcome-panel .about-description {
    3143         font-size: 16px;
    3144         margin: 0;
    3145 }
    3146 
    3147 .welcome-panel .welcome-panel-close {
    3148         position: absolute;
    3149         top: 5px;
    3150         right: 10px;
    3151         padding: 20px 15px 0 3px;
    3152         font-size: 13px;
    3153         text-decoration: none;
    3154         line-height: 1;
    3155 }
    3156 
    3157 #welcome-panel.welcome-panel .welcome-panel-close::before,
    3158 .tagchecklist span a:before,
    3159 #bulk-titles div a:before {
    3160         background: none;
    3161         color: #bbb;
    3162         content: '\f153';
    3163         display: block !important;
    3164         font: normal 16px/1 'dashicons';
    3165         speak: none;
    3166         height: 20px;
    3167         margin: 2px 0;
    3168         text-align: center;
    3169         width: 20px;
    3170         -webkit-font-smoothing: antialiased !important;
    3171 }
    3172 
    3173 #welcome-panel.welcome-panel .welcome-panel-close:hover:before,
    3174 .tagchecklist span a:hover:before,
    3175 #bulk-titles div a:hover:before {
    3176         color: #c00;
    3177 }
    3178 
    3179 #welcome-panel.welcome-panel .welcome-panel-close::before {
    3180         position: absolute;
    3181         left: -18px;
    3182         margin-top: -2px;
    3183         -webkit-transition: all .1s ease-in-out;
    3184         -moz-transition:    all .1s ease-in-out;
    3185         transition:         all .1s ease-in-out;
    3186 }
    3187 
    3188 .wp-core-ui .welcome-panel .button.button-hero {
    3189         margin: 15px 0 3px;
    3190 }
    3191 
    3192 .welcome-panel-content {
    3193         margin-left: 13px;
    3194         max-width: 1500px;
    3195 }
    3196 
    3197 .welcome-panel .welcome-panel-column-container {
    3198         clear: both;
    3199         overflow: hidden;
    3200         position: relative;
    3201 }
    3202 
    3203 .welcome-panel .welcome-panel-column {
    3204         width: 32%;
    3205         min-width: 200px;
    3206         float: left;
    3207 }
    3208 
    3209 .ie8 .welcome-panel .welcome-panel-column {
    3210         min-width: 230px;
    3211 }
    3212 
    3213 .welcome-panel .welcome-panel-column:first-child {
    3214         width: 36%;
    3215 }
    3216 
    3217 .welcome-panel-column p.hide-if-no-customize {
    3218         margin-top: 10px;
    3219 }
    3220 
    3221 .welcome-panel-column p {
    3222         margin-top: 7px;
    3223         color: #464646;
    3224 }
    3225 
    3226 .welcome-panel .welcome-icon {
    3227         display: block;
    3228         padding: 0 0 8px;
    3229         background: transparent !important;
    3230 }
    3231 
    3232 .welcome-panel .welcome-icon:before {
    3233         color: #888;
    3234         font: normal 20px/1 'dashicons';
    3235         speak: none;
    3236         display: inline-block;
    3237         padding: 0 10px 0 0;
    3238         top: -1px;
    3239         position: relative;
    3240         -webkit-font-smoothing: antialiased;
    3241         -moz-osx-font-smoothing: grayscale;
    3242         text-decoration: none !important;
    3243         vertical-align: top;
    3244 }
    3245 
    3246 .welcome-panel .welcome-write-blog:before,
    3247 .welcome-panel .welcome-edit-page:before {
    3248         content:'\f119';
    3249         top: -3px;
    3250 }
    3251 
    3252 .welcome-panel .welcome-add-page:before {
    3253         content:'\f132';
    3254 }
    3255 
    3256 .welcome-panel .welcome-view-site:before {
    3257         content:'\f115';
    3258         top: -2px;
    3259 }
    3260 
    3261 .welcome-panel .welcome-widgets-menus:before {
    3262         content:'\f116';
    3263         top: -2px;
    3264 }
    3265 
    3266 .welcome-panel .welcome-comments:before {
    3267         content:'\f117';
    3268         top: -1px;
    3269 }
    3270 
    3271 .welcome-panel .welcome-learn-more:before {
    3272         content:'\f118';
    3273         top: -1px;
    3274 }
    3275 
    3276 .welcome-panel .welcome-widgets-menus {
    3277         line-height: 16px;
    3278 }
    3279 
    3280 .welcome-panel .welcome-panel-column ul {
    3281         margin: 0.8em 1em 1em 0;
    3282 }
    3283 
    3284 .welcome-panel .welcome-panel-column li {
    3285         line-height: 16px;
    3286         list-style-type: none;
    3287 }
    3288 
    3289 /* Dashboard WordPress news */
    3290 
    3291 #dashboard_primary .inside {
    3292         margin: 0;
    3293         padding: 0;
    3294 }
    3295 
    3296 #dashboard_primary .widget-loading,
    3297 #dashboard_primary .dashboard-widget-control-form {
    3298         padding: 12px 12px 0;
    3299 }
    3300 
    3301 body #dashboard-widgets .postbox form .submit {
    3302         margin: 0;
    3303 }
    3304 
    3305 .dashboard-widget-control-form {
    3306         overflow: hidden;
    3307 }
    3308 
    3309 .dashboard-widget-control-form p {
    3310         margin-top: 0;
    3311 }
    3312 
    3313 /* @todo: are these actually used anywhere? no non-CSS results in plugin search */
    3314 div.dashboard-widget-error {
    3315         background-color: #c43;
    3316 }
    3317 
    3318 div.dashboard-widget-notice {
    3319         background-color: #cfe1ef;
    3320 }
    3321 
    3322 .rssSummary {
    3323         color: #777;
    3324         margin-top: 4px;
    3325 }
    3326 
    3327 #dashboard_primary .rss-widget {
    3328         border-bottom: 1px solid #eee;
    3329         font-size: 13px;
    3330         padding: 8px 12px 10px;
    3331 }
    3332 
    3333 #dashboard_primary .rss-widget:last-child {
    3334         border-bottom: none;
    3335         padding-bottom: 8px;
    3336 }
    3337 
    3338 #dashboard_primary .rss-widget a {
    3339         font-weight: normal;
    3340 }
    3341 
    3342 #dashboard_primary .rss-widget span,
    3343 #dashboard_primary .rss-widget span.rss-date {
    3344         color: #777;
    3345 }
    3346 
    3347 #dashboard_primary .rss-widget span.rss-date {
    3348         margin-left: 12px;
    3349 }
    3350 
    3351 #dashboard_primary .rss-widget ul li {
    3352         margin-bottom: 8px;
    3353 }
    3354 
    3355 /* Dashboard right now */
    3356 
    3357 #dashboard_right_now ul {
    3358         margin: 0;
    3359         overflow: hidden;
    3360 }
    3361 
    3362 #dashboard_right_now li {
    3363         width: 50%;
    3364         float: left;
    3365         margin-bottom: 10px;
    3366 }
    3367 
    3368 #dashboard_right_now .inside {
    3369         overflow: hidden;
    3370         padding: 0;
    3371 }
    3372 
    3373 #dashboard_right_now .main {
    3374         padding: 0 12px 11px;
    3375 }
    3376 
    3377 #dashboard_right_now .main p {
    3378         margin: 0;
    3379 }
    3380 
    3381 .mu-storage {
    3382         overflow: hidden;
    3383 }
    3384 
    3385 #dashboard-widgets h4.mu-storage {
    3386         margin-bottom: 10px;
    3387 }
    3388 
    3389 /* Dashboard right now - Colors */
    3390 
    3391 #dashboard_right_now li a:before,
    3392 #dashboard_right_now li span:before {
    3393         color: #888;
    3394 }
    3395 
    3396 #dashboard_right_now .sub {
    3397         color: #777;
    3398         background: #f5f5f5;
    3399         border-top: 1px solid #eee;
    3400         padding: 10px 12px 6px 12px;
    3401 }
    3402 
    3403 #dashboard_right_now .sub h4 {
    3404         color: #555;
    3405 }
    3406 
    3407 #dashboard_right_now .sub p {
    3408         margin: 0 0 1em;
    3409 }
    3410 
    3411 #dashboard_right_now .warning a:before,
    3412 #dashboard_right_now .warning span:before {
    3413         color: #d54e21;
    3414 }
    3415 
    3416 /* Dashboard right now - Icons */
    3417 #dashboard_right_now li a:before,
    3418 #dashboard_right_now li span:before {
    3419         content: '\f159';
    3420         font: normal 20px/1 'dashicons';
    3421         speak: none;
    3422         display: block;
    3423         float: left;
    3424         margin: 0 5px 0 0;
    3425         padding: 0;
    3426         text-indent: 0;
    3427         text-align: center;
    3428         position: relative;
    3429         -webkit-font-smoothing: antialiased;
    3430         text-decoration: none !important;
    3431 }
    3432 
    3433 #dashboard_right_now .page-count a:before,
    3434 #dashboard_right_now .page-count span:before {
    3435         content: '\f105';
    3436 }
    3437 
    3438 #dashboard_right_now .post-count a:before,
    3439 #dashboard_right_now .post-count span:before {
    3440         content: '\f109';
    3441 }
    3442 
    3443 #dashboard_right_now .comment-count a:before {
    3444         content: '\f101';
    3445 }
    3446 
    3447 #dashboard_right_now .comment-mod-count a:before {
    3448         content: '\f125';
    3449 }
    3450 
    3451 #dashboard_right_now .storage-count a:before {
    3452         content: '\f104';
    3453 }
    3454 
    3455 #dashboard_right_now .storage-count.warning a:before {
    3456         content: '\f153';
    3457 }
    3458 
    3459 /* Dashboard Quick Draft */
    3460 
    3461 #dashboard_quick_press .inside {
    3462         margin: 0;
    3463         padding: 0;
    3464 }
    3465 
    3466 #dashboard_quick_press div.updated {
    3467         margin-bottom: 10px;
    3468         border: 1px solid #eee;
    3469         border-width: 1px 1px 1px 0;
    3470 }
    3471 
    3472 #dashboard_quick_press form {
    3473         overflow: hidden;
    3474         margin: 12px;
    3475 }
    3476 
    3477 #dashboard_quick_press .drafts,
    3478 #dashboard_quick_press .easy-blogging {
    3479         padding: 10px 0 0;
    3480 }
    3481 
    3482 /* Dashboard Quick Draft - Form styling */
    3483 
    3484 input#save-post {
    3485         float: left;
    3486 }
    3487 
    3488 form.initial-form.quickpress-open label.prompt {
    3489         font-style: normal;
    3490 }
    3491 
    3492 form.initial-form.quickpress-open input#title {
    3493         height: auto;
    3494 }
    3495 
    3496 #dashboard_quick_press input,
    3497 #dashboard_quick_press textarea {
    3498         box-sizing: border-box;
    3499         -moz-box-sizing:border-box;
    3500         -webkit-box-sizing:border-box;
    3501         margin: 0;
    3502 }
    3503 
    3504 #dashboard_quick_press textarea {
    3505         resize: vertical;
    3506 }
    3507 
    3508 #dashboard-widgets .postbox form .submit {
    3509         margin: -39px 0;
    3510         float: right;
    3511 }
    3512 
    3513 #description-wrap {
    3514         margin-top: 12px;
    3515 }
    3516 
    3517 #title-wrap #title-prompt-text,
    3518 .textarea-wrap #content-prompt-text {
    3519         color: #777;
    3520 }
    3521 
    3522 #title-wrap #title-prompt-text {
    3523         font-size: 1.1em;
    3524         padding: 7px 8px;
    3525 }
    3526 
    3527 .input-text-wrap,
    3528 .textarea-wrap {
    3529         position: relative;
    3530 }
    3531 
    3532 .input-text-wrap .prompt,
    3533 .textarea-wrap .prompt {
    3534         position: absolute;
    3535 }
    3536 
    3537 .textarea-wrap #content-prompt-text {
    3538         font-size: 1.1em;
    3539         padding: 7px 8px;
    3540 }
    3541 
    3542 .textarea-wrap textarea#content {
    3543         margin: 0 0 8px;
    3544         padding: 6px 7px;
    3545 }
    3546 
    3547 #quick-press textarea#content {
    3548         min-height: 90px;
    3549         max-height: 1300px;
    3550         resize: none;
    3551 }
    3552 
    3553 /* Dashboard Quick Draft - Drafts list */
    3554 
    3555 .js #dashboard_quick_press .drafts {
    3556         border-top: 1px solid #eee;
    3557 }
    3558 
    3559 #dashboard_quick_press .drafts abbr {
    3560         border: none;
    3561 }
    3562 
    3563 #dashboard_quick_press .drafts h4 {
    3564         margin: 0 12px 8px;
    3565         font-weight: normal;
    3566 }
    3567 
    3568 #dashboard_quick_press .drafts .view-all {
    3569         float: right;
    3570         margin: 0 12px 0 0;
    3571 }
    3572 
    3573 #dashboard_primary a.rsswidget {
    3574         font-weight: normal;
    3575 }
    3576 
    3577 #dashboard_quick_press .drafts ul {
    3578         margin: 0 12px;
    3579 }
    3580 
    3581 #dashboard_quick_press .drafts li {
    3582         margin-bottom: 1em;
    3583 }
    3584 #dashboard_quick_press .drafts li time {
    3585         color: #777;
    3586 }
    3587 
    3588 #dashboard_quick_press .drafts p {
    3589         margin: 0;
    3590         word-wrap: break-word;
    3591 }
    3592 
    3593 #dashboard_quick_press .draft-title {
    3594         overflow: hidden;
    3595 }
    3596 
    3597 #dashboard_quick_press .draft-title a,
    3598 #dashboard_quick_press .draft-title time {
    3599         float: left;
    3600         margin: 0 5px 0 0;
    3601 }
    3602 
    3603 /* Dashboard activity widget */
    3604 
    3605 #dashboard-widgets #dashboard_activity h4 {
    3606         margin: 0 0 8px 12px;
    3607         font-weight: normal;
    3608 }
    3609 
    3610 #dashboard-widgets #dashboard_activity h4.comment-meta {
    3611         margin: 0;
    3612 }
    3613 
    3614 #dashboard_activity h4.comment-meta {
    3615         overflow: hidden;
    3616         text-overflow: ellipsis;
    3617         white-space: nowrap;
    3618         margin-bottom: 4px;
    3619 }
    3620 
    3621 #dashboard_activity ul {
    3622         padding: 0 12px;
    3623 }
    3624 
    3625 #dashboard_activity .comment-meta span.approve:before {
    3626         content: '\f227';
    3627         font: 20px/.5 "dashicons";
    3628         margin-left: 12px;
    3629         vertical-align: middle;
    3630         position: relative;
    3631         top: -1px;
    3632         margin-right: 2px;
    3633 }
    3634 
    3635 #dashboard_activity .inside {
    3636         padding: 0;
    3637         margin: 0;
    3638 }
    3639 
    3640 #dashboard_activity .no-activity {
    3641         overflow: hidden;
    3642         padding: 0 12px 12px;
    3643         text-align: center;
    3644 }
    3645 
    3646 #dashboard_activity .no-activity p {
    3647         color: #999;
    3648         font-size: 16px;
    3649 }
    3650 
    3651 #dashboard_activity .no-activity .smiley {
    3652         margin-top: 0;
    3653 }
    3654 
    3655 #dashboard_activity .no-activity .smiley:before {
    3656         content: '\f328';
    3657         font: normal 120px/1 'dashicons';
    3658         speak: none;
    3659         display: block;
    3660         margin: 0 5px 0 0;
    3661         padding: 0;
    3662         text-indent: 0;
    3663         text-align: center;
    3664         position: relative;
    3665         -webkit-font-smoothing: antialiased;
    3666         text-decoration: none !important;
    3667 }
    3668 
    3669 #dashboard_activity .subsubsub {
    3670         float: none;
    3671         border-top: 1px solid #eeeeee;
    3672         margin-top: 0;
    3673         padding: 8px 12px 4px;
    3674 }
    3675 
    3676 #future-posts .show-more,
    3677 #published-posts .show-more {
    3678         float: right;
    3679         margin-right: 12px;
    3680 }
    3681 
    3682 #future-posts ul,
    3683 #published-posts ul {
    3684         clear: both;
    3685         margin-bottom: 0;
    3686 }
    3687 
    3688 #future-posts li,
    3689 #published-posts li {
    3690         overflow: hidden;
    3691         margin-bottom: 8px;
    3692 }
    3693 
    3694 #future-posts ul span,
    3695 #published-posts ul span {
    3696         color: #777;
    3697         float: left;
    3698         margin-right: 8px;
    3699         min-width: 150px;
    3700 }
    3701 
    3702 .activity-block {
    3703         border-bottom: 1px solid #eee;
    3704         overflow: hidden;
    3705         padding: 8px 0 4px;
    3706 }
    3707 
    3708 .activity-block:last-child {
    3709         border-bottom: none;
    3710 }
    3711 
    3712 .activity-block .subsubsub li {
    3713         color: #ddd;
    3714 }
    3715 
    3716 /* Dashboard activity widget - Comments */
    3717 /* @todo: needs serious de-duplication */
    3718 
    3719 #activity-widget #the-comment-list tr.undo,
    3720 #activity-widget #the-comment-list div.undo {
    3721         background: none;
    3722         padding: 6px 0;
    3723 }
    3724 
    3725 #activity-widget #the-comment-list .alternate,
    3726 #activity-widget #the-comment-list .alt {
    3727         background: none;
    3728 }
    3729 
    3730 #activity-widget #the-comment-list .comment {
    3731         background: #fafafa;
    3732         padding: 12px;
    3733         position: relative;
    3734 }
    3735 
    3736 #activity-widget #the-comment-list img {
    3737         position: absolute;
    3738         left: 13px;
    3739         top: 13px;
    3740 }
    3741 
    3742 #activity-widget #the-comment-list .dashboard-comment-wrap {
    3743         padding-left: 63px;
    3744 }
    3745 
    3746 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
    3747         margin: 1em 0;
    3748 }
    3749 
    3750 #activity-widget #the-comment-list .comment-item h4 {
    3751         font-size: 13px;
    3752         color: #999;
    3753 }
    3754 
    3755 #activity-widget #the-comment-list .comment-item p.row-actions {
    3756         margin: 4px 0 0 0;
    3757 }
    3758 
    3759 #activity-widget #the-comment-list .comment-item:first-child {
    3760         border-top: 1px solid #eeeeee;
    3761 }
    3762 
    3763 #activity-widget #the-comment-list .unapproved {
    3764         background-color: #fefaf7;
    3765 }
    3766 
    3767 #activity-widget #the-comment-list .unapproved:before {
    3768         content: "";
    3769         display: block;
    3770         position: absolute;
    3771         left: 0;
    3772         top: 0;
    3773         bottom: 0;
    3774         background: #d54e21;
    3775         width: 4px;
    3776 }
    3777 
    3778 #activity-widget #the-comment-list .spam-undo-inside .avatar,
    3779 #activity-widget #the-comment-list .trash-undo-inside .avatar {
    3780         margin-right: 20px;
    3781         position: relative;
    3782         top: 0;
    3783 }
    3784 
    3785 /* Browse happy box */
    3786 
    3787 #dashboard-widgets #dashboard_browser_nag.postbox .inside {
    3788         margin: 10px;
    3789 }
    3790 
    3791 @media screen and (max-width: 870px) {
    3792         .welcome-panel .welcome-panel-column,
    3793         .welcome-panel .welcome-panel-column:first-child {
    3794                 display: block;
    3795                 float: none;
    3796                 width: 100%;
    3797         }
    3798 
    3799         .welcome-panel .welcome-panel-column li {
    3800                 display: inline-block;
    3801                 margin-right: 13px;
    3802         }
    3803 
    3804         .welcome-panel .welcome-panel-column ul {
    3805                 margin: 0.4em 0 0;
    3806         }
    3807 
    3808 }
    3809 
    3810 /*------------------------------------------------------------------------------
    3811   10.0 - List Posts (/Pages/etc)
    3812 ------------------------------------------------------------------------------*/
    3813 
    3814 table.fixed {
    3815         table-layout: fixed;
    3816 }
    3817 
    3818 .fixed .column-rating,
    3819 .fixed .column-visible {
    3820         width: 8%;
    3821 }
    3822 
    3823 .fixed .column-posts,
    3824 .fixed .column-date,
    3825 .fixed .column-parent,
    3826 .fixed .column-links,
    3827 .fixed .column-author,
    3828 .fixed .column-format {
    3829         width: 10%;
    3830 }
    3831 
    3832 .fixed .column-comment .comment-author {
    3833         display: none;
    3834 }
    3835 
    3836 .fixed .column-response,
    3837 .fixed .column-categories,
    3838 .fixed .column-tags,
    3839 .fixed .column-rel,
    3840 .fixed .column-role {
    3841         width: 15%;
    3842 }
    3843 
    3844 .fixed .column-slug {
    3845         width: 25%;
    3846 }
    3847 
    3848 .fixed .column-locations {
    3849         width: 35%;
    3850 }
    3851 
    3852 .fixed .column-comments {
    3853         width: 4em;
    3854         padding: 8px 0;
    3855         text-align: left;
    3856 }
    3857 
    3858 .fixed .column-comments .vers {
    3859         padding-left: 3px;
    3860 }
    3861 
    3862 .fixed .column-comments a {
    3863         float: left;
    3864 }
    3865 
    3866 .fixed .column-icon {
    3867         width: 80px;
    3868 }
    3869 
    3870 /* @todo: pick a consistent list table selector */
    3871 .wp-list-table a {
    3872         -moz-transition:    none;
    3873         -webkit-transition: none;
    3874         transition:         none;
    3875 }
    3876 
    3877 #the-list tr:last-child td,
    3878 #the-list tr:last-child th {
    3879         border-bottom: none !important;
    3880         -webkit-box-shadow: none;
    3881         box-shadow: none;
    3882 }
    3883 
    3884 #comments-form .fixed .column-author {
    3885         width: 20%;
    3886 }
    3887 
    3888 #commentsdiv.postbox .inside {
    3889         margin: 0;
    3890         padding: 0;
    3891 }
    3892 
    3893 #commentsdiv .inside .row-actions {
    3894         line-height:18px;
    3895 }
    3896 
    3897 #commentsdiv .inside .column-author {
    3898         width: 25%;
    3899 }
    3900 
    3901 #commentsdiv .column-comment p {
    3902         margin: 0.6em 0;
    3903         padding: 0;
    3904 }
    3905 
    3906 #commentsdiv #replyrow td {
    3907         padding: 0;
    3908 }
    3909 
    3910 #commentsdiv p {
    3911         padding: 8px 10px;
    3912         margin: 0;
    3913 }
    3914 
    3915 #commentsdiv .comments-box {
    3916         border: 0 none;
    3917 }
    3918 
    3919 #commentsdiv .comments-box thead th {
    3920         background: transparent;
    3921         padding: 0 7px 4px;
    3922         font-style: italic;
    3923 }
    3924 
    3925 #commentsdiv .comments-box tr:last-child td {
    3926         border-bottom: 0 none;
    3927 }
    3928 
    3929 #commentsdiv .spinner {
    3930         padding-left: 5px;
    3931 }
    3932 
    3933 .sorting-indicator {
    3934         display: none;
    3935         width: 10px;
    3936         height: 4px;
    3937         margin-top: 8px;
    3938         margin-left: 7px;
    3939 }
    3940 
    3941 .sorting-indicator:before {
    3942         background: none;
    3943         content: '\f142';
    3944         font: normal 20px/1 'dashicons';
    3945         speak: none;
    3946         display: inline-block;
    3947         padding: 0;
    3948         top: -4px;
    3949         left: -8px;
    3950         color: #444;
    3951         line-height: 10px;
    3952         position: relative;
    3953         vertical-align: top;
    3954         -webkit-font-smoothing: antialiased;
    3955         -moz-osx-font-smoothing: grayscale;
    3956         text-decoration: none !important;
    3957         color: #444;
    3958 }
    3959 
    3960 .column-comments .sorting-indicator:before {
    3961         top: 0;
    3962         left: -10px;
    3963 }
    3964 
    3965 th.sorted.asc .sorting-indicator:before,
    3966 th.desc:hover span.sorting-indicator:before {
    3967         content: '\f142';
    3968 }
    3969 
    3970 th.sorted.desc .sorting-indicator:before,
    3971 th.asc:hover span.sorting-indicator:before {
    3972         content: '\f140';
    3973 }
    3974 
    3975 tr.wp-locked .locked-indicator {
    3976         background: url('../images/lock.png') no-repeat;
    3977         margin: -2px 0 0 6px;
    3978         height: 20px;
    3979         width: 16px;
    3980 }
    3981 
    3982 tr.wp-locked .check-column label,
    3983 tr.wp-locked .check-column input[type="checkbox"],
    3984 tr.wp-locked .row-actions .inline,
    3985 tr.wp-locked .row-actions .trash {
    3986         display: none;
    3987 }
    3988 
    3989 tr .locked-info {
    3990         height: 0;
    3991         opacity: 0;
    3992 }
    3993 
    3994 tr.wp-locked .locked-info {
    3995         margin-top: 8px;
    3996         height: auto;
    3997         opacity: 1;
    3998 }
    3999 
    4000 .locked-text {
    4001         vertical-align: top;
    4002 }
    4003 
    4004 tr.locked-info, tr.wp-locked .locked-info {
    4005         -webkit-transition: height 1s, opacity 500ms;
    4006         -moz-transition:    height 1s, opacity 500ms;
    4007         -ms-transition:     height 1s, opacity 500ms;
    4008         -o-transition:      height 1s, opacity 500ms;
    4009         transition:         height 1s, opacity 500ms;
    4010 }
    4011 
    4012 .fixed .column-comments .sorting-indicator {
    4013         margin-top: 3px;
    4014 }
    4015 
    4016 #menu-locations-wrap .widefat {
    4017         width: 60%;
    4018 }
    4019 
    4020 .widefat th.sortable,
    4021 .widefat th.sorted {
    4022         padding: 0;
    4023 }
    4024 
    4025 th.sortable a,
    4026 th.sorted a {
    4027         display: block;
    4028         overflow: hidden;
    4029         padding: 7px 7px 8px 10px;
    4030 }
    4031 
    4032 th.manage-column a,
    4033 th.sortable a:hover,
    4034 th.sortable a:active,
    4035 th.sortable a:focus {
    4036         color: #333;
    4037 }
    4038 
    4039 th.sortable a:focus {
    4040         background: #e1e1e1;
    4041 }
    4042 
    4043 .fixed .column-comments.sortable a,
    4044 .fixed .column-comments.sorted a {
    4045         padding: 8px 0;
    4046 }
    4047 
    4048 th.sortable a span,
    4049 th.sorted a span {
    4050         float: left;
    4051         cursor: pointer;
    4052 }
    4053 
    4054 th.sorted.asc .sorting-indicator,
    4055 th.desc:hover span.sorting-indicator {
    4056         display: block;
    4057         background-position: 0 0;
    4058 }
    4059 
    4060 th.sorted.desc .sorting-indicator,
    4061 th.asc:hover span.sorting-indicator {
    4062         display: block;
    4063         background-position: -7px 0;
    4064 }
    4065 
    4066 /* Bulk Actions */
    4067 .tablenav-pages a {
    4068         font-weight: 600;
    4069         margin-right: 1px;
    4070         padding: 0 2px;
    4071 }
    4072 .tablenav-pages .current-page {
    4073         padding-top: 0;
    4074         text-align: center;
    4075 }
    4076 .tablenav-pages .next-page {
    4077         margin-left: 2px;
    4078 }
    4079 
    4080 .tablenav a.button-secondary {
    4081         display: block;
    4082         margin: 3px 8px 0 0;
    4083 }
    4084 
    4085 .tablenav {
    4086         clear: both;
    4087         height: 30px;
    4088         margin: 6px 0 4px;
    4089         vertical-align: middle;
    4090 }
    4091 
    4092 .tablenav.themes {
    4093         max-width: 98%;
    4094 }
    4095 
    4096 .tablenav .tablenav-pages {
    4097         float: right;
    4098         display: block;
    4099         cursor: default;
    4100         height: 30px;
    4101         color: #555;
    4102         line-height: 30px;
    4103         font-size: 12px;
    4104 }
    4105 
    4106 .tablenav .no-pages,
    4107 .tablenav .one-page .pagination-links {
    4108         display: none;
    4109 }
    4110 
    4111 .tablenav .tablenav-pages a,
    4112 .tablenav-pages span.current  {
    4113         text-decoration: none;
    4114         padding: 3px 6px;
    4115 }
    4116 
    4117 .tablenav .tablenav-pages a {
    4118         padding: 0 10px 3px;
    4119         background: #eee;
    4120         background: rgba( 0, 0, 0, 0.05 );
    4121         font-size: 16px;
    4122         font-weight: normal;
    4123 }
    4124 
    4125 .tablenav .tablenav-pages a:hover,
    4126 .tablenav .tablenav-pages a:focus {
    4127         color: #fff;
    4128         background: #2ea2cc;
    4129 }
    4130 
    4131 .tablenav .tablenav-pages a.disabled,
    4132 .tablenav .tablenav-pages a.disabled:hover,
    4133 .tablenav .tablenav-pages a.disabled:focus,
    4134 .tablenav .tablenav-pages a.disabled:active {
    4135         color: #aaa;
    4136         background: #eee;
    4137         background: rgba( 0, 0, 0, 0.05 );
    4138 }
    4139 
    4140 .tablenav .displaying-num {
    4141         margin-right: 2px;
    4142         color: #777;
    4143         font-size: 12px;
    4144         font-style: italic;
    4145 }
    4146 
    4147 .tablenav .actions {
    4148         overflow: hidden;
    4149         padding: 2px 8px 0 0;
    4150 }
    4151 
    4152 .tablenav .delete {
    4153         margin-right: 20px;
    4154 }
    4155 
    4156 /* @todo: unclear if the following tablenav rules are actually used.
    4157 classes exist in paginate_links() but not seen in list table output. */
    4158 .tablenav .dots {
    4159         border-color: transparent;
    4160 }
    4161 
    4162 .tablenav .next,
    4163 .tablenav .prev {
    4164         border-color: transparent;
    4165         color: #0074a2;
    4166 }
    4167 
    4168 .tablenav .next:hover,
    4169 .tablenav .prev:hover {
    4170         border-color: transparent;
    4171         color: #2ea2cc;
    4172 }
    4173 
    4174 .view-switch {
    4175         float: right;
    4176         margin: 5px 16px 0 8px;
    4177 }
    4178 
    4179 .view-switch img {
    4180         display: none;
    4181 }
    4182 
    4183 .view-switch a {
    4184         text-decoration: none;
    4185 }
    4186 
    4187 .view-switch > a {
    4188         display: inline-block;
    4189         width: 18px;
    4190         height: 18px;
    4191 }
    4192 
    4193 .view-switch > a:before {
    4194         color: #bbb;
    4195         content: '\f163';
    4196         display: inline-block;
    4197         float: left;
    4198         font: normal 20px/1 'dashicons';
    4199         speak: none;
    4200         vertical-align: middle;
    4201         margin-left: 0;
    4202         -webkit-font-smoothing: antialiased;
    4203         -moz-osx-font-smoothing: grayscale;
    4204 }
    4205 
    4206 .view-switch a:hover:before {
    4207         color: #727272;
    4208 }
    4209 
    4210 .view-switch a.current:before {
    4211         color: #0074a2;
    4212 }
    4213 
    4214 .view-switch > a + a:before {
    4215         margin-left: 5px;
    4216         content: '\f164';
    4217 }
    4218 
    4219 .filter {
    4220         float: left;
    4221         margin: -5px 0 0 10px;
    4222 }
    4223 
    4224 .filter .subsubsub {
    4225         margin-left: -10px;
    4226         margin-top: 13px;
    4227 }
    4228 .screen-per-page {
    4229         width: 4em;
    4230 }
    4231 
    4232 #posts-filter fieldset {
    4233         float: left;
    4234         margin: 0 1.5ex 1em 0;
    4235         padding: 0;
    4236 }
    4237 
    4238 #posts-filter fieldset legend {
    4239         padding: 0 0 .2em 1px;
    4240 }
    4241 
    4242 
    4243 /*------------------------------------------------------------------------------
    4244   10.1 - Inline Editing
    4245 ------------------------------------------------------------------------------*/
    4246 
    4247 /*
    4248 .quick-edit* is for Quick Edit
    4249 .bulk-edit* is for Bulk Edit
    4250 .inline-edit* is for everything
    4251 */
    4252 
    4253 /*      Layout */
    4254 
    4255 #wpbody-content .inline-edit-row fieldset {
    4256         font-size: 12px;
    4257         float: left;
    4258         margin: 0;
    4259         padding: 0;
    4260         width: 100%;
    4261 }
    4262 
    4263 tr.inline-edit-row td,
    4264 #wpbody-content .inline-edit-row fieldset .inline-edit-col {
    4265         padding: 0 0.5em;
    4266 }
    4267 
    4268 #wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col {
    4269         border-width: 0 0 0 1px;
    4270         border-style: none none none solid;
    4271 }
    4272 
    4273 #wpbody-content .quick-edit-row-post .inline-edit-col-left {
    4274         width: 40%;
    4275 }
    4276 
    4277 #wpbody-content .quick-edit-row-post .inline-edit-col-right {
    4278         width: 39%;
    4279 }
    4280 
    4281 #wpbody-content .inline-edit-row-post .inline-edit-col-center {
    4282         width: 20%;
    4283 }
    4284 
    4285 #wpbody-content .quick-edit-row-page .inline-edit-col-left {
    4286         width: 50%;
    4287 }
    4288 
    4289 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
    4290 #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
    4291         width: 49%;
    4292 }
    4293 
    4294 #wpbody-content .bulk-edit-row .inline-edit-col-left {
    4295         width: 30%;
    4296 }
    4297 
    4298 #wpbody-content .bulk-edit-row-page .inline-edit-col-right {
    4299         width: 69%;
    4300 }
    4301 
    4302 #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
    4303         float: right;
    4304         width: 69%;
    4305 }
    4306 
    4307 #wpbody-content .inline-edit-row-page .inline-edit-col-right {
    4308         margin-top: 27px;
    4309 }
    4310 
    4311 .inline-edit-row fieldset .inline-edit-group {
    4312         clear: both;
    4313 }
    4314 
    4315 .inline-edit-row fieldset .inline-edit-group:after {
    4316         content: ".";
    4317         display: block;
    4318         height: 0;
    4319         clear: both;
    4320         visibility: hidden;
    4321 }
    4322 
    4323 .inline-edit-row p.submit {
    4324         clear: both;
    4325         padding: 0.5em;
    4326         margin: 0.5em 0 0;
    4327 }
    4328 
    4329 .inline-edit-row span.error {
    4330         line-height: 22px;
    4331         margin: 0 15px;
    4332         padding: 3px 5px;
    4333 }
    4334 
    4335 /*      Positioning */
    4336 .inline-edit-row h4 {
    4337         margin: .2em 0;
    4338         padding: 0;
    4339         line-height: 23px;
    4340 }
    4341 .inline-edit-row fieldset span.title,
    4342 .inline-edit-row fieldset span.checkbox-title {
    4343         margin: 0;
    4344         padding: 0;
    4345         line-height: 27px;
    4346 }
    4347 
    4348 .inline-edit-row fieldset label,
    4349 .inline-edit-row fieldset span.inline-edit-categories-label {
    4350         display: block;
    4351         margin: .2em 0;
    4352 }
    4353 
    4354 .inline-edit-row fieldset label.inline-edit-tags {
    4355         margin-top: 0;
    4356 }
    4357 
    4358 .inline-edit-row fieldset label.inline-edit-tags span.title {
    4359         margin: .2em 0;
    4360         width: auto;
    4361 }
    4362 
    4363 .inline-edit-row fieldset label span.title {
    4364         display: block;
    4365         float: left;
    4366         width: 5em;
    4367 }
    4368 
    4369 .inline-edit-row fieldset label span.input-text-wrap {
    4370         display: block;
    4371         margin-left: 5em;
    4372 }
    4373 
    4374 .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
    4375         width: auto;
    4376         padding-right: 0.5em;
    4377 }
    4378 
    4379 .inline-edit-row .input-text-wrap input[type=text] {
    4380         width: 100%;
    4381 }
    4382 
    4383 .inline-edit-row fieldset label input[type=checkbox] {
    4384         vertical-align: text-bottom;
    4385 }
    4386 
    4387 .inline-edit-row fieldset label textarea {
    4388         width: 100%;
    4389         height: 4em;
    4390 }
    4391 
    4392 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
    4393         max-width: 50%;
    4394 }
    4395 
    4396 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
    4397         margin-right: 0.5em
    4398 }
    4399 
    4400 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
    4401         width: 6em;
    4402 }
    4403 
    4404 .inline-edit-save .spinner {
    4405         padding: 4px 10px 0;
    4406         vertical-align: top;
    4407         float: right;
    4408 }
    4409 
    4410 /*      Styling */
    4411 .inline-edit-row h4 {
    4412         text-transform: uppercase;
    4413 }
    4414 
    4415 .inline-edit-row fieldset span.title,
    4416 .inline-edit-row fieldset span.checkbox-title {
    4417         font-style: italic;
    4418         line-height: 1.8em;
    4419 }
    4420 
    4421 /*      Specific Elements */
    4422 .inline-edit-row fieldset .inline-edit-date {
    4423         float: left;
    4424 }
    4425 
    4426 .inline-edit-row fieldset input[name=jj],
    4427 .inline-edit-row fieldset input[name=hh],
    4428 .inline-edit-row fieldset input[name=mn] {
    4429         font-size: 12px;
    4430         width: 2.1em;
    4431 }
    4432 
    4433 .inline-edit-row fieldset input[name=aa] {
    4434         font-size: 12px;
    4435         width: 3.5em;
    4436 }
    4437 
    4438 .inline-edit-row fieldset label input.inline-edit-password-input {
    4439         width: 8em;
    4440 }
    4441 
    4442 ul.cat-checklist {
    4443         height: 12em;
    4444         border: solid 1px #ddd;
    4445         overflow-y: scroll;
    4446         padding: 0 5px;
    4447         margin: 0;
    4448         background-color: #fff;
    4449 }
    4450 
    4451 #bulk-titles {
    4452         display: block;
    4453         height: 12em;
    4454         border: 1px solid #ddd;
    4455         overflow-y: scroll;
    4456         padding: 0 5px;
    4457         margin: 0 0 5px;
    4458 }
    4459 
    4460 .inline-edit-row fieldset ul.cat-checklist li,
    4461 .inline-edit-row fieldset ul.cat-checklist input {
    4462         margin: 0;
    4463 }
    4464 
    4465 .inline-edit-row fieldset ul.cat-checklist label,
    4466 .inline-edit-row #bulk-titles div {
    4467         font-style: normal;
    4468         font-size: 11px;
    4469 }
    4470 
    4471 .inline-edit-row fieldset label input.inline-edit-menu-order-input {
    4472         width: 3em;
    4473 }
    4474 
    4475 .inline-edit-row fieldset label input.inline-edit-slug-input {
    4476         width: 75%;
    4477 }
    4478 
    4479 .quick-edit-row-post fieldset label.inline-edit-status {
    4480         float: left;
    4481 }
    4482 
    4483 #bulk-titles {
    4484         line-height: 140%;
    4485 }
    4486 #bulk-titles div {
    4487         margin: 0.2em 0.3em;
    4488 }
    4489 
    4490 #bulk-titles div a {
    4491         cursor: pointer;
    4492         display: block;
    4493         float: left;
    4494         height: 18px;
    4495         margin: 0 3px 0 -2px;
    4496         overflow: hidden;
    4497         position: relative;
    4498         width: 20px;
    4499 }
    4500 
    4501 #bulk-titles div a:before {
    4502         position: relative;
    4503         top: -3px;
    4504 }
    4505 
    4506 
    4507 /*------------------------------------------------------------------------------
    4508   11.0 - Write/Edit Post Screen
    4509 ------------------------------------------------------------------------------*/
    4510 
    4511 #show-comments {
    4512         overflow: hidden;
    4513 }
    4514 
    4515 #save-action .spinner,
    4516 #show-comments a,
    4517 #show-comments .spinner {
    4518         float: left;
    4519 }
    4520 
    4521 #lost-connection-notice .spinner {
    4522         display: block;
    4523         float: left;
    4524         margin: 0 5px 0 0;
    4525 }
    4526 
    4527 #titlediv {
    4528         position: relative;
    4529         margin-bottom: 10px;
    4530 }
    4531 
    4532 #titlediv label {
    4533         cursor: text;
    4534 }
    4535 
    4536 #titlediv div.inside {
    4537         margin: 0;
    4538 }
    4539 
    4540 #poststuff #titlewrap {
    4541         border: 0;
    4542         padding: 0;
    4543 }
    4544 
    4545 #titlediv #title {
    4546         padding: 3px 8px;
    4547         font-size: 1.7em;
    4548         line-height: 100%;
    4549         height: 1.7em;
    4550         width: 100%;
    4551         outline: none;
    4552         margin: 0;
    4553         background-color: #fff;
    4554 }
    4555 
    4556 #titlediv #title-prompt-text {
    4557         color: #777;
    4558         position: absolute;
    4559         font-size: 1.7em;
    4560         padding: 11px 10px;
    4561 }
    4562 
    4563 #wp-fullscreen-save .fs-saved {
    4564         color: #999;
    4565         float: right;
    4566         margin-top: 4px;
    4567 }
    4568 
    4569 #poststuff .inside-submitbox,
    4570 #side-sortables .inside-submitbox {
    4571         margin: 0 3px;
    4572         font-size: 11px;
    4573 }
    4574 
    4575 input#link_description,
    4576 input#link_url {
    4577         width: 98%;
    4578 }
    4579 
    4580 #pending {
    4581         background: 0 none;
    4582         border: 0 none;
    4583         padding: 0;
    4584         font-size: 11px;
    4585         margin-top: -1px;
    4586 }
    4587 
    4588 #edit-slug-box {
    4589         line-height: 24px;
    4590         min-height: 25px; /* Yes, line-height + 1 */
    4591         margin-top: 5px;
    4592         padding: 0 10px;
    4593         color: #666;
    4594 }
    4595 
    4596 #edit-slug-box .cancel {
    4597         margin-right: 10px;
    4598         font-size: 11px;
    4599 }
    4600 
    4601 #editable-post-name-full {
    4602         display: none;
    4603 }
    4604 
    4605 #editable-post-name {
    4606         background-color: #fffbcc;
    4607 }
    4608 
    4609 #editable-post-name input {
    4610         font-size: 13px;
    4611         height: 22px;
    4612         margin: 0;
    4613         width: 16em;
    4614 }
    4615 
    4616 .postarea h3 label {
    4617         float: left;
    4618 }
    4619 
    4620 .submitbox .submit {
    4621         text-align: left;
    4622         padding: 12px 10px 10px;
    4623         font-size: 11px;
    4624         background-color: #464646;
    4625         color: #ccc;
    4626 }
    4627 
    4628 .submitbox .submitdelete {
    4629         text-decoration: none;
    4630         padding: 1px 2px;
    4631 }
    4632 
    4633 /* @todo: do we really need this? word on the street is we don't and this
    4634 stray rule may actually be compensated for elsewhere. */
    4635 #normal-sortables .submitbox .submitdelete:hover {
    4636         color: #000;
    4637         background-color: #f00;
    4638         border-bottom-color: #f00;
    4639 }
    4640 
    4641 .submitbox .submit a:hover {
    4642         text-decoration: underline;
    4643 }
    4644 
    4645 .submitbox .submit input {
    4646         margin-bottom: 8px;
    4647         margin-right: 4px;
    4648         padding: 6px;
    4649 }
    4650 
    4651 .inside-submitbox #post_status {
    4652         margin: 2px 0 2px -2px;
    4653 }
    4654 
    4655 #post-status-select {
    4656         margin-top: 3px;
    4657 }
    4658 
    4659 /* Post Screen */
    4660 #post-body #normal-sortables {
    4661         min-height: 50px;
    4662 }
    4663 
    4664 .postbox {
    4665         position: relative;
    4666         min-width: 255px;
    4667         border: 1px solid #e5e5e5;
    4668         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    4669         box-shadow:         0 1px 1px rgba(0,0,0,0.04);
    4670         background: #fff;
    4671 }
    4672 
    4673 #trackback_url {
    4674         width: 99%;
    4675 }
    4676 
    4677 #normal-sortables .postbox .submit {
    4678         background: transparent none;
    4679         border: 0 none;
    4680         float: right;
    4681         padding: 0 12px;
    4682         margin:0;
    4683 }
    4684 
    4685 .category-add input[type="text"],
    4686 .category-add select {
    4687         width: 100%;
    4688         max-width: 260px;
    4689         vertical-align: baseline;
    4690 }
    4691 
    4692 #side-sortables .category-add input[type="text"],
    4693 #side-sortables .category-add select {
    4694         margin: 0 0 1em;
    4695 }
    4696 
    4697 .press-this #side-sortables .category-tabs li,
    4698 ul.category-tabs li,
    4699 #side-sortables .add-menu-item-tabs li,
    4700 .wp-tab-bar li {
    4701         display: inline;
    4702         line-height: 1.35em;
    4703 }
    4704 
    4705 .no-js .category-tabs li.hide-if-no-js {
    4706         display: none;
    4707 }
    4708 
    4709 .category-tabs a,
    4710 #side-sortables .add-menu-item-tabs a,
    4711 .wp-tab-bar a {
    4712         text-decoration: none;
    4713 }
    4714 
    4715 /* @todo: do these really need to be so specific? */
    4716 #side-sortables .category-tabs .tabs a,
    4717 #side-sortables .add-menu-item-tabs .tabs a,
    4718 .wp-tab-bar .wp-tab-active a,
    4719 #post-body ul.category-tabs li.tabs a,
    4720 #post-body ul.add-menu-item-tabs li.tabs a,
    4721 body.press-this ul.category-tabs li.tabs a {
    4722         color: #333;
    4723 }
    4724 
    4725 .category-tabs {
    4726         margin: 8px 0 5px;
    4727 }
    4728 
    4729 #category-adder h4 {
    4730         margin: 10px 0;
    4731 }
    4732 
    4733 #side-sortables .add-menu-item-tabs,
    4734 .wp-tab-bar {
    4735         margin-bottom: 3px;
    4736 }
    4737 
    4738 #normal-sortables .postbox #replyrow .submit {
    4739         float: none;
    4740         margin: 0;
    4741         padding: 0 7px 5px;
    4742 }
    4743 
    4744 #side-sortables .submitbox .submit input,
    4745 #side-sortables .submitbox .submit .preview,
    4746 #side-sortables .submitbox .submit a.preview:hover {
    4747         border: 0 none;
    4748 }
    4749 
    4750 #side-sortables .inside-submitbox .insidebox,
    4751 .stuffbox .insidebox {
    4752         margin: 11px 0;
    4753 }
    4754 
    4755 ul.category-tabs,
    4756 ul.add-menu-item-tabs,
    4757 ul.wp-tab-bar {
    4758         margin-top: 12px;
    4759 }
    4760 
    4761 ul.category-tabs li {
    4762         border: solid 1px transparent;
    4763         position: relative;
    4764 }
    4765 
    4766 ul.category-tabs li.tabs {
    4767         border-color: #dfdfdf #dfdfdf #fdfdfd;
    4768         background-color: #fdfdfd;
    4769 }
    4770 
    4771 ul.add-menu-item-tabs li.tabs,
    4772 .wp-tab-active {
    4773         border: 1px solid #dfdfdf;
    4774         border-bottom: none;
    4775         background-color: #fdfdfd;
    4776 }
    4777 
    4778 ul.add-menu-item-tabs li.tabs {
    4779         padding-bottom: 3px;
    4780         position: relative;
    4781 }
    4782 
    4783 #post-body .add-menu-item-tabs li.tabs {
    4784         border-style: solid none solid solid;
    4785         border-width: 1px 0 1px 1px;
    4786         margin-right: -1px;
    4787 }
    4788 
    4789 ul.category-tabs li,
    4790 ul.add-menu-item-tabs li,
    4791 ul.wp-tab-bar li {
    4792         padding: 3px 5px 5px;
    4793 }
    4794 
    4795 #postimagediv .inside img {
    4796         max-width: 100%;
    4797         height: auto;
    4798 }
    4799 
    4800 form#tags-filter {
    4801         position: relative;
    4802 }
    4803 
    4804 /* Edit posts */
    4805 td.post-title strong,
    4806 td.plugin-title strong {
    4807         display: block;
    4808         margin-bottom: .2em;
    4809         font-size: 14px;
    4810 }
    4811 
    4812 td.post-title p,
    4813 td.plugin-title p {
    4814         margin: 6px 0;
    4815 }
    4816 
    4817 /* Global classes */
    4818 .wp-hidden-children .wp-hidden-child,
    4819 .ui-tabs-hide {
    4820         display: none;
    4821 }
    4822 
    4823 .commentlist .avatar {
    4824         vertical-align: text-top;
    4825 }
    4826 
    4827 #post-body .tagsdiv #newtag {
    4828         margin-right: 5px;
    4829         width: 16em;
    4830 }
    4831 
    4832 #side-sortables input#post_password {
    4833         width: 94%
    4834 }
    4835 
    4836 #side-sortables .tagsdiv #newtag {
    4837         width: 68%;
    4838 }
    4839 
    4840 #post-status-info {
    4841         width: 100%;
    4842         border-spacing: 0;
    4843         border: 1px solid #e5e5e5;
    4844         border-top: none;
    4845         background-color: #f7f7f7;
    4846         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    4847         box-shadow:         0 1px 1px rgba(0,0,0,0.04);
    4848 }
    4849 
    4850 #post-status-info td {
    4851         font-size: 12px;
    4852 }
    4853 
    4854 .autosave-info {
    4855         padding: 2px;
    4856         text-align: right;
    4857 }
    4858 
    4859 #editorcontent #post-status-info {
    4860         border: none;
    4861 }
    4862 
    4863 #content-resize-handle {
    4864         background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
    4865         width: 12px;
    4866         cursor: n-resize;
    4867 }
    4868 
    4869 .rtl #content-resize-handle {
    4870         background: transparent url('../images/resize-rtl.gif') no-repeat scroll left bottom;
    4871 }
    4872 
    4873 .press-this #content-resize-handle {
    4874         bottom: 2px;
    4875 }
    4876 
    4877 #wp-word-count {
    4878         display: block;
    4879         padding: 2px 10px;
    4880 }
    4881 
    4882 #timestampdiv select {
    4883         height: 21px;
    4884         line-height: 14px;
    4885         padding: 0;
    4886         vertical-align: top;
    4887         font-size: 12px;
    4888 }
    4889 
    4890 #aa, #jj, #hh, #mn {
    4891         padding: 1px;
    4892         font-size: 12px;
    4893 }
    4894 
    4895 #jj, #hh, #mn {
    4896         width: 2em;
    4897 }
    4898 
    4899 #aa {
    4900         width: 3.4em;
    4901 }
    4902 
    4903 .curtime #timestamp {
    4904         padding: 2px 0 1px 0;
    4905         display: inline !important;
    4906         height: auto !important;
    4907 }
    4908 
    4909 #post-body #visibility:before,
    4910 .curtime #timestamp:before,
    4911 #post-body .misc-pub-revisions:before {
    4912         font: normal 20px/1 'dashicons';
    4913         speak: none;
    4914         display: inline-block;
    4915         padding: 0 2px 0 0;
    4916         top: 0;
    4917         left: -1px;
    4918         position: relative;
    4919         vertical-align: top;
    4920         -webkit-font-smoothing: antialiased;
    4921         -moz-osx-font-smoothing: grayscale;
    4922         text-decoration: none !important;
    4923 }
    4924 
    4925 #post-body #visibility:before {
    4926         content: '\f177';
    4927 }
    4928 
    4929 .curtime #timestamp:before {
    4930         content: '\f145';
    4931         top: -1px;
    4932 }
    4933 
    4934 #post-body .misc-pub-revisions:before {
    4935         content: '\f321';
    4936 }
    4937 
    4938 #timestampdiv {
    4939         padding-top: 5px;
    4940         line-height: 23px;
    4941 }
    4942 
    4943 #timestampdiv p {
    4944         margin: 8px 0 6px;
    4945 }
    4946 
    4947 #timestampdiv input {
    4948         border-width: 1px;
    4949         border-style: solid;
    4950 }
    4951 
    4952 .notification-dialog {
    4953         position: fixed;
    4954         top: 30%;
    4955         left: 50%;
    4956         width: 450px;
    4957         margin-left: -225px;
    4958         background: #fff;
    4959         line-height: 1.5;
    4960         z-index: 1000005;
    4961 }
    4962 
    4963 .notification-dialog-background {
    4964         position: fixed;
    4965         top: 0;
    4966         left: 0;
    4967         right: 0;
    4968         bottom: 0;
    4969         background: #000;
    4970         opacity: 0.5;
    4971         filter: alpha(opacity=50);
    4972         z-index: 1000000;
    4973 }
    4974 
    4975 #post-lock-dialog .post-locked-message,
    4976 #post-lock-dialog .post-taken-over {
    4977         margin: 25px;
    4978 }
    4979 
    4980 #post-lock-dialog .post-locked-message a.button {
    4981         margin-right: 10px;
    4982 }
    4983 
    4984 #post-lock-dialog .post-locked-avatar {
    4985         float: left;
    4986         margin: 0 20px 20px 0;
    4987 }
    4988 
    4989 #post-lock-dialog .wp-tab-first {
    4990         outline: 0;
    4991 }
    4992 
    4993 #post-lock-dialog .locked-saving img {
    4994         float: left;
    4995         margin-right: 3px;
    4996 }
    4997 
    4998 #post-lock-dialog.saving .locked-saving,
    4999 #post-lock-dialog.saved .locked-saved {
    5000         display: inline;
    5001 }
    5002 
    5003 /*------------------------------------------------------------------------------
    5004   11.1 - Custom Fields
    5005 ------------------------------------------------------------------------------*/
    5006 
    5007 #postcustomstuff thead th {
    5008         padding: 5px 8px 8px;
    5009         background-color: #f1f1f1;
    5010 }
    5011 
    5012 #postcustom #postcustomstuff .submit {
    5013         border: 0 none;
    5014         float: none;
    5015         padding: 0 8px 8px;
    5016 }
    5017 
    5018 #side-sortables #postcustom #postcustomstuff .submit {
    5019         margin: 0;
    5020         padding: 0;
    5021 }
    5022 
    5023 #side-sortables #postcustom #postcustomstuff #the-list textarea {
    5024         height: 85px;
    5025 }
    5026 
    5027 #side-sortables #postcustom #postcustomstuff td.left input,
    5028 #side-sortables #postcustom #postcustomstuff td.left select,
    5029 #side-sortables #postcustomstuff #newmetaleft a {
    5030         margin: 3px 3px 0;
    5031 }
    5032 
    5033 #postcustomstuff table {
    5034         margin: 0;
    5035         width: 100%;
    5036         border: 1px solid #dfdfdf;
    5037         border-spacing: 0;
    5038         background-color: #f9f9f9;
    5039 }
    5040 
    5041 #postcustomstuff tr {
    5042         vertical-align: top;
    5043 }
    5044 
    5045 #postcustomstuff table input,
    5046 #postcustomstuff table select,
    5047 #postcustomstuff table textarea {
    5048         width: 96%;
    5049         margin: 8px;
    5050 }
    5051 
    5052 #side-sortables #postcustomstuff table input,
    5053 #side-sortables #postcustomstuff table select,
    5054 #side-sortables #postcustomstuff table textarea {
    5055         margin: 3px;
    5056 }
    5057 
    5058 #postcustomstuff th.left,
    5059 #postcustomstuff td.left {
    5060         width: 38%;
    5061 }
    5062 
    5063 #postcustomstuff .submit input {
    5064         margin: 0;
    5065         width: auto;
    5066 }
    5067 
    5068 #postcustomstuff #newmetaleft a {
    5069         display: inline-block;
    5070         margin: 0 8px 8px;
    5071         text-decoration: none;
    5072 }
    5073 
    5074 .no-js #postcustomstuff #enternew {
    5075         display: none;
    5076 }
    5077 
    5078 #post-body-content .compat-attachment-fields {
    5079         margin-bottom: 20px;
    5080 }
    5081 
    5082 .compat-attachment-fields th {
    5083         padding-top: 5px;
    5084         padding-right: 10px;
    5085 }
    5086 
    5087 /*------------------------------------------------------------------------------
    5088   11.2 - Post Revisions
    5089 ------------------------------------------------------------------------------*/
    5090 .revisions-control-frame,
    5091 .revisions-diff-frame {
    5092         position: relative;
    5093 }
    5094 
    5095 .revisions-controls {
    5096         padding-top: 40px;
    5097         height: 100px;
    5098         z-index: 1;
    5099 }
    5100 
    5101 .revisions-controls input[type="checkbox"] {
    5102         position: relative;
    5103         top: -1px;
    5104         vertical-align: text-bottom;
    5105 }
    5106 
    5107 .revisions.pinned .revisions-controls {
    5108         position: fixed;
    5109         top: 0;
    5110         height: 82px;
    5111         background: #fff;
    5112         box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    5113 }
    5114 
    5115 .revisions-tickmarks {
    5116         position: relative;
    5117         margin: 0 auto;
    5118         height: 0.7em;
    5119         top: 7px;
    5120         max-width: 70%;
    5121         -moz-box-sizing: border-box;
    5122         -webkit-box-sizing: border-box;
    5123         box-sizing: border-box;
    5124         background-color: #fff;
    5125 }
    5126 
    5127 .revisions-tickmarks > div {
    5128         position: absolute;
    5129         height: 100%;
    5130         border-left: 1px solid #aaa;
    5131         -moz-box-sizing: border-box;
    5132         -webkit-box-sizing: border-box;
    5133         box-sizing: border-box;
    5134 }
    5135 
    5136 .revisions-tickmarks > div:first-child {
    5137         border-width: 0;
    5138 }
    5139 
    5140 .comparing-two-revisions .revisions-controls {
    5141         height: 140px;
    5142 }
    5143 
    5144 .comparing-two-revisions.pinned .revisions-controls {
    5145         height: 124px;
    5146 }
    5147 
    5148 .revisions .diff-error {
    5149         position: absolute;
    5150         text-align: center;
    5151         margin: 0 auto;
    5152         width: 100%;
    5153         display: none;
    5154 }
    5155 
    5156 .revisions.diff-error .diff-error {
    5157         display: block;
    5158 }
    5159 
    5160 .revisions .loading-indicator {
    5161         position: fixed;
    5162         vertical-align: middle;
    5163         opacity: 0;
    5164         width: 100%;
    5165         top: 50%;
    5166         margin-left: -90px;
    5167         -webkit-transition: opacity 0.5s;
    5168         -moz-transition:    opacity 0.5s;
    5169         -ms-transition:     opacity 0.5s;
    5170         -o-transition:      opacity 0.5s;
    5171         transition:         opacity 0.5s;
    5172         filter: alpha(opacity=0); /* ie8 and earlier */
    5173 }
    5174 
    5175 body.folded .revisions .loading-indicator {
    5176         margin-left: -32px;
    5177 }
    5178 
    5179 .revisions .loading-indicator span.spinner {
    5180         display: block;
    5181         margin: 0 auto;
    5182         float: none;
    5183 }
    5184 
    5185 .revisions.loading .loading-indicator {
    5186         opacity: 1;
    5187         filter: alpha(opacity=100); /* ie8 and earlier */
    5188 }
    5189 
    5190 .revisions .diff {
    5191         -webkit-transition: opacity 0.5s;
    5192         -moz-transition:    opacity 0.5s;
    5193         -ms-transition:     opacity 0.5s;
    5194         -o-transition:      opacity 0.5s;
    5195         transition:         opacity 0.5s;
    5196 }
    5197 
    5198 .revisions.loading .diff {
    5199         opacity: 0.5;
    5200         filter: alpha(opacity=50); /* ie8 and earlier */
    5201 }
    5202 
    5203 .revisions.diff-error .diff {
    5204         visibility: hidden;
    5205 }
    5206 
    5207 .revisions-meta {
    5208         margin-top: 20px;
    5209         background-color: #fff;
    5210         box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    5211 }
    5212 
    5213 .revisions.pinned .revisions-meta {
    5214         box-shadow: none;
    5215 }
    5216 
    5217 .revision-toggle-compare-mode {
    5218         position: absolute;
    5219         top: 0;
    5220         right: 0;
    5221 }
    5222 
    5223 .comparing-two-revisions .revisions-previous,
    5224 .comparing-two-revisions .revisions-next,
    5225 .revisions-meta .diff-meta-to strong {
    5226         display: none;
    5227 }
    5228 
    5229 .revisions-controls .author-card .date {
    5230         color: #777;
    5231 }
    5232 
    5233 .revisions-controls .author-card.autosave {
    5234         color: #d54e21;
    5235 }
    5236 
    5237 .revisions-controls .author-card .author-name {
    5238         font-weight: bold;
    5239 }
    5240 
    5241 .comparing-two-revisions .diff-meta-to strong {
    5242         display: block;
    5243 }
    5244 
    5245 .revisions.pinned .revisions-buttons {
    5246         padding: 0 11px;
    5247 }
    5248 
    5249 .revisions-previous,
    5250 .revisions-next {
    5251         position: relative;
    5252         z-index: 1;
    5253 }
    5254 
    5255 .revisions-previous {
    5256         float: left;
    5257 }
    5258 
    5259 .revisions-next {
    5260         float: right;
    5261 }
    5262 
    5263 .revisions-controls .wp-slider {
    5264         max-width: 70%;
    5265         margin: 0 auto;
    5266         top: -3px;
    5267 }
    5268 
    5269 .revisions-diff {
    5270         padding: 15px;
    5271         background-color: #fff;
    5272         box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    5273 }
    5274 
    5275 .revisions-diff h3:first-child {
    5276         margin-top: 0;
    5277 }
    5278 
    5279 /* Revision meta box */
    5280 .post-revisions li img,
    5281 #revisions-meta-restored img {
    5282         vertical-align: middle;
    5283 }
    5284 
    5285 table.diff tbody tr td:nth-child(2) {
    5286         width: 4%;
    5287 }
    5288 
    5289 table.diff {
    5290         width: 100%;
    5291         white-space: pre-wrap;
    5292 }
    5293 
    5294 table.diff col.content {
    5295         width: auto;
    5296 }
    5297 
    5298 table.diff col.content.diffsplit {
    5299         width: 48%;
    5300 }
    5301 
    5302 table.diff col.diffsplit.middle {
    5303         width: auto;
    5304 }
    5305 
    5306 table.diff col.ltype {
    5307         width: 30px;
    5308 }
    5309 
    5310 table.diff tr {
    5311         background-color: transparent;
    5312 }
    5313 
    5314 table.diff td,
    5315 table.diff th {
    5316         font-family: Consolas, Monaco, monospace;
    5317         font-size: 14px;
    5318         line-height: 1.618;
    5319         padding: .5em;
    5320 }
    5321 
    5322 table.diff td h1,
    5323 table.diff td h2,
    5324 table.diff td h3,
    5325 table.diff td h4,
    5326 table.diff td h5,
    5327 table.diff td h6 {
    5328         margin: 0;
    5329 }
    5330 
    5331 table.diff .diff-deletedline del,
    5332 table.diff .diff-addedline ins {
    5333         text-decoration: none;
    5334 }
    5335 
    5336 table.diff .diff-deletedline {
    5337         background-color: #ffe9e9;
    5338 }
    5339 
    5340 table.diff .diff-deletedline del {
    5341         background-color: #faa;
    5342 }
    5343 
    5344 table.diff .diff-addedline {
    5345         background-color: #e9ffe9;
    5346 }
    5347 
    5348 table.diff .diff-addedline ins {
    5349         background-color: #afa;
    5350 }
    5351 
    5352 .diff-meta {
    5353         padding: 5px;
    5354         clear: both;
    5355         min-height: 32px;
    5356 }
    5357 
    5358 .diff-title strong {
    5359         line-height: 32px;
    5360         min-width: 60px;
    5361         text-align: right;
    5362         float: left;
    5363         margin-right: 5px;
    5364 }
    5365 
    5366 .revisions-controls .author-card .author-info {
    5367         font-size: 12px;
    5368         line-height: 16px;
    5369 }
    5370 
    5371 .revisions-controls .author-card .avatar,
    5372 .revisions-controls .author-card .author-info {
    5373         float: left;
    5374         margin-left: 6px;
    5375         margin-right: 6px;
    5376 }
    5377 
    5378 .revisions-controls .author-card .byline {
    5379         display: block;
    5380         font-size: 12px;
    5381 }
    5382 
    5383 .revisions-controls .author-card .avatar {
    5384         vertical-align: middle;
    5385 }
    5386 
    5387 .diff-meta input.restore-revision {
    5388         float: right;
    5389         margin-left: 6px;
    5390         margin-right: 6px;
    5391         margin-top: 4px;
    5392 }
    5393 
    5394 .diff-meta-from {
    5395         display: none;
    5396 }
    5397 
    5398 .comparing-two-revisions .diff-meta-from {
    5399         display: block;
    5400 }
    5401 
    5402 .revisions-tooltip {
    5403         position: absolute;
    5404         bottom: 105px;
    5405         margin-right: 0;
    5406         margin-left: -69px;
    5407         z-index: 0;
    5408         max-width: 350px;
    5409         min-width: 130px;
    5410         padding: 8px 4px;
    5411         display: none;
    5412         opacity: 0;
    5413 }
    5414 
    5415 .revisions-tooltip.flipped {
    5416         margin-left: 0;
    5417         margin-right: -70px;
    5418 }
    5419 
    5420 .revisions.pinned .revisions-tooltip {
    5421         display: none !important;
    5422 }
    5423 
    5424 .comparing-two-revisions .revisions-tooltip {
    5425         bottom: 145px;
    5426 }
    5427 
    5428 .revisions-tooltip-arrow {
    5429         width: 70px;
    5430         height: 15px;
    5431         overflow: hidden;
    5432         position: absolute;
    5433         left: 0;
    5434         margin-left: 35px;
    5435         bottom: -15px;
    5436 }
    5437 
    5438 .revisions-tooltip.flipped .revisions-tooltip-arrow {
    5439         margin-left: 0;
    5440         margin-right: 35px;
    5441         left: auto;
    5442         right: 0;
    5443 }
    5444 
    5445 .revisions-tooltip-arrow > span {
    5446         content: "";
    5447         position: absolute;
    5448         left: 20px;
    5449         top: -20px;
    5450         width: 25px;
    5451         height: 25px;
    5452         -webkit-transform: rotate(45deg);
    5453         -moz-transform:    rotate(45deg);
    5454         -ms-transform:     rotate(45deg);
    5455         -o-transform:      rotate(45deg);
    5456         transform:         rotate(45deg);
    5457 }
    5458 
    5459 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
    5460         left: auto;
    5461         right: 20px;
    5462 }
    5463 
    5464 .ie8 .revisions-tooltip-arrow > span {
    5465         left: 15px;
    5466         top: -25px;
    5467         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
    5468 }
    5469 
    5470 .ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
    5471         right: 25px;
    5472 }
    5473 
    5474 .revisions-tooltip,
    5475 .revisions-tooltip-arrow > span {
    5476         border: 1px solid #d7d7d7;
    5477         background-color: #fff;
    5478 }
    5479 
    5480 .revisions-tooltip {
    5481         display: none;
    5482 }
    5483 
    5484 .arrow {
    5485         width: 70px;
    5486         height: 16px;
    5487         overflow: hidden;
    5488         position: absolute;
    5489         left: 0;
    5490         margin-left: -35px;
    5491         bottom: 90px;
    5492         z-index: 10000;
    5493 }
    5494 
    5495 .arrow::after {
    5496         z-index: 9999;
    5497         background-color: #fff;
    5498         box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    5499 }
    5500 
    5501 .arrow.top {
    5502         top: -16px;
    5503         bottom: auto;
    5504 }
    5505 
    5506 .arrow.left {
    5507         left: 20%;
    5508 }
    5509 
    5510 .arrow:after {
    5511         content: "";
    5512         position: absolute;
    5513         left: 20px;
    5514         top: -20px;
    5515         width: 25px;
    5516         height: 25px;
    5517         -webkit-transform: rotate(45deg);
    5518         -moz-transform: rotate(45deg);
    5519         -ms-transform: rotate(45deg);
    5520         -o-transform: rotate(45deg);
    5521         transform: rotate(45deg);
    5522 }
    5523 
    5524 .revisions-tooltip,
    5525 .revisions-tooltip-arrow:after {
    5526         border-width: 1px;
    5527         border-style: solid;
    5528 }
    5529 
    5530 div.revisions-controls > .wp-slider > .ui-slider-handle {
    5531         margin-left: -10px;
    5532 }
    5533 
    5534 .rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
    5535         margin-right: -10px;
    5536 }
    5537 
    5538  /* jQuery UI Slider */
    5539 .wp-slider.ui-slider {
    5540         position: relative;
    5541         border: 1px solid #d7d7d7;
    5542         text-align: left;
    5543         cursor: pointer;
    5544 }
    5545 
    5546 .wp-slider .ui-slider-handle {
    5547         border-radius: 50%;
    5548         height: 18px;
    5549         margin-top: -3px;
    5550         outline: none;
    5551         position: absolute;
    5552         width: 18px;
    5553         z-index: 2;
    5554 }
    5555 
    5556 .wp-slider .ui-slider-handle,
    5557 .wp-slider .ui-slider-handle.ui-state-hover,
    5558 .wp-slider .ui-slider-handle.focus {
    5559         background: #2ea2cc;
    5560         border: 1px solid #0074a2;
    5561         -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
    5562         box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
    5563 }
    5564 
    5565 .wp-slider .ui-slider-handle:before {
    5566         background: none;
    5567         position: absolute;
    5568         top: 0;
    5569         left: 0;
    5570         color: #fff;
    5571         content: "\f229";
    5572         font: normal 18px/1 'dashicons';
    5573         speak: none;
    5574         -webkit-font-smoothing:antialiased;
    5575         -moz-osx-font-smoothing: grayscale;
    5576 }
    5577 
    5578 .wp-slider .ui-slider-handle.from-handle:before,
    5579 .wp-slider .ui-slider-handle.to-handle:before {
    5580         font-size: 20px !important;
    5581         margin: -1px 0 0 -1px;
    5582 }
    5583 
    5584 .wp-slider .ui-slider-handle.from-handle:before {
    5585         content: '\f139';
    5586 }
    5587 
    5588 .wp-slider .ui-slider-handle.to-handle:before {
    5589         content: '\f141';
    5590 }
    5591 
    5592 .rtl .wp-slider .ui-slider-handle.from-handle:before {
    5593         content: '\f141';
    5594 }
    5595 
    5596 .rtl .wp-slider .ui-slider-handle.to-handle:before {
    5597         content: '\f139';
    5598         right: -1px;
    5599 }
    5600 
    5601 .wp-slider .ui-slider-range {
    5602         position: absolute;
    5603         font-size: .7em;
    5604         display: block;
    5605         border: 0;
    5606         background-color: transparent;
    5607         background-image: none;
    5608 }
    5609 
    5610 .wp-slider.ui-slider-horizontal {
    5611         height: .7em;
    5612 }
    5613 
    5614 .wp-slider.ui-slider-horizontal .ui-slider-handle {
    5615         top: -.25em;
    5616         margin-left: -.6em;
    5617 }
    5618 
    5619 .wp-slider.ui-slider-horizontal .ui-slider-range {
    5620         top: 0;
    5621         height: 100%;
    5622 }
    5623 
    5624 .wp-slider.ui-slider-horizontal .ui-slider-range-min {
    5625         left: 0;
    5626 }
    5627 
    5628 .wp-slider.ui-slider-horizontal .ui-slider-range-max {
    5629         right: 0;
    5630 }
    5631 
    5632 
    5633 /*------------------------------------------------------------------------------
    5634   11.3 - Featured Images
    5635 ------------------------------------------------------------------------------*/
    5636 
    5637 #select-featured-image {
    5638         padding: 4px 0;
    5639         overflow: hidden;
    5640 }
    5641 
    5642 #select-featured-image img {
    5643         max-width: 100%;
    5644         height: auto;
    5645         margin-bottom: 10px;
    5646 }
    5647 
    5648 #select-featured-image a {
    5649         float: left;
    5650         clear: both;
    5651 }
    5652 
    5653 #select-featured-image .remove {
    5654         display: none;
    5655         margin-top: 10px;
    5656 }
    5657 
    5658 .js #select-featured-image.has-featured-image .remove {
    5659         display: inline-block;
    5660 }
    5661 
    5662 .no-js #select-featured-image .choose {
    5663         display: none;
    5664 }
    5665 
    5666 /*------------------------------------------------------------------------------
    5667   11.4 - Post formats
    5668 ------------------------------------------------------------------------------*/
    5669 
    5670 .post-state-format {
    5671         overflow: hidden;
    5672         display: inline-block;
    5673         vertical-align: middle;
    5674         height: 20px;
    5675         width: 20px;
    5676         margin-right: 5px;
    5677         margin-top: -4px;
    5678 }
    5679 
    5680 .post-state-format:before {
    5681         display: block;
    5682         height: 20px;
    5683         width: 20px;
    5684         font: normal 20px/1 'dashicons' !important;
    5685         speak: none;
    5686         -webkit-font-smoothing: antialiased;
    5687         -moz-osx-font-smoothing: grayscale;
    5688 }
    5689 
    5690 .post-state-format:before,
    5691 .post-format-icon:before {
    5692         color: #ddd;
    5693         -webkit-transition: all .1s ease-in-out;
    5694         -moz-transition:    all .1s ease-in-out;
    5695         transition:         all .1s ease-in-out;
    5696 }
    5697 
    5698 a.post-state-format:hover:before,
    5699 a.post-format-icon:hover:before {
    5700         color: #2ea2cc;
    5701 }
    5702 
    5703 #post-formats-select {
    5704         line-height: 2em;
    5705 }
    5706 
    5707 #post-formats-select .post-format-icon:before {
    5708         top: 5px;
    5709 }
    5710 
    5711 input.post-format {
    5712         margin-top: 1px;
    5713 }
    5714 
    5715 label.post-format-icon {
    5716         margin-left: 0px;
    5717         padding: 2px 0 2px 0px;
    5718 }
    5719 
    5720 .post-format-icon:before {
    5721         position: relative;
    5722         display: inline-block;
    5723         margin-right: 7px;
    5724         font: normal 20px/1 'dashicons';
    5725         speak: none;
    5726         -webkit-font-smoothing: antialiased;
    5727         -moz-osx-font-smoothing: grayscale;
    5728 }
    5729 
    5730 .post-state-format.post-format-standard:before,
    5731 .post-format-icon.post-format-standard:before,
    5732 a.post-state-format.format-standard:before {
    5733         content: '\f109';
    5734 }
    5735 
    5736 .post-state-format.post-format-image:before,
    5737 .post-format-icon.post-format-image:before,
    5738 a.post-state-format.format-image:before {
    5739         content: '\f128';
    5740 }
    5741 
    5742 .post-state-format.post-format-gallery:before,
    5743 .post-format-icon.post-format-gallery:before,
    5744 a.post-state-format.format-gallery:before {
    5745         content: '\f161';
    5746 }
    5747 
    5748 .post-state-format.post-format-audio:before,
    5749 .post-format-icon.post-format-audio:before,
    5750 a.post-state-format.format-audio:before {
    5751         content: '\f127';
    5752 }
    5753 
    5754 .post-state-format.post-format-video:before,
    5755 .post-format-icon.post-format-video:before,
    5756 a.post-state-format.format-video:before {
    5757         content: '\f126';
    5758 }
    5759 
    5760 .post-state-format.post-format-chat:before,
    5761 .post-format-icon.post-format-chat:before,
    5762 a.post-state-format.format-chat:before {
    5763         content: '\f125';
    5764 }
    5765 
    5766 .post-state-format.post-format-status:before,
    5767 .post-format-icon.post-format-status:before,
    5768 a.post-state-format.format-status:before {
    5769         content: '\f130';
    5770 }
    5771 
    5772 .post-state-format.post-format-aside:before,
    5773 .post-format-icon.post-format-aside:before,
    5774 a.post-state-format.format-aside:before {
    5775         content: '\f123';
    5776 }
    5777 
    5778 .post-state-format.post-format-quote:before,
    5779 .post-format-icon.post-format-quote:before,
    5780 a.post-state-format.format-quote:before {
    5781         content: '\f122';
    5782 }
    5783 
    5784 .post-state-format.post-format-link:before,
    5785 .post-format-icon.post-format-link:before,
    5786 a.post-state-format.format-link:before {
    5787         content: '\f103';
    5788 }
    5789 
    5790 /*------------------------------------------------------------------------------
    5791   12.0 - Categories
    5792 ------------------------------------------------------------------------------*/
    5793 
    5794 .category-adder {
    5795         margin-left: 120px;
    5796         padding: 4px 0;
    5797 }
    5798 
    5799 .category-adder h4 {
    5800         margin: 0 0 8px;
    5801 }
    5802 
    5803 #side-sortables .category-adder {
    5804         margin: 0;
    5805 }
    5806 
    5807 #post-body ul.add-menu-item-tabs {
    5808         float: left;
    5809         width: 120px;
    5810         text-align: right;
    5811         /* Negative margin for the sake of those without JS: all tabs display */
    5812         margin: 0 -120px 0 5px;
    5813         padding: 0;
    5814 }
    5815 
    5816 ul.add-menu-item-tabs li {
    5817         padding: 3px 5px 3px 8px;
    5818 }
    5819 
    5820 #post-body ul.add-menu-item-tabs li.tabs {
    5821         -webkit-border-top-left-radius: 3px;
    5822         -webkit-border-bottom-left-radius: 3px;
    5823         border-top-left-radius: 3px;
    5824         border-bottom-left-radius: 3px;
    5825 }
    5826 
    5827 .wp-tab-panel,
    5828 .categorydiv div.tabs-panel,
    5829 .customlinkdiv div.tabs-panel,
    5830 .posttypediv div.tabs-panel,
    5831 .taxonomydiv div.tabs-panel {
    5832         min-height: 42px;
    5833         max-height: 200px;
    5834         overflow: auto;
    5835         padding: 0 0.9em;
    5836         border: solid 1px #dfdfdf;
    5837         background-color: #fdfdfd;
    5838 }
    5839 
    5840 div.tabs-panel-active {
    5841         display:block;
    5842 }
    5843 
    5844 div.tabs-panel-inactive {
    5845         display:none;
    5846 }
    5847 
    5848 #front-page-warning,
    5849 #front-static-pages ul,
    5850 ul.export-filters,
    5851 .inline-editor ul.cat-checklist ul,
    5852 .categorydiv ul.categorychecklist ul,
    5853 .customlinkdiv ul.categorychecklist ul,
    5854 .posttypediv ul.categorychecklist ul,
    5855 .taxonomydiv ul.categorychecklist ul {
    5856         margin-left: 18px;
    5857 }
    5858 
    5859 ul.categorychecklist li {
    5860         margin: 0;
    5861         padding: 0;
    5862         line-height: 22px;
    5863         word-wrap: break-word;
    5864 }
    5865 
    5866 .categorydiv .tabs-panel,
    5867 .customlinkdiv .tabs-panel,
    5868 .posttypediv .tabs-panel,
    5869 .taxonomydiv .tabs-panel {
    5870         border-width: 3px;
    5871         border-style: solid;
    5872 }
    5873 
    5874 .form-wrap p,
    5875 .form-wrap label {
    5876         font-size: 11px;
    5877 }
    5878 
    5879 .form-wrap label {
    5880         display: block;
    5881         padding: 2px;
    5882         font-size: 12px;
    5883 }
    5884 
    5885 .form-field input,
    5886 .form-field textarea {
    5887         border-style: solid;
    5888         border-width: 1px;
    5889         width: 95%;
    5890 }
    5891 
    5892 p.description,
    5893 .form-wrap p {
    5894         margin: 2px 0 5px;
    5895         color: #666;
    5896 }
    5897 
    5898 p.help,
    5899 p.description,
    5900 span.description,
    5901 .form-wrap p {
    5902         font-size: 13px;
    5903         font-style: italic;
    5904 }
    5905 
    5906 .form-wrap .form-field {
    5907         margin: 0 0 10px;
    5908         padding: 8px 0;
    5909 }
    5910 
    5911 .form-wrap .form-field #parent {
    5912         max-width: 100%;
    5913 }
    5914 
    5915 .col-wrap h3 {
    5916         margin: 12px 0;
    5917         font-size: 1.1em;
    5918 }
    5919 
    5920 .col-wrap p.submit {
    5921         margin-top: -10px;
    5922 }
    5923 
    5924 
    5925 /*------------------------------------------------------------------------------
    5926   13.0 - Tags
    5927 ------------------------------------------------------------------------------*/
    5928 
    5929 .tagsdiv {
    5930         margin-top: -8px;
    5931 }
    5932 
    5933 #poststuff .taghint {
    5934         color: #aaa;
    5935         margin: 15px 0 -24px 12px;
    5936 }
    5937 
    5938 #poststuff .tagsdiv .howto {
    5939         margin: 0 0 6px 0;
    5940 }
    5941 
    5942 .ajaxtag .newtag {
    5943         position: relative;
    5944 }
    5945 
    5946 .tagsdiv .newtag {
    5947         width: 180px;
    5948 }
    5949 
    5950 .tagsdiv .the-tags {
    5951         display: block;
    5952         height: 60px;
    5953         margin: 0 auto;
    5954         overflow: auto;
    5955         width: 260px;
    5956 }
    5957 
    5958 #post-body-content .tagsdiv .the-tags {
    5959         margin: 0 5px;
    5960 }
    5961 
    5962 p.popular-tags {
    5963         border: none;
    5964         line-height: 2em;
    5965         max-width: 1000px;
    5966         padding: 8px 12px 12px;
    5967         text-align: justify;
    5968 }
    5969 
    5970 p.popular-tags a {
    5971         padding: 0 3px;
    5972 }
    5973 
    5974 .tagcloud {
    5975         width: 97%;
    5976         margin: 0 0 40px;
    5977         text-align: justify;
    5978 }
    5979 
    5980 .tagcloud h3 {
    5981         margin: 2px 0 12px;
    5982 }
    5983 
    5984 .ac_results {
    5985         padding: 0;
    5986         margin: 0;
    5987         list-style: none;
    5988         position: absolute;
    5989         z-index: 10000;
    5990         display: none;
    5991         border: 1px solid #808080;
    5992         background-color: #fff;
    5993 }
    5994 
    5995 .wp-customizer .ac_results {
    5996         z-index: 500000;
    5997 }
    5998 
    5999 .ac_results li {
    6000         padding: 2px 5px;
    6001         white-space: nowrap;
    6002         color: #101010;
    6003         text-align: left;
    6004 }
    6005 
    6006 .ac_over {
    6007         background-color: #f0f0b8;
    6008         cursor: pointer;
    6009 }
    6010 
    6011 .ac_match {
    6012         text-decoration: underline;
    6013 }
    6014 
    6015 /* links tables */
    6016 table.links-table {
    6017         width: 100%;
    6018         border-spacing: 0;
    6019 }
    6020 
    6021 .links-table th {
    6022         font-weight: normal;
    6023         text-align: left;
    6024         vertical-align: top;
    6025         min-width: 80px;
    6026         width: 20%;
    6027         word-wrap: break-word;
    6028 }
    6029 
    6030 .links-table th,
    6031 .links-table td {
    6032         padding: 5px 0;
    6033 }
    6034 
    6035 .links-table td label {
    6036         margin-right: 8px;
    6037 }
    6038 
    6039 .links-table td input[type="text"],
    6040 .links-table td textarea {
    6041         width: 100%;
    6042 }
    6043 
    6044 .links-table #link_rel {
    6045         max-width: 280px;
    6046 }
    6047 
    6048 /*------------------------------------------------------------------------------
    6049   14.0 - Media Screen
    6050 ------------------------------------------------------------------------------*/
    6051 
    6052 .media-item .describe {
    6053         border-collapse: collapse;
    6054         width: 100%;
    6055         border-top: 1px solid #dfdfdf;
    6056         clear: both;
    6057         cursor: default;
    6058 }
    6059 
    6060 .media-item.media-blank .describe {
    6061         border: 0;
    6062 }
    6063 
    6064 .media-item .describe th {
    6065         vertical-align: top;
    6066         text-align: left;
    6067         padding: 5px 10px 10px;
    6068         width: 140px;
    6069 }
    6070 
    6071 .media-item .describe .align th {
    6072         padding-top: 0;
    6073 }
    6074 
    6075 .media-item .media-item-info tr {
    6076         background-color: transparent;
    6077 }
    6078 
    6079 .media-item .describe td {
    6080         padding: 0 8px 8px 0;
    6081         vertical-align: top;
    6082 }
    6083 
    6084 .media-item thead.media-item-info td {
    6085         padding: 4px 10px 0;
    6086 }
    6087 
    6088 .media-item .media-item-info .A1B1 {
    6089         padding: 0 0 0 10px;
    6090 }
    6091 
    6092 .media-item td.savesend {
    6093         padding-bottom: 15px;
    6094 }
    6095 
    6096 .media-item .thumbnail {
    6097         max-height: 128px;
    6098         max-width: 128px;
    6099 }
    6100 
    6101 #wpbody-content #async-upload-wrap a {
    6102         display: none;
    6103 }
    6104 
    6105 .media-upload-form {
    6106         margin-top: 20px;
    6107 }
    6108 
    6109 .media-upload-form td label {
    6110         margin-right: 6px;
    6111         margin-left: 2px;
    6112 }
    6113 
    6114 .media-upload-form .align .field label {
    6115         display: inline;
    6116         padding: 0 0 0 23px;
    6117         margin: 0 1em 0 3px;
    6118         font-weight: 600;
    6119 }
    6120 
    6121 .media-upload-form tr.image-size label {
    6122         margin: 0 0 0 5px;
    6123         font-weight: 600;
    6124 }
    6125 
    6126 .media-upload-form th.label label {
    6127         font-weight: 600;
    6128         margin: 0.5em;
    6129         font-size: 13px;
    6130 }
    6131 
    6132 .media-upload-form th.label label span {
    6133         padding: 0 5px;
    6134 }
    6135 
    6136 .media-item .describe input[type="text"],
    6137 .media-item .describe textarea {
    6138         width: 460px;
    6139 }
    6140 
    6141 .media-item .describe p.help {
    6142         margin: 0;
    6143         padding: 0 0 0 5px;
    6144 }
    6145 
    6146 .media-item .edit-attachment,
    6147 .describe-toggle-on,
    6148 .describe-toggle-off {
    6149         display: block;
    6150         line-height: 36px;
    6151         float: right;
    6152 }
    6153 
    6154 .media-item .describe-toggle-off,
    6155 .media-item.open .describe-toggle-on {
    6156         display: none;
    6157 }
    6158 
    6159 .media-item.open .describe-toggle-off {
    6160         display: block;
    6161 }
    6162 
    6163 #media-items .media-item {
    6164         border-bottom: 1px solid #dfdfdf;
    6165         min-height: 36px;
    6166         position: relative;
    6167         width: 100%;
    6168 }
    6169 
    6170 #media-items {
    6171         width: 623px;
    6172 }
    6173 
    6174 .media-new-php #media-items {
    6175         margin: 1em 0;
    6176 }
    6177 
    6178 #media-items:empty {
    6179         border: 0 none;
    6180 }
    6181 
    6182 .media-item .filename {
    6183         line-height: 36px;
    6184         overflow: hidden;
    6185 }
    6186 
    6187 .media-item .error-div {
    6188         padding-left: 10px;
    6189 }
    6190 
    6191 .media-item .pinkynail {
    6192         float: left;
    6193         margin: 2px 10px 0 0;
    6194         max-width: 40px;
    6195         max-height: 32px;
    6196 }
    6197 
    6198 .media-item .startopen,
    6199 .media-item .startclosed {
    6200         display: none;
    6201 }
    6202 
    6203 .media-item .original {
    6204         position: relative;
    6205         height: 34px;
    6206 }
    6207 
    6208 .media-item .progress {
    6209         float: right;
    6210         height: 22px;
    6211         margin: 7px 0 0;
    6212         width: 200px;
    6213         line-height: 2em;
    6214         padding: 0;
    6215         overflow: hidden;
    6216         margin-bottom: 2px;
    6217         border-radius: 22px;
    6218         background: #ddd;
    6219         -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    6220         box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    6221 }
    6222 
    6223 .media-item .bar {
    6224         z-index: 9;
    6225         width: 0;
    6226         height: 100%;
    6227         margin-top: -22px;
    6228         border-radius: 22px;
    6229         background-color: #0074a2;
    6230         -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    6231         box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    6232 }
    6233 
    6234 .media-item .progress .percent {
    6235         z-index: 10;
    6236         position: relative;
    6237         width: 200px;
    6238         padding: 0;
    6239         color: #fff;
    6240         text-align: center;
    6241         line-height: 22px;
    6242         font-weight: 400;
    6243         text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    6244 }
    6245 
    6246 .upload-php .fixed .column-parent {
    6247         width: 15%;
    6248 }
    6249 
    6250 .js .html-uploader #plupload-upload-ui {
    6251         display: none;
    6252 }
    6253 
    6254 .js .html-uploader #html-upload-ui {
    6255         display: block;
    6256 }
    6257 
    6258 .media-upload-form .media-item.error {
    6259         margin: 0;
    6260         padding: 0;
    6261 }
    6262 
    6263 .media-upload-form .media-item.error p,
    6264 .media-item .error-div {
    6265         line-height: 16px;
    6266         margin: 5px 10px;
    6267         padding: 0;
    6268 }
    6269 
    6270 .media-item .error-div a.dismiss {
    6271         display: block;
    6272         float: right;
    6273         margin: 5px 4px 0 15px;
    6274 }
    6275 
    6276 /*------------------------------------------------------------------------------
    6277   14.1 - Media Library
    6278 ------------------------------------------------------------------------------*/
    6279 
    6280 .find-box {
    6281         width: 600px;
    6282         height: 300px;
    6283         overflow: hidden;
    6284         padding: 33px 0 51px;
    6285         position: absolute;
    6286         z-index: 1000;
    6287         background-color: #444;
    6288 }
    6289 
    6290 .find-box-head {
    6291         cursor: move;
    6292         color: #eee;
    6293         font-weight: 600;
    6294         height: 2em;
    6295         line-height: 2em;
    6296         padding: 1px 12px;
    6297         position: absolute;
    6298         top: 5px;
    6299         width: 100%;
    6300 }
    6301 
    6302 .find-box-inside {
    6303         overflow: auto;
    6304         padding: 6px;
    6305         height: 100%;
    6306         background-color: #fff;
    6307 }
    6308 
    6309 .find-box-search,
    6310 .find-box-buttons {
    6311         overflow: hidden;
    6312         padding: 8px;
    6313         position: relative;
    6314         background-color: #f7f7f7;
    6315         border-top: 1px solid #dfdfdf;
    6316 }
    6317 
    6318 .find-box-search .spinner {
    6319         float: none;
    6320         left: 125px;
    6321         position: absolute;
    6322         top: 9px;
    6323 }
    6324 
    6325 #find-posts-input {
    6326         float: left;
    6327         width: 140px;
    6328         height: 24px;
    6329 }
    6330 
    6331 #find-posts-search {
    6332         float: left;
    6333         margin: 1px 4px 0 3px;
    6334 }
    6335 
    6336 #find-posts-response {
    6337         margin: 8px 0;
    6338         padding: 0 1px 6px;
    6339 }
    6340 
    6341 #find-posts-response table {
    6342         width: 100%;
    6343 }
    6344 
    6345 #find-posts-response .found-radio {
    6346         padding: 3px 0 0 8px;
    6347         width: 15px;
    6348 }
    6349 
    6350 .find-box #resize-se {
    6351         position: absolute;
    6352         right: 1px;
    6353         bottom: 1px;
    6354 }
    6355 
    6356 .ui-find-overlay {
    6357         position: absolute;
    6358         top: 0;
    6359         left: 0;
    6360         background-color: #000;
    6361         opacity: 0.6;
    6362         filter: alpha(opacity=60);
    6363 }
    6364 
    6365 ul#dismissed-updates {
    6366         display: none;
    6367 }
    6368 
    6369 form.upgrade {
    6370         margin-top: 8px;
    6371 }
    6372 
    6373 form.upgrade .hint {
    6374         font-style: italic;
    6375         font-size: 85%;
    6376         margin: -0.5em 0 2em 0;
    6377 }
    6378 
    6379 #poststuff .inside .the-tagcloud {
    6380         margin: 5px 0 10px;
    6381         padding: 8px;
    6382         border: 1px solid #ddd;
    6383         line-height: 1.8em;
    6384         word-spacing: 3px;
    6385         -webkit-border-radius: 6px;
    6386         border-radius: 6px;
    6387 }
    6388 
    6389 .drag-drop #drag-drop-area {
    6390         border: 4px dashed #bbb;
    6391         height: 200px;
    6392 }
    6393 
    6394 .drag-drop .drag-drop-inside {
    6395         margin: 70px auto 0;
    6396         width: 250px;
    6397 }
    6398 
    6399 .drag-drop-inside p {
    6400         color: #aaa;
    6401         font-size: 14px;
    6402         margin: 5px 0;
    6403         display: none;
    6404 }
    6405 
    6406 .drag-drop .drag-drop-inside p {
    6407         text-align: center;
    6408 }
    6409 
    6410 .drag-drop-inside p.drag-drop-info {
    6411         font-size: 20px;
    6412 }
    6413 
    6414 .drag-drop .drag-drop-inside p,
    6415 .drag-drop-inside p.drag-drop-buttons {
    6416         display: block;
    6417 }
    6418 
    6419 /*
    6420 #drag-drop-area:-moz-drag-over {
    6421         border-color: #83b4d8;
    6422 }
    6423 borger color while dragging a file over the uploader drop area */
    6424 .drag-drop.drag-over #drag-drop-area {
    6425         border-color: #83b4d8;
    6426 }
    6427 
    6428 #plupload-upload-ui {
    6429         position: relative;
    6430 }
    6431 
    6432 
    6433 /*------------------------------------------------------------------------------
    6434   14.2 - Image Editor
    6435 ------------------------------------------------------------------------------*/
    6436 
    6437 .wp_attachment_details #attachment_caption {
    6438         height: 4em;
    6439 }
    6440 
    6441 .describe .image-editor {
    6442         vertical-align: top;
    6443 }
    6444 
    6445 .imgedit-wrap {
    6446         position: relative;
    6447 }
    6448 
    6449 .imgedit-settings p {
    6450         margin: 8px 0;
    6451 }
    6452 
    6453 .post-php .imgedit-wrap table {
    6454         width: 100%;
    6455 }
    6456 
    6457 .describe .imgedit-wrap table td,
    6458 .wp_attachment_holder .imgedit-wrap table td {
    6459         vertical-align: top;
    6460         padding-top: 0;
    6461 }
    6462 
    6463 .describe .imgedit-wrap table td.imgedit-settings {
    6464         padding: 0 5px;
    6465 }
    6466 
    6467 .wp_attachment_holder .imgedit-wrap table td.imgedit-settings {
    6468         width: 250px;
    6469 }
    6470 
    6471 td.imgedit-settings input {
    6472         margin-top: 0;
    6473         vertical-align: middle;
    6474 }
    6475 
    6476 .imgedit-wait {
    6477         position: absolute;
    6478         top: 0;
    6479         background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px;
    6480         background-size: 20px 20px;
    6481         opacity: 0.7;
    6482         filter: alpha(opacity=70);
    6483         width: 100%;
    6484         height: 500px;
    6485         display: none;
    6486 }
    6487 
    6488 .spinner {
    6489         background: url('../images/spinner.gif') no-repeat;
    6490         background-size: 20px 20px;
    6491         display: none;
    6492         float: right;
    6493         opacity: 0.7;
    6494         filter: alpha(opacity=70);
    6495         width: 20px;
    6496         height: 20px;
    6497         margin: 2px 5px 0;
    6498 }
    6499 
    6500 .no-float {
    6501         float: none;
    6502 }
    6503 
    6504 .media-disabled,
    6505 .imgedit-settings .disabled  {
    6506         color: grey;
    6507 }
    6508 
    6509 .wp_attachment_image,
    6510 .A1B1 {
    6511         overflow: hidden;
    6512 }
    6513 
    6514 .wp_attachment_image .button,
    6515 .A1B1 .button {
    6516         float: left;
    6517 }
    6518 
    6519 .no-js .wp_attachment_image .button {
    6520         display: none;
    6521 }
    6522 
    6523 .wp_attachment_image .spinner,
    6524 .A1B1 .spinner {
    6525         float: left;
    6526         padding: 0 0 4px 0;
    6527         vertical-align: bottom;
    6528 }
    6529 
    6530 .imgedit-menu {
    6531         margin: 0 0 12px;
    6532         min-width: 300px;
    6533 }
    6534 
    6535 .imgedit-menu div {
    6536         float: left;
    6537         width: 32px;
    6538         border: 1px solid #d5d5d5;
    6539         background: #f1f1f1;
    6540         margin: 0 8px 0 0;
    6541         height: 32px;
    6542         -webkit-font-smoothing: antialiased;
    6543         -moz-osx-font-smoothing: grayscale;
    6544         text-align: center;
    6545         line-height: 28px;
    6546         color: #777;
    6547 }
    6548 
    6549 .imgedit-menu div:before {
    6550         font: normal 20px/1 'dashicons';
    6551         speak: none;
    6552         vertical-align: middle;
    6553 }
    6554 
    6555 .imgedit-menu div:hover {
    6556         border-color: #c1c1c1;
    6557         background-color: #eaeaea;
    6558         color: #333;
    6559 }
    6560 
    6561 .imgedit-menu div.disabled {
    6562         border-color: #ccc;
    6563         background-color: #ddd;
    6564         filter: alpha(opacity=50);
    6565         opacity: 0.5;
    6566 }
    6567 
    6568 .imgedit-crop:before {
    6569         content:'\f165';
    6570 }
    6571 
    6572 .imgedit-rleft:before {
    6573         content:'\f166';
    6574 }
    6575 
    6576 .imgedit-rright:before {
    6577         content:'\f167';
    6578 }
    6579 
    6580 .imgedit-flipv:before {
    6581         content:'\f168';
    6582 }
    6583 
    6584 .imgedit-fliph:before {
    6585         content:'\f169';
    6586 }
    6587 
    6588 .imgedit-undo:before {
    6589         content:'\f171';
    6590 }
    6591 
    6592 .imgedit-redo:before {
    6593         content:'\f172';
    6594 }
    6595 
    6596 .imgedit-crop-wrap {
    6597         position: relative;
    6598 }
    6599 
    6600 .imgedit-crop {
    6601         margin: 0 8px 0 0;
    6602 }
    6603 
    6604 .imgedit-rleft {
    6605         margin: 0 3px;
    6606 }
    6607 
    6608 .imgedit-rright {
    6609         margin: 0 8px 0 3px;
    6610 }
    6611 
    6612 .imgedit-flipv {
    6613         margin: 0 3px;
    6614 }
    6615 
    6616 .imgedit-fliph {
    6617         margin: 0 8px 0 3px;
    6618 }
    6619 
    6620 .imgedit-undo {
    6621         margin: 0 3px;
    6622 }
    6623 
    6624 .imgedit-redo {
    6625         margin: 0 8px 0 3px;
    6626 }
    6627 
    6628 .imgedit-applyto img {
    6629         margin: 0 8px 0 0;
    6630 }
    6631 
    6632 .imgedit-group-top {
    6633         margin: 5px 0;
    6634 }
    6635 
    6636 .imgedit-applyto .imgedit-label {
    6637         padding: 2px 0 0;
    6638         display: block;
    6639 }
    6640 
    6641 .imgedit-help {
    6642         display: none;
    6643         font-style: italic;
    6644         margin-bottom: 8px;
    6645 }
    6646 
    6647 a.imgedit-help-toggle {
    6648         text-decoration: none;
    6649 }
    6650 
    6651 .form-table td.imgedit-response {
    6652         padding: 0;
    6653 }
    6654 
    6655 .imgedit-submit {
    6656         margin: 8px 0;
    6657 }
    6658 
    6659 .imgedit-submit-btn {
    6660         margin-left: 20px;
    6661 }
    6662 
    6663 .imgedit-wrap .nowrap {
    6664         white-space: nowrap;
    6665 }
    6666 
    6667 span.imgedit-scale-warn {
    6668         color: red;
    6669         font-size: 20px;
    6670         font-style: normal;
    6671         visibility: hidden;
    6672         vertical-align: middle;
    6673 }
    6674 
    6675 .imgedit-group {
    6676         margin-bottom: 8px;
    6677         padding: 2px 10px;
    6678 }
    6679 
    6680 /*------------------------------------------------------------------------------
    6681   15.0 - Comments Screen
    6682 ------------------------------------------------------------------------------*/
    6683 
    6684 .form-table {
    6685         border-collapse: collapse;
    6686         margin-top: 0.5em;
    6687         width: 100%;
    6688         clear: both;
    6689 }
    6690 
    6691 .form-table,
    6692 .form-table td,
    6693 .form-table th,
    6694 .form-table td p,
    6695 .form-wrap label {
    6696         font-size: 14px;
    6697 }
    6698 
    6699 .form-table td {
    6700         margin-bottom: 9px;
    6701         padding: 15px 10px;
    6702         line-height: 1.3;
    6703         vertical-align: middle;
    6704 }
    6705 
    6706 .form-table th,
    6707 .form-wrap label {
    6708         color: #222;
    6709         font-weight: normal;
    6710         text-shadow: none;
    6711         vertical-align: baseline;
    6712 }
    6713 
    6714 .form-table th {
    6715         vertical-align: top;
    6716         text-align: left;
    6717         padding: 20px 10px 20px 0;
    6718         width: 200px;
    6719         line-height: 1.3;
    6720         font-weight: 600;
    6721 }
    6722 
    6723 .form-table th.th-full {
    6724         width: auto;
    6725         font-weight: 400;
    6726 }
    6727 
    6728 .form-table input.tog {
    6729         margin-top: 2px;
    6730         margin-right: 2px;
    6731         float: left;
    6732 }
    6733 
    6734 .form-table td p {
    6735         margin-top: 4px;
    6736         margin-bottom: 0;
    6737 }
    6738 
    6739 .form-table td fieldset label {
    6740         margin: 0.25em 0 0.5em !important;
    6741         display: inline-block;
    6742 }
    6743 
    6744 .form-table td fieldset label,
    6745 .form-table td fieldset p,
    6746 .form-table td fieldset li {
    6747         line-height: 1.4em;
    6748 }
    6749 
    6750 .form-table input.tog,
    6751 .form-table input[type=radio] {
    6752         margin-top: -4px;
    6753         margin-right: 4px;
    6754         float: none;
    6755 }
    6756 
    6757 .commentlist li {
    6758         padding: 1em 1em .2em;
    6759         margin: 0;
    6760         border-bottom: 1px solid #ccc;
    6761 }
    6762 
    6763 .commentlist li li {
    6764         border-bottom: 0;
    6765         padding: 0;
    6766 }
    6767 
    6768 .commentlist p {
    6769         padding: 0;
    6770         margin: 0 0 .8em;
    6771 }
    6772 
    6773 #submitted-on,
    6774 .submitted-on {
    6775         color: #777;
    6776 }
    6777 
    6778 /* reply to comments */
    6779 #replyrow td {
    6780         padding: 2px;
    6781 }
    6782 
    6783 #replysubmit {
    6784         margin: 0;
    6785         padding: 0 5px 3px;
    6786         text-align: center;
    6787 }
    6788 
    6789 #replysubmit .spinner {
    6790         padding: 2px 0 0;
    6791         vertical-align: top;
    6792         float: right;
    6793 }
    6794 
    6795 #replysubmit .button {
    6796         margin-right: 5px;
    6797 }
    6798 
    6799 #replysubmit .error {
    6800         color: red;
    6801         line-height: 21px;
    6802         text-align: center;
    6803 }
    6804 
    6805 #replyrow h5 {
    6806         margin: .2em 0 0;
    6807         padding: 0 5px;
    6808         line-height: 1.4em;
    6809         font-size: 1em;
    6810 }
    6811 
    6812 #edithead .inside {
    6813         float: left;
    6814         padding: 3px 0 2px 5px;
    6815         margin: 0;
    6816         text-align: center;
    6817 }
    6818 
    6819 #edithead .inside input {
    6820         width: 180px;
    6821 }
    6822 
    6823 #edithead label {
    6824         padding: 2px 0;
    6825 }
    6826 
    6827 #replycontainer {
    6828         padding: 5px;
    6829 }
    6830 
    6831 #replycontent {
    6832         height: 120px;
    6833         -webkit-box-shadow: none;
    6834         box-shadow: none;
    6835 }
    6836 
    6837 #replyerror {
    6838         border-color: #ddd;
    6839         background-color: #f9f9f9;
    6840 }
    6841 
    6842 .comment-php .wp-editor-area {
    6843         height: 200px;
    6844 }
    6845 
    6846 .comment-ays {
    6847         margin-bottom: 0;
    6848         border-bottom-style: solid;
    6849         border-bottom-width: 1px;
    6850 }
    6851 
    6852 .comment-ays .alt {
    6853         background-color: transparent;
    6854 }
    6855 
    6856 .trash-undo-inside,
    6857 .spam-undo-inside {
    6858         margin: 1px 8px 1px 0;
    6859         line-height: 16px;
    6860 }
    6861 
    6862 .spam-undo-inside .avatar,
    6863 .trash-undo-inside .avatar {
    6864         height: 20px;
    6865         width: 20px;
    6866         margin-right: 8px;
    6867         vertical-align: middle;
    6868 }
    6869 
    6870 .stuffbox .editcomment {
    6871         clear: none;
    6872 }
    6873 
    6874 #comment-status-radio p {
    6875         margin: 3px 0 5px;
    6876 }
    6877 
    6878 #comment-status-radio input {
    6879         margin: 2px 3px 5px 0;
    6880         vertical-align: middle;
    6881 }
    6882 
    6883 #comment-status-radio label {
    6884         padding: 5px 0;
    6885 }
    6886 
    6887 .commentlist .avatar {
    6888         vertical-align: text-top;
    6889 }
    6890 
    6891 #the-comment-list tr.undo,
    6892 #the-comment-list div.undo {
    6893         background-color: #f4f4f4;
    6894 }
    6895 
    6896 #the-comment-list .unapproved th,
    6897 #the-comment-list .unapproved td {
    6898         background-color: #fefaf7;
    6899 }
    6900 
    6901 #the-comment-list .unapproved th.check-column {
    6902         border-left: 4px solid #d54e21;
    6903 }
    6904 
    6905 #the-comment-list .unapproved th.check-column input {
    6906         margin-left: 4px;
    6907 }
    6908 
    6909 #the-comment-list .approve a {
    6910         color: #006505;
    6911 }
    6912 
    6913 #the-comment-list .unapprove a {
    6914         color: #d98500;
    6915 }
    6916 
    6917 #the-comment-list th,
    6918 #the-comment-list td {
    6919         -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    6920         box-shadow:         inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    6921 }
    6922 
    6923 #the-comment-list tr:last-child th,
    6924 #the-comment-list tr:last-child td {
    6925     -webkit-box-shadow: none;
    6926     box-shadow: none;
    6927 }
    6928 
    6929 #the-comment-list tr.unapproved + tr.approved th,
    6930 #the-comment-list tr.unapproved + tr.approved td {
    6931     border-top: 1px solid rgba(0, 0, 0, 0.03);
    6932 }
    6933 
    6934 /* table vim shortcuts */
    6935 .vim-current,
    6936 .vim-current th,
    6937 .vim-current td {
    6938         background-color: #e4f2fd !important;
    6939 }
    6940 
    6941 
    6942 /*------------------------------------------------------------------------------
    6943   16.0 - Themes
    6944 ------------------------------------------------------------------------------*/
    6945 
    6946 
    6947 /*------------------------------------------------------------------------------
    6948   16.1 - Manage Themes
    6949 ------------------------------------------------------------------------------*/
    6950 
    6951 .theme-browser .themes {
    6952         clear: both;
    6953         padding: 0 0 100px;
    6954 }
    6955 
    6956 .themes-php .wrap h2 {
    6957         float: left;
    6958         margin-bottom: 15px;
    6959 }
    6960 
    6961 .network-admin.themes-php .wrap h2 {
    6962         margin-bottom: 0;
    6963 }
    6964 
    6965 .themes-php .wrap h2 .button {
    6966         margin-left: 20px;
    6967 }
    6968 
    6969 .themes-php .wrap .theme-count {
    6970         color: #fff;
    6971         border-radius: 30px;
    6972         background: #777;
    6973         font-size: 14px;
    6974         padding: 4px 10px;
    6975         font-weight: 600;
    6976         margin-left: 5px;
    6977         margin-right: 20px;
    6978         position: relative;
    6979         top: -3px;
    6980 }
    6981 
    6982 /* Position admin messages */
    6983 .themes-php div.updated,
    6984 .themes-php div.error {
    6985         margin: 0 0 20px 0;
    6986         clear: both;
    6987 }
    6988 
    6989 .themes-php div.updated a {
    6990         text-decoration: underline;
    6991 }
    6992 
    6993 /**
    6994  * Main theme element
    6995  * (has flexible margins)
    6996  */
    6997 .theme-browser .theme {
    6998         cursor: pointer;
    6999         float: left;
    7000         margin: 0 4% 4% 0;
    7001         position: relative;
    7002         width: 30.6%;
    7003         border: 1px solid #dedede;
    7004         -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
    7005         box-shadow:         0 1px 1px -1px rgba(0,0,0,0.1);
    7006         -webkit-box-sizing: border-box;
    7007         -moz-box-sizing:    border-box;
    7008         box-sizing:         border-box;
    7009 }
    7010 
    7011 .ie8 .theme-browser .theme {
    7012         width: 30%;
    7013         margin: 0 3% 4% 0;
    7014 }
    7015 
    7016 .theme-browser .theme:nth-child(3n) {
    7017         margin-right: 0;
    7018 }
    7019 
    7020 .theme-browser .theme:hover,
    7021 .theme-browser .theme:focus {
    7022         cursor: pointer;
    7023 }
    7024 
    7025 .theme-browser .theme .theme-name {
    7026         font-size: 15px;
    7027         font-weight: 600;
    7028         margin: 0;
    7029         padding: 15px;
    7030         -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    7031         box-shadow:         inset 0 1px 0 rgba(0,0,0,0.1);
    7032         overflow: hidden;
    7033         white-space: nowrap;
    7034         text-overflow: ellipsis;
    7035         background: #fff;
    7036         background: rgba(255,255,255,0.65);
    7037 }
    7038 
    7039 /* Activate and Customize buttons, shown on hover */
    7040 .theme-browser .theme .theme-actions {
    7041         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    7042         opacity: 0;
    7043         -webkit-transition: opacity 0.1s ease-in-out;
    7044         transition:         opacity 0.1s ease-in-out;
    7045         position: absolute;
    7046         bottom: 0;
    7047         right: 0;
    7048         height: 38px;
    7049         padding: 9px 10px 0 10px;
    7050         background: rgba(244, 244, 244, 0.7);
    7051         border-left: 1px solid rgba(0,0,0,0.05);
    7052 }
    7053 
    7054 .theme-browser .theme:hover .theme-actions {
    7055         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    7056         opacity: 1;
    7057 }
    7058 
    7059 .theme-browser .theme .theme-actions .button-primary {
    7060         margin-right: 3px;
    7061 }
    7062 
    7063 .theme-browser .theme .theme-actions .button-secondary {
    7064         float: none;
    7065         margin-left: 3px;
    7066 }
    7067 
    7068 /**
    7069  * Theme Screenshot
    7070  *
    7071  * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size
    7072  * It is also responsive.
    7073  */
    7074 .theme-browser .theme .theme-screenshot {
    7075         display: block;
    7076         overflow: hidden;
    7077         position: relative;
    7078         -webkit-transition: opacity 0.2s ease-in-out;
    7079         transition:         opacity 0.2s ease-in-out;
    7080 }
    7081 
    7082 .theme-browser .theme .theme-screenshot:after {
    7083         content: '';
    7084         display: block;
    7085         padding-top: 66.66666%; /* using a 3/2 aspect ratio */
    7086 }
    7087 
    7088 .theme-browser .theme .theme-screenshot img {
    7089         height: auto;
    7090         position: absolute;
    7091         left: 0;
    7092         top: 0;
    7093         width: 100%;
    7094         -webkit-transform: translateZ( 0 ); /* Prevents rendering bugs in Chrome */
    7095         -webkit-transition: opacity 0.2s ease-in-out;
    7096         transition:         opacity 0.2s ease-in-out;
    7097 }
    7098 
    7099 .theme-browser .theme:hover .theme-screenshot {
    7100         background: #fff;
    7101 }
    7102 
    7103 .theme-browser.rendered .theme:hover .theme-screenshot img {
    7104         opacity: 0.4;
    7105 }
    7106 
    7107 .theme-browser .theme .more-details {
    7108         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    7109         opacity: 0;
    7110         position: absolute;
    7111                 top: 35%;
    7112                 right: 25%;
    7113                 left: 25%;
    7114         background: #222;
    7115         background: rgba(0,0,0,0.7);
    7116         color: #fff;
    7117         font-size: 15px;
    7118         text-shadow: 0 1px 0 rgba(0,0,0,0.6);
    7119         -webkit-font-smoothing: antialiased;
    7120         font-weight: 600;
    7121         padding: 15px 12px;
    7122         text-align: center;
    7123         border-radius: 3px;
    7124         -webkit-transition: opacity 0.1s ease-in-out;
    7125         transition:         opacity 0.1s ease-in-out;
    7126 }
    7127 .theme-browser .theme:focus {
    7128         outline: 1px dotted #222;
    7129 }
    7130 /* Hide shortcut actions and hover feedback when using tab navigation */
    7131 .theme-browser .theme:focus .theme-actions {
    7132         display: none;
    7133 }
    7134 /* Restore display of theme controls if you hover a focused theme */
    7135 .theme-browser .theme:focus:hover .theme-actions {
    7136         display: block;
    7137 }
    7138 .theme-browser .theme:focus .more-details {
    7139         opacity: 1;
    7140 }
    7141 /* Current theme needs to have its action always on view */
    7142 .theme-browser .theme.active:focus .theme-actions {
    7143         display: block;
    7144 }
    7145 
    7146 .theme-browser.rendered .theme:hover .more-details {
    7147         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    7148         opacity: 1;
    7149 }
    7150 
    7151 /**
    7152  * Displays a theme update notice
    7153  * when an update is available.
    7154  */
    7155 .theme-browser .theme .theme-update {
    7156         background: #d54e21;
    7157         background: rgba(213, 78, 33, 0.95);
    7158         color: #fff;
    7159         display: block;
    7160         font-size: 13px;
    7161         font-weight: 400;
    7162         height: 48px;
    7163         line-height: 48px;
    7164         padding: 0 10px;
    7165         position: absolute;
    7166         top: 0;
    7167         right: 0;
    7168         left: 0;
    7169         border-bottom: 1px solid rgba(0,0,0,0.25);
    7170         overflow: hidden;
    7171 }
    7172 
    7173 .theme-browser .theme .theme-update:before {
    7174         content: '\f463';
    7175         display: inline-block;
    7176         font: normal 20px/1 'dashicons';
    7177         margin: 0 6px 0 0;
    7178         opacity: 0.8;
    7179         position: relative;
    7180         top: 5px;
    7181         speak: none;
    7182         -webkit-font-smoothing: antialiased;
    7183 }
    7184 
    7185 
    7186 /**
    7187  * The currently active theme
    7188  */
    7189 .theme-browser .theme.active .theme-name {
    7190         background: #2f2f2f;
    7191         color: #fff;
    7192         padding-right: 110px;
    7193         font-weight: 300;
    7194         -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
    7195         box-shadow:         inset 0 1px 1px rgba(0,0,0,0.5);
    7196 }
    7197 
    7198 .theme-browser .theme.active .theme-name span {
    7199         font-weight: 600;
    7200 }
    7201 
    7202 .theme-browser .theme.active .theme-actions {
    7203         background: rgba(49,49,49,0.7);
    7204         border-left: none;
    7205         opacity: 1;
    7206 }
    7207 
    7208 .theme-browser .theme.active .theme-actions .button-primary {
    7209         margin-right: 0;
    7210 }
    7211 
    7212 .theme-browser .theme .theme-author {
    7213         background: #222;
    7214         color: #eee;
    7215         display: none;
    7216         font-size: 14px;
    7217         margin: 0 10px;
    7218         padding: 5px 10px;
    7219         position: absolute;
    7220         bottom: 56px;
    7221 }
    7222 
    7223 .theme-browser .theme.display-author .theme-author {
    7224         display: block;
    7225 }
    7226 
    7227 .theme-browser .theme.display-author .theme-author a {
    7228         color: inherit;
    7229         text-decoration: none;
    7230 }
    7231 
    7232 /**
    7233  * Add new theme
    7234  */
    7235 .theme-browser .theme.add-new-theme {
    7236         border: none;
    7237         box-shadow: none;
    7238 }
    7239 
    7240 .theme-browser .theme.add-new-theme a {
    7241         color: #999;
    7242         text-decoration: none;
    7243         display: block;
    7244         position: relative;
    7245         z-index: 1;
    7246 }
    7247 
    7248 .theme-browser .theme.add-new-theme:after {
    7249         display: block;
    7250         content: '';
    7251         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    7252         opacity: 1;
    7253         background: transparent;
    7254         background: rgba(0, 0, 0, 0);
    7255         position: absolute;
    7256         top: 0;
    7257         left: 0;
    7258         right: 0;
    7259         bottom: 0;
    7260         padding: 10% 0 0 0;
    7261         text-shadow: none;
    7262         border: 5px dashed #d5d2ca;
    7263         border: 5px dashed rgba(0, 0, 0, 0.1);
    7264         -webkit-transition: opacity 0.2s ease-in-out;
    7265         transition:         opacity 0.2s ease-in-out;
    7266         -webkit-box-sizing: border-box;
    7267         -moz-box-sizing:    border-box;
    7268         box-sizing:         border-box;
    7269 }
    7270 
    7271 .theme-browser .theme.add-new-theme span:after {
    7272         background: #e5e5e5;
    7273         background: rgba(153, 153, 153, 0.1);
    7274         border-radius: 50%;
    7275         display: inline-block;
    7276         content: '\f132';
    7277         -webkit-font-smoothing: antialiased;
    7278         font: normal 74px/115px 'dashicons';
    7279         width: 100px;
    7280         height: 100px;
    7281         vertical-align: middle;
    7282         text-align: center;
    7283         color: rgb(153, 153, 153);
    7284         position: absolute;
    7285         top: 30%;
    7286         left: 50%;
    7287         margin-left: -50px;
    7288         text-indent: -4px;
    7289         padding: 0;
    7290         text-shadow: none;
    7291         z-index:4;
    7292 }
    7293 
    7294 .rtl .theme-browser .theme.add-new-theme span:after {
    7295         text-indent: 4px;
    7296 }
    7297 
    7298 .theme-browser .theme.add-new-theme:hover .theme-screenshot {
    7299         background: none;
    7300 }
    7301 
    7302 .theme-browser .theme.add-new-theme:hover span:after {
    7303         background: #fff;
    7304         color: #0074a2;
    7305 }
    7306 
    7307 .theme-browser .theme.add-new-theme:hover:after {
    7308         border-color: transparent;
    7309         color: #fff;
    7310         background: #0074a2;
    7311         content: '';
    7312 }
    7313 
    7314 .theme-browser .theme.add-new-theme .theme-name {
    7315         background: none;
    7316         text-align: center;
    7317         box-shadow: none;
    7318         font-weight: 400;
    7319         position: relative;
    7320         top: 0;
    7321         margin-top: -10%;
    7322         margin-bottom: 10%;
    7323 }
    7324 
    7325 .theme-browser .theme.add-new-theme:hover .theme-name {
    7326         color: #fff;
    7327         z-index: 2;
    7328 }
    7329 
    7330 /*
    7331  * The search form
    7332  */
    7333 .themes-php .theme-search {
    7334         position: relative;
    7335         top: -2px;
    7336         left: 20px;
    7337         font-size: 16px;
    7338         font-weight: 300;
    7339         line-height: 1.5;
    7340         width: 280px;
    7341 }
    7342 
    7343 /**
    7344  * Theme Overlay
    7345  * Shown when clicking a theme
    7346  */
    7347 .theme-overlay .theme-backdrop {
    7348         position: absolute;
    7349         left: -20px;
    7350         right: 0;
    7351         top: 0;
    7352         bottom: 0;
    7353         background: #f1f1f1;
    7354         background: rgba( 238, 238, 238, 0.9 );
    7355         z-index: 10;
    7356 }
    7357 
    7358 body.theme-overlay-open {
    7359         overflow: hidden;
    7360 }
    7361 
    7362 .theme-overlay .theme-header {
    7363         position: absolute;
    7364         top: 0;
    7365         left: 0;
    7366         right: 0;
    7367         height: 48px;
    7368         border-bottom: 1px solid #ddd;
    7369 }
    7370 
    7371 .theme-overlay .theme-header .close {
    7372         cursor: pointer;
    7373         height: 48px;
    7374         width: 50px;
    7375         text-align: center;
    7376         float: right;
    7377         border: 0;
    7378         border-left: 1px solid #ddd;
    7379         background-color: transparent;
    7380 }
    7381 
    7382 .theme-overlay .theme-header .close:hover:before,
    7383 .theme-overlay .theme-header .close:focus:before {
    7384         color: #fff;
    7385 }
    7386 
    7387 .theme-overlay .theme-header .close:before {
    7388         font: normal 30px/50px 'dashicons' !important;
    7389         color: #777;
    7390         display: inline-block;
    7391         content: '\f335';
    7392         font-weight: 300;
    7393 }
    7394 
    7395 /* Left and right navigation */
    7396 .theme-overlay .theme-header .right,
    7397 .theme-overlay .theme-header .left {
    7398         cursor: pointer;
    7399         color: #777;
    7400         background-color: transparent;
    7401         height: 48px;
    7402         width: 54px;
    7403         float: left;
    7404         text-align: center;
    7405         border: 0;
    7406         border-right: 1px solid #ddd;
    7407 }
    7408 
    7409 .theme-overlay .theme-header .close:hover,
    7410 .theme-overlay .theme-header .right:hover,
    7411 .theme-overlay .theme-header .left:hover,
    7412 .theme-overlay .theme-header .close:focus,
    7413 .theme-overlay .theme-header .right:focus,
    7414 .theme-overlay .theme-header .left:focus {
    7415         background: #0074a2;
    7416         color: #fff;
    7417 }
    7418 
    7419 .theme-overlay .theme-header .left.disabled,
    7420 .theme-overlay .theme-header .right.disabled,
    7421 .theme-overlay .theme-header .left.disabled:hover,
    7422 .theme-overlay .theme-header .right.disabled:hover {
    7423         color: #ccc;
    7424         background: inherit;
    7425         cursor: inherit;
    7426 }
    7427 
    7428 .theme-overlay .theme-header .right:before,
    7429 .theme-overlay .theme-header .left:before {
    7430         font: normal 20px/50px 'dashicons' !important;
    7431         display: inline;
    7432         font-weight: 300;
    7433 }
    7434 
    7435 .theme-overlay .theme-header .left:before {
    7436         content: '\f340';
    7437 }
    7438 
    7439 .theme-overlay .theme-header .right:before {
    7440         content: '\f344';
    7441 }
    7442 
    7443 .rtl .theme-overlay .theme-header .left:before {
    7444         content: '\f345';
    7445 }
    7446 
    7447 .rtl .theme-overlay .theme-header .right:before {
    7448         content: '\f341';
    7449 }
    7450 
    7451 .theme-overlay .theme-wrap {
    7452         clear: both;
    7453         position: fixed;
    7454         top: 9%;
    7455         left: 190px;
    7456         right: 30px;
    7457         bottom: 3%;
    7458         background: #fff;
    7459         -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
    7460         box-shadow:         0 1px 20px 5px rgba(0, 0, 0, 0.1);
    7461         z-index: 20;
    7462         box-sizing: border-box;
    7463 }
    7464 
    7465 .theme-overlay .theme-wrap:after {
    7466         content: ".";
    7467         display: block;
    7468         height: 0;
    7469         clear: both;
    7470         visibility: hidden;
    7471 }
    7472 
    7473 body.folded .theme-overlay .theme-wrap {
    7474         left: 70px;
    7475 }
    7476 
    7477 .theme-overlay .theme-about {
    7478         position: absolute;
    7479         top: 49px;
    7480         bottom: 57px;
    7481         left: 0;
    7482         right: 0;
    7483         overflow: auto;
    7484         padding: 2% 4%;
    7485 }
    7486 .theme-overlay .theme-about:after {
    7487         content: ".";
    7488         display: block;
    7489         height: 0;
    7490         clear: both;
    7491         visibility: hidden;
    7492 }
    7493 
    7494 .theme-overlay .theme-actions {
    7495         position: absolute;
    7496         text-align: center;
    7497         bottom: 0;
    7498         left: 0;
    7499         right: 0;
    7500         padding: 10px 25px 5px;
    7501         background: #f3f3f3;
    7502         z-index: 30;
    7503         box-sizing: border-box;
    7504         border-top: 1px solid #eee;
    7505 }
    7506 
    7507 .ie8 .theme-overlay .theme-actions {
    7508         border: 1px solid #eee;
    7509 }
    7510 
    7511 .theme-overlay .theme-actions a {
    7512         margin-right: 5px;
    7513         margin-bottom: 5px;
    7514 }
    7515 
    7516 .theme-overlay .theme-actions .delete-theme {
    7517         color: #a00;
    7518         position: absolute;
    7519         right: 10px;
    7520         bottom: 5px;
    7521         text-decoration: none;
    7522         border-color: transparent;
    7523         box-shadow: none;
    7524         background: transparent;
    7525 }
    7526 
    7527 .theme-overlay .theme-actions .delete-theme:hover,
    7528 .theme-overlay .theme-actions .delete-theme:focus {
    7529         background: #d54e21;
    7530         color: #fff;
    7531         border-color: #d54e21;
    7532 }
    7533 
    7534 .theme-overlay .theme-actions .active-theme,
    7535 .theme-overlay.active .theme-actions .inactive-theme {
    7536         display: none;
    7537 }
    7538 
    7539 .theme-overlay .theme-actions .inactive-theme,
    7540 .theme-overlay.active .theme-actions .active-theme {
    7541         display: block;
    7542 }
    7543 
    7544 /**
    7545  * Theme Screenshots gallery
    7546  */
    7547 .theme-overlay .theme-screenshots {
    7548         float: left;
    7549         margin: 0 30px 0 0;
    7550         width: 55%;
    7551         max-width: 880px;
    7552         text-align: center;
    7553 }
    7554 
    7555 /* First screenshot, shown big */
    7556 .theme-overlay .screenshot {
    7557         border: 1px solid #fff;
    7558         -webkit-box-sizing: border-box;
    7559         -moz-box-sizing:    border-box;
    7560         box-sizing:         border-box;
    7561         overflow: hidden;
    7562         position: relative;
    7563         -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
    7564         box-shadow:         0 0 0 1px rgba(0,0,0,0.2);
    7565 }
    7566 
    7567 .theme-overlay .screenshot:after {
    7568         content: '';
    7569         display: block;
    7570         padding-top: 75%; /* using a 4/3 aspect ratio */
    7571 }
    7572 
    7573 .theme-overlay .screenshot img {
    7574         height: auto;
    7575         position: absolute;
    7576         left: 0;
    7577         top: 0;
    7578         width: 100%;
    7579 }
    7580 /* Handles old 300px screenshots */
    7581 .theme-overlay.small-screenshot .theme-screenshots {
    7582         position: absolute;
    7583         width: 302px;
    7584 }
    7585 .theme-overlay.small-screenshot .theme-info {
    7586         margin-left: 350px;
    7587         width: auto;
    7588 }
    7589 
    7590 /* Other screenshots, shown small and square */
    7591 .theme-overlay .screenshot.thumb {
    7592         background: #ccc;
    7593         border: 1px solid #eee;
    7594         float: none;
    7595         display: inline-block;
    7596         margin: 10px 5px 0;
    7597         width: 140px;
    7598         height: 80px;
    7599         cursor: pointer;
    7600 }
    7601 
    7602 .theme-overlay .screenshot.thumb:after {
    7603         content: '';
    7604         display: block;
    7605         padding-top: 100%; /* using a 1/1 aspect ratio */
    7606 }
    7607 
    7608 .theme-overlay .screenshot.thumb img {
    7609         cursor: pointer;
    7610         height: auto;
    7611         position: absolute;
    7612         left: 0;
    7613         top: 0;
    7614         width: 100%;
    7615         height: auto;
    7616 }
    7617 
    7618 .theme-overlay .screenshot.selected {
    7619         background: transparent;
    7620         border: 2px solid #2ea2cc;
    7621 }
    7622 
    7623 .theme-overlay .screenshot.selected img {
    7624         opacity: 0.8;
    7625 }
    7626 
    7627 /* No screenshot placeholder */
    7628 .theme-browser .theme .theme-screenshot.blank,
    7629 .theme-overlay .screenshot.blank {
    7630         background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
    7631 }
    7632 
    7633 /**
    7634  * Theme heading information
    7635  */
    7636 .theme-overlay .theme-info {
    7637         width: 40%;
    7638         float: left;
    7639 }
    7640 
    7641 .theme-overlay .current-label {
    7642         background: #333;
    7643         color: #fff;
    7644         font-size: 11px;
    7645         display: inline-block;
    7646         padding: 2px 8px;
    7647         border-radius: 2px;
    7648         margin: 0 0 -10px;
    7649         -webkit-user-select: none;
    7650         -moz-user-select:    none;
    7651         -ms-user-select:     none;
    7652         user-select:         none;
    7653 }
    7654 
    7655 .theme-overlay .theme-name {
    7656         color: #222;
    7657         font-size: 32px;
    7658         font-weight: 100;
    7659         margin: 10px 0 0;
    7660         line-height: 1.3;
    7661 }
    7662 
    7663 .theme-overlay .theme-version {
    7664         color: #999;
    7665         font-size: 13px;
    7666         font-weight: 400;
    7667         float: none;
    7668         display: inline-block;
    7669         margin-left: 10px;
    7670         -webkit-user-select: none;
    7671         -moz-user-select:    none;
    7672         -ms-user-select:     none;
    7673         user-select:         none;
    7674 }
    7675 
    7676 .theme-overlay .theme-author {
    7677         color: #686868;
    7678         font-size: 16px;
    7679         font-weight: 400;
    7680         margin: 15px 0 25px;
    7681 }
    7682 
    7683 .theme-overlay .theme-author a {
    7684         text-decoration: none;
    7685 }
    7686 
    7687 .theme-overlay .theme-description {
    7688         color: #555;
    7689         font-size: 15px;
    7690         font-weight: 400;
    7691         line-height: 1.5;
    7692         margin: 30px 0 0 0;
    7693 }
    7694 
    7695 .theme-overlay .theme-tags {
    7696         border-top: 3px solid #eee;
    7697         color: #888;
    7698         font-size: 13px;
    7699         font-weight: 400;
    7700         margin: 30px 0 0 0;
    7701         padding-top: 20px;
    7702 }
    7703 
    7704 .theme-overlay .theme-tags span {
    7705         color: #444;
    7706         font-weight: bold;
    7707         margin-right: 5px;
    7708 }
    7709 
    7710 /* Theme Updates info */
    7711 .theme-overlay .theme-update-message {
    7712         background: #fefaf7;
    7713         border: 1px solid #eee;
    7714         border-left: 4px solid #d54e21;
    7715         border-radius: 3px;
    7716         padding: 5px 20px 10px;
    7717 }
    7718 
    7719 .theme-overlay .theme-update {
    7720         color: #222;
    7721         font-size: 18px;
    7722         display: inline-block;
    7723         line-height: 40px;
    7724         margin: 0;
    7725 }
    7726 
    7727 .theme-overlay .parent-theme {
    7728         background: #f7fcfe;
    7729         border: 1px solid #eee;
    7730         border-left: 4px solid #2ea2cc;
    7731         font-size: 14px;
    7732         font-weight: normal;
    7733         margin-top: 30px;
    7734         padding: 10px 10px 10px 20px;
    7735 }
    7736 
    7737 .theme-overlay .parent-theme strong {
    7738         font-weight: 700;
    7739 }
    7740 
    7741 /**
    7742  * Single Theme Mode
    7743  * Displays detailed view inline when a user has no switch capabilities
    7744  */
    7745 .single-theme .theme-overlay .theme-backdrop,
    7746 .single-theme .theme-overlay .theme-header,
    7747 .single-theme .theme {
    7748         display: none;
    7749 }
    7750 
    7751 .single-theme .theme-overlay .theme-wrap {
    7752         clear: both;
    7753         min-height: 330px;
    7754         position: relative;
    7755         left: auto;
    7756         right: auto;
    7757         top: auto;
    7758         bottom: auto;
    7759 }
    7760 
    7761 .single-theme .theme-overlay .theme-about {
    7762         padding: 30px 30px 70px;
    7763         position: static;
    7764 }
    7765 
    7766 .single-theme .theme-overlay .theme-actions {
    7767         position: absolute;
    7768 }
    7769 
    7770 /**
    7771  * Basic Responsive structure...
    7772  *
    7773  * Shuffles theme columns around based on screen width
    7774  */
    7775 
    7776 @media only screen and (min-width: 2000px) {
    7777         #wpwrap .theme-browser .theme {
    7778                 width: 17.6%;
    7779                 margin: 0 3% 3% 0;
    7780         }
    7781 
    7782         #wpwrap .theme-browser .theme:nth-child(3n),
    7783         #wpwrap .theme-browser .theme:nth-child(4n) {
    7784                 margin-right: 3%;
    7785         }
    7786 
    7787         #wpwrap .theme-browser .theme:nth-child(5n) {
    7788                 margin-right: 0;
    7789         }
    7790 }
    7791 
    7792 @media only screen and (min-width: 1680px) {
    7793         .theme-overlay .theme-wrap {
    7794                 width: 1450px;
    7795                 margin: 0 auto;
    7796         }
    7797 }
    7798 
    7799 /* Maximum screenshot width reaches 440px */
    7800 @media only screen and (min-width: 1640px) {
    7801         .theme-browser .theme {
    7802                 width: 22.7%;
    7803                 margin: 0 3% 3% 0;
    7804         }
    7805         .theme-browser .theme .theme-screenshot:after {
    7806                 padding-top: 75%; /* using a 4/3 aspect ratio */
    7807         }
    7808 
    7809         .theme-browser .theme:nth-child(3n) {
    7810                 margin-right: 3%;
    7811         }
    7812 
    7813         .theme-browser .theme:nth-child(4n) {
    7814                 margin-right: 0;
    7815         }
    7816 }
    7817 /* Maximum screenshot width reaches 440px */
    7818 @media only screen and (max-width: 1120px) {
    7819         .theme-browser .theme {
    7820                 width: 47.5%;
    7821                 margin-right: 0;
    7822         }
    7823 
    7824         .theme-browser .theme:nth-child(even) {
    7825                 margin-right: 0;
    7826         }
    7827 
    7828         .theme-browser .theme:nth-child(odd) {
    7829                 margin-right: 5%;
    7830         }
    7831 }
    7832 
    7833 /* Admin menu is folded */
    7834 @media only screen and (max-width: 900px) {
    7835         .theme-overlay .theme-wrap {
    7836                 left: 65px;
    7837         }
    7838 }
    7839 
    7840 @media only screen and (max-width: 780px) {
    7841         body.folded .theme-overlay .theme-wrap,
    7842         .theme-overlay .theme-wrap {
    7843                 top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */
    7844                 right: 0;
    7845                 bottom: 0;
    7846                 left: 0;
    7847                 padding: 70px 20px 20px;
    7848                 border: none;
    7849                 z-index: 500; /* should overlap #wpadminbar, which is 500 on mobile. */
    7850                 position: fixed;
    7851         }
    7852 
    7853         .theme-browser .theme.active .theme-name span {
    7854                 /* Hide the "Active: " label on smaller screens. */
    7855                 display: none;
    7856         }
    7857 
    7858         .theme-overlay .theme-screenshots {
    7859                 width: 40%;
    7860         }
    7861 
    7862         .theme-overlay .theme-info {
    7863                 width: 50%;
    7864         }
    7865         .single-theme .theme-wrap {
    7866                 padding: 10px;
    7867         }
    7868 
    7869         .theme-browser .theme .theme-actions {
    7870                 padding: 5px 10px 4px 10px;
    7871         }
    7872 
    7873         .theme-overlay.small-screenshot .theme-screenshots {
    7874                 position: static;
    7875                 float: none;
    7876                 max-width: 302px;
    7877         }
    7878 
    7879         .theme-overlay.small-screenshot .theme-info {
    7880                 margin-left: 0;
    7881                 width: auto;
    7882         }
    7883 
    7884         .theme:not(.active):hover .theme-actions,
    7885         .theme:hover .more-details {
    7886                 display: none;
    7887         }
    7888 
    7889         .theme-browser.rendered .theme:hover .theme-screenshot img {
    7890                 opacity: 1.0;
    7891         }
    7892 }
    7893 
    7894 @media only screen and (max-width: 480px) {
    7895         .theme-browser .theme {
    7896                 width: 100%;
    7897                 margin-right: 0;
    7898         }
    7899 
    7900         .theme-browser .theme:nth-child(2n),
    7901         .theme-browser .theme:nth-child(3n) {
    7902                 margin-right: 0;
    7903         }
    7904 }
    7905 
    7906 @media only screen and (max-width: 650px) {
    7907         .theme-overlay .theme-update,
    7908         .theme-overlay .theme-description {
    7909                 margin-left: 0;
    7910         }
    7911 
    7912         .theme-overlay .theme-actions .delete-theme {
    7913                 position: relative;
    7914                 right: auto;
    7915                 bottom: auto;
    7916         }
    7917 
    7918         .theme-overlay .theme-actions .inactive-theme {
    7919                 display: inline;
    7920         }
    7921 
    7922         .theme-overlay .theme-screenshots {
    7923                 width: 100%;
    7924                 float: none;
    7925         }
    7926 
    7927         .theme-overlay .theme-info {
    7928                 width: 100%;
    7929         }
    7930 
    7931         .theme-overlay .theme-author {
    7932                 margin: 5px 0 15px 0;
    7933         }
    7934 
    7935         .theme-overlay .current-label {
    7936                 margin-top: 10px;
    7937                 font-size: 13px;
    7938         }
    7939 
    7940         .themes-php .wrap h2 {
    7941                 width: 100%;
    7942         }
    7943 
    7944         .themes-php .theme-search {
    7945                 float: none;
    7946                 clear: both;
    7947                 left: 0;
    7948                 top: 0;
    7949                 right: 0;
    7950                 margin: 10px 0;
    7951                 width: 100%;
    7952         }
    7953 
    7954         .theme-browser .theme.add-new-theme span:after {
    7955                 font: normal 60px/90px 'dashicons';
    7956                 width: 80px;
    7957                 height: 80px;
    7958                 top: 30%;
    7959                 left: 50%;
    7960                 text-indent: 0;
    7961                 margin-left: -40px;
    7962         }
    7963 
    7964         .single-theme .theme-wrap {
    7965                 margin: 0 -12px 0 -10px;
    7966                 padding: 10px;
    7967         }
    7968         .single-theme .theme-overlay .theme-about {
    7969                 padding: 10px;
    7970                 overflow: visible;
    7971         }
    7972         .single-theme .current-label {
    7973                 display: none;
    7974         }
    7975         .single-theme .theme-overlay .theme-actions {
    7976                 position: static;
    7977         }
    7978 }
    7979 
    7980 .broken-themes {
    7981         clear: both;
    7982 }
    7983 
    7984 .broken-themes table {
    7985         text-align: left;
    7986         width: 50%;
    7987         border-spacing: 3px;
    7988         padding: 3px;
    7989 }
    7990 
    7991 
    7992 /*------------------------------------------------------------------------------
    7993   16.2 - Install Themes
    7994 ------------------------------------------------------------------------------*/
    7995 
    7996 .theme-install-php h4 {
    7997         margin: 2.5em 0 8px;
    7998 }
    7999 
    8000 .theme-install-php .tablenav {
    8001         height: auto;
    8002 }
    8003 
    8004 .theme-install-php .spinner {
    8005         margin-top: 9px;
    8006 }
    8007 
    8008 .available-theme {
    8009         display: inline-block;
    8010         margin-right: 10px;
    8011         overflow: hidden;
    8012         padding: 20px 20px 20px 0;
    8013         vertical-align: top;
    8014         width: 300px;
    8015 }
    8016 
    8017 .available-theme .screenshot {
    8018         width: 300px;
    8019         height: 225px;
    8020         display: block;
    8021         border: 1px solid #ccc;
    8022         margin-bottom: 10px;
    8023         overflow: hidden;
    8024         background-color: #fff;
    8025 }
    8026 
    8027 .available-theme img {
    8028         width: 300px;
    8029 }
    8030 
    8031 .available-theme h3 {
    8032         margin: 15px 0 0;
    8033 }
    8034 
    8035 .available-theme .theme-author {
    8036         line-height: 18px;
    8037 }
    8038 
    8039 .available-theme .action-links {
    8040         margin-top: 10px;
    8041         overflow: hidden;
    8042 }
    8043 
    8044 .available-theme a.screenshot:focus {
    8045         border-color: #777;
    8046 }
    8047 
    8048 .available-theme .action-links li {
    8049         float: left;
    8050         padding-right: 10px;
    8051         margin-right: 10px;
    8052         border-right: 1px solid #dfdfdf;
    8053 }
    8054 
    8055 .available-theme .action-links li {
    8056         padding-right: 8px;
    8057         margin-right: 8px;
    8058 }
    8059 
    8060 .ie8 .available-theme .action-links li {
    8061         padding-right: 7px;
    8062         margin-right: 7px;
    8063 }
    8064 
    8065 .available-theme .action-links li:last-child {
    8066         padding-right: 0;
    8067         margin-right: 0;
    8068         border-right: 0;
    8069 }
    8070 
    8071 .available-theme .action-links .delete-theme {
    8072         float: right;
    8073         margin-left: 8px;
    8074         margin-right: 0;
    8075 }
    8076 
    8077 .available-theme .action-links .delete-theme a {
    8078         color: red;
    8079         padding: 2px;
    8080 }
    8081 
    8082 .available-theme .action-links .delete-theme a:hover {
    8083         background: red;
    8084         color: #fff;
    8085         text-decoration: none;
    8086 }
    8087 
    8088 .available-theme .action-links p {
    8089         float: left;
    8090 }
    8091 
    8092 /* Allow for three-up in small windows when sidebar is collapsed */
    8093 @media only screen and (max-width: 1200px) {
    8094         .folded .available-theme,
    8095         .folded .available-theme .screenshot {
    8096                 width: 300px;
    8097         }
    8098 
    8099         .folded .available-theme .screenshot {
    8100                 height: 225px;
    8101         }
    8102 }
    8103 
    8104 /* Adjust three-up display in smaller windows when sidebar is collapsed */
    8105 @media only screen and (max-width: 1079px) {
    8106         .folded .available-theme,
    8107         .folded .available-theme .screenshot {
    8108                 width: 270px;
    8109         }
    8110 
    8111         .folded .available-theme .screenshot {
    8112                 height: 203px;
    8113         }
    8114 }
    8115 
    8116 /* Allow for three-up on 1024px wide screens, e.g. tablets */
    8117 @media only screen and (max-width: 1200px) {
    8118         .available-theme,
    8119         .available-theme .screenshot {
    8120                 width: 240px;
    8121         }
    8122 
    8123         .available-theme .screenshot {
    8124                 height: 180px;
    8125         }
    8126 
    8127         .available-theme img {
    8128                 width: 100%;
    8129         }
    8130 }
    8131 
    8132 /* @todo: surely this belongs elsewhere */
    8133 #post-body ul.add-menu-item-tabs li.tabs a {
    8134         font-weight: 600;
    8135         text-decoration: none;
    8136 }
    8137 
    8138 #TB_window {
    8139         border: 1px solid #333;
    8140 }
    8141 
    8142 #TB_window #TB_title {
    8143         background-color: #222;
    8144         color: #cfcfcf;
    8145 }
    8146 
    8147 #TB_window #TB_title a.tb-theme-preview-link,
    8148 #TB_window #TB_title a.tb-theme-preview-link:visited {
    8149         color: #999;
    8150         font-weight: 600;
    8151         text-decoration: none;
    8152 }
    8153 
    8154 #TB_window #TB_title a.tb-theme-preview-link:hover,
    8155 #TB_window #TB_title a.tb-theme-preview-link:focus {
    8156         color: #ccc;
    8157 }
    8158 
    8159 
    8160 /*------------------------------------------------------------------------------
    8161   16.3 - Custom Header Screen
    8162 ------------------------------------------------------------------------------*/
    8163 
    8164 .appearance_page_custom-header #headimg {
    8165         border: 1px solid #DFDFDF;
    8166         overflow: hidden;
    8167         width: 100%;
    8168 }
    8169 
    8170 .appearance_page_custom-header #upload-form p label {
    8171         font-size: 12px;
    8172 }
    8173 
    8174 .appearance_page_custom-header .available-headers .default-header {
    8175         float: left;
    8176         margin: 0 20px 20px 0;
    8177 }
    8178 
    8179 .appearance_page_custom-header .random-header {
    8180         clear: both;
    8181         margin: 0 20px 20px 0;
    8182         vertical-align: middle;
    8183 }
    8184 
    8185 .appearance_page_custom-header .available-headers label input,
    8186 .appearance_page_custom-header .random-header label input {
    8187         margin-right: 10px;
    8188 }
    8189 
    8190 .appearance_page_custom-header .available-headers label img {
    8191         vertical-align: middle;
    8192 }
    8193 
    8194 
    8195 /*------------------------------------------------------------------------------
    8196   16.4 - Custom Background Screen
    8197 ------------------------------------------------------------------------------*/
    8198 
    8199 div#custom-background-image {
    8200         min-height: 100px;
    8201         border: 1px solid #dfdfdf;
    8202 }
    8203 
    8204 div#custom-background-image img {
    8205         max-width: 400px;
    8206         max-height: 300px;
    8207 }
    8208 
    8209 
    8210 /*------------------------------------------------------------------------------
    8211   17.0 - Plugins
    8212 ------------------------------------------------------------------------------*/
    8213 
    8214 /* @todo: what is this doing here */
    8215 #dashboard_right_now .versions .b,
    8216 #post-status-display,
    8217 #post-visibility-display,
    8218 #adminmenu .wp-submenu li.current,
    8219 #adminmenu .wp-submenu li.current a,
    8220 #adminmenu .wp-submenu li.current a:hover,
    8221 .media-item .percent,
    8222 .plugins .name,
    8223 #pass-strength-result.strong,
    8224 #pass-strength-result.short,
    8225 #ed_reply_toolbar #ed_reply_strong,
    8226 .item-controls .item-order a,
    8227 .feature-filter .feature-name {
    8228         font-weight: 600;
    8229 }
    8230 
    8231 .plugins,
    8232 .plugins th,
    8233 .plugins td {
    8234         color: #000;
    8235 }
    8236 
    8237 .plugins tr {
    8238         background: #fff;
    8239 }
    8240 
    8241 .plugins p {
    8242         margin: 0 4px;
    8243         padding: 0;
    8244 }
    8245 
    8246 .plugins .desc p {
    8247         margin: 0 0 8px;
    8248 }
    8249 
    8250 .plugins td.desc {
    8251         line-height: 1.5em;
    8252 }
    8253 
    8254 .plugins .desc ul,
    8255 .plugins .desc ol {
    8256         margin: 0 0 0 2em;
    8257 }
    8258 
    8259 .plugins .desc ul {
    8260         list-style-type: disc;
    8261 }
    8262 
    8263 .plugins .row-actions {
    8264         font-size: 13px;
    8265         padding: 0;
    8266 }
    8267 
    8268 .plugins .inactive td,
    8269 .plugins .inactive th,
    8270 .plugins .active td,
    8271 .plugins .active th {
    8272         padding: 10px 9px;
    8273 }
    8274 
    8275 .plugins .active td,
    8276 .plugins .active th {
    8277         background-color: #f7fcfe;
    8278 }
    8279 
    8280 .plugins .update th,
    8281 .plugins .update td {
    8282         border-bottom: 0;
    8283 }
    8284 
    8285 .plugin-update-tr td {
    8286         border-top: 0;
    8287 }
    8288 
    8289 .plugins .inactive td,
    8290 .plugins .inactive th,
    8291 .plugins .active td,
    8292 .plugins .active th,
    8293 .plugin-install #the-list td,
    8294 .upgrade .plugins td,
    8295 .upgrade .plugins th {
    8296         -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
    8297         box-shadow:         inset 0 -1px 0 rgba(0,0,0,0.1);
    8298 }
    8299 
    8300 .plugins tr.active.plugin-update-tr + tr.inactive th,
    8301 .plugins tr.active.plugin-update-tr + tr.inactive td,
    8302 .plugins tr.active + tr.inactive th,
    8303 .plugins tr.active + tr.inactive td {
    8304         border-top: 1px solid rgba(0,0,0,0.03);
    8305 
    8306         -webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
    8307         box-shadow:         inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
    8308 }
    8309 
    8310 .plugins .update td,
    8311 .plugins .update th,
    8312 .upgrade .plugins tr:last-of-type td,
    8313 .upgrade .plugins tr:last-of-type th,
    8314 .plugins tr.active + tr.inactive.update th,
    8315 .plugins tr.active + tr.inactive.update td {
    8316         -webkit-box-shadow: none;
    8317         box-shadow: none;
    8318 }
    8319 
    8320 .plugins .active.update td,
    8321 .plugins .active.update th,
    8322 tr.active.update + tr.plugin-update-tr .plugin-update {
    8323         background-color: #fefaf7;
    8324 }
    8325 
    8326 .plugins .active th.check-column {
    8327         border-left: 4px solid #2ea2cc;
    8328 }
    8329 
    8330 .plugins .active.update th.check-column,
    8331 .plugins .active.update + .plugin-update-tr .plugin-update {
    8332         border-left: 4px solid #d54e21;
    8333 }
    8334 
    8335 #wpbody-content .plugins .plugin-title,
    8336 #wpbody-content .plugins .theme-title {
    8337         padding-right: 12px;
    8338         white-space:nowrap;
    8339 }
    8340 
    8341 .plugins .inactive .plugin-title strong {
    8342         font-weight: 400;
    8343 }
    8344 
    8345 .plugins .second,
    8346 .plugins .row-actions {
    8347         padding: 0 0 5px;
    8348 }
    8349 
    8350 .plugins .update .second,
    8351 .plugins .update .row-actions {
    8352         padding-bottom: 0;
    8353 }
    8354 
    8355 .plugins-php .widefat tfoot th,
    8356 .plugins-php .widefat tfoot td {
    8357         border-top-style: solid;
    8358         border-top-width: 1px;
    8359 }
    8360 
    8361 .plugin-update-tr .update-message {
    8362         font-size: 13px;
    8363         font-weight: normal;
    8364         margin: 6px 12px 12px;
    8365         padding: 6px 12px;
    8366         margin: 0 10px 8px 31px;
    8367         background-color: #f7f7f7;
    8368         background-color: rgba(0,0,0,0.03);
    8369 }
    8370 
    8371 .plugin-update-tr .update-message:before {
    8372         color: #d54e21;
    8373         content: '\f463';
    8374         display: inline-block;
    8375         font: normal 20px/1 'dashicons';
    8376         speak: none;
    8377         margin: 0 8px 0 -2px;
    8378         -webkit-font-smoothing: antialiased;
    8379         -moz-osx-font-smoothing: grayscale;
    8380         vertical-align: top;
    8381 }
    8382 
    8383 .plugins .plugin-update {
    8384         padding: 0;
    8385         border: none;
    8386         -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
    8387         box-shadow:         inset 0 -1px 0 rgba(0,0,0,0.1);
    8388 }
    8389 
    8390 /* update notices for active plugins */
    8391 tr.active + tr.plugin-update-tr .plugin-update {
    8392         background-color: #f7fcfe;
    8393 }
    8394 
    8395 tr.active + tr.plugin-update-tr .plugin-update .update-message {
    8396         background-color: #fcf3ef;
    8397 }
    8398 
    8399 .plugin-install-php h4 {
    8400         margin: 2.5em 0 8px;
    8401 }
    8402 
    8403 
    8404 /*------------------------------------------------------------------------------
    8405   18.0 - Users
    8406 ------------------------------------------------------------------------------*/
    8407 
    8408 #profile-page .form-table textarea {
    8409         width: 500px;
    8410         margin-bottom: 6px;
    8411 }
    8412 
    8413 #profile-page .form-table #rich_editing {
    8414         margin-right: 5px
    8415 }
    8416 
    8417 #your-profile legend {
    8418         font-size: 22px;
    8419 }
    8420 
    8421 #display_name {
    8422         width: 15em;
    8423 }
    8424 
    8425 #createuser .form-field input {
    8426         width: 25em;
    8427 }
    8428 
    8429 .scheme-list {
    8430 
    8431 }
    8432 
    8433 .color-option {
    8434         display: inline-block;
    8435         width: 24%;
    8436         padding: 5px 15px 15px;
    8437         -moz-box-sizing: border-box;
    8438         box-sizing: border-box;
    8439         margin-bottom: 3px;
    8440 }
    8441 
    8442 .color-option:hover,
    8443 .color-option.selected {
    8444         background: #ddd;
    8445 }
    8446 
    8447 .color-palette {
    8448         width: 100%;
    8449         border-spacing: 0;
    8450         border-collapse: collapse;
    8451 }
    8452 .color-palette td {
    8453         height: 20px;
    8454         padding: 0;
    8455         border: none;
    8456 }
    8457 
    8458 .color-option {
    8459         cursor: pointer;
    8460 }
    8461 
    8462 /*------------------------------------------------------------------------------
    8463   19.0 - Tools
    8464 ------------------------------------------------------------------------------*/
    8465 
    8466 body.press-this {
    8467         color: #333;
    8468         margin: 0;
    8469         padding: 0;
    8470         min-width: 708px;
    8471         min-height: 400px;
    8472 }
    8473 
    8474 .press-this #titlediv #title {
    8475         font-size: 1.4em;
    8476 }
    8477 
    8478 .press-this #site-heading:before {
    8479     top: 3px;
    8480     position: relative;
    8481     display: inline-block;
    8482     font: normal 18px/1 'dashicons';
    8483     speak: none;
    8484     color: #727272;
    8485     content: '\f120';
    8486     -webkit-font-smoothing: antialiased;
    8487     -moz-osx-font-smoothing: grayscale;
    8488 }
    8489 
    8490 .pressthis {
    8491         margin: 20px 0;
    8492 }
    8493 
    8494 .pressthis a,
    8495 .pressthis a:hover,
    8496 .pressthis a:focus,
    8497 .pressthis a:active {
    8498         display: inline-block;
    8499         position: relative;
    8500         cursor: move;
    8501         color: #333;
    8502         background: #e6e6e6;
    8503         -webkit-border-radius: 5px;
    8504         border-radius: 5px;
    8505         border: 1px solid #b4b4b4;
    8506         font-style: normal;
    8507         line-height: 16px;
    8508         font-size: 14px;
    8509         text-decoration: none;
    8510 }
    8511 
    8512 .pressthis a:active {
    8513         outline: none;
    8514 }
    8515 
    8516 .pressthis a:hover:after {
    8517         -webkit-transform: skew(20deg) rotate(9deg);
    8518         -moz-transform: skew(20deg) rotate(9deg);
    8519         transform: skew(20deg) rotate(9deg);
    8520         -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
    8521         box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
    8522 }
    8523 
    8524 .pressthis a span {
    8525         display: inline-block;
    8526         margin: 0px 0 0;
    8527         padding: 0px 12px 8px 9px;
    8528 }
    8529 
    8530 .pressthis a span:before {
    8531         color: #777;
    8532         font: normal 20px/1 'dashicons';
    8533         content:'\f157';
    8534         position: relative;
    8535         display: inline-block;
    8536         top: 4px;
    8537         margin-right: 4px;
    8538 }
    8539 
    8540 .pressthis a:after {
    8541         content: '';
    8542         width: 70%;
    8543         height: 55%;
    8544         z-index: -1;
    8545         position: absolute;
    8546         right: 10px;
    8547         bottom: 9px;
    8548         background: transparent;
    8549 
    8550         -webkit-transform: skew(20deg) rotate(6deg);
    8551         -moz-transform: skew(20deg) rotate(6deg);
    8552         transform: skew(20deg) rotate(6deg);
    8553         -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
    8554         box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
    8555 }
    8556 
    8557 /*------------------------------------------------------------------------------
    8558   20.0 - Settings
    8559 ------------------------------------------------------------------------------*/
    8560 
    8561 #utc-time, #local-time {
    8562         padding-left: 25px;
    8563         font-style: italic;
    8564 }
    8565 
    8566 .defaultavatarpicker .avatar {
    8567         margin: 2px 0;
    8568         vertical-align: middle;
    8569 }
    8570 
    8571 .options-general-php .spinner {
    8572         float: none;
    8573         margin: -3px 3px;
    8574 }
    8575 
    8576 /*------------------------------------------------------------------------------
    8577   21.0 - Admin Footer
    8578 ------------------------------------------------------------------------------*/
    8579 
    8580 #wpfooter {
    8581         position: absolute;
    8582         bottom: 0;
    8583         left: 0;
    8584         right: 0;
    8585         padding: 10px 0;
    8586         margin-right: 20px;
    8587         color: #777;
    8588 }
    8589 
    8590 #wpfooter p {
    8591         font-size: 13px;
    8592         margin: 0;
    8593         line-height: 20px;
    8594 }
    8595 
    8596 #footer-thankyou {
    8597         font-style: italic;
    8598 }
    8599 
    8600 #wpfooter a {
    8601         text-decoration: none;
    8602 }
    8603 
    8604 #wpfooter a:hover {
    8605         text-decoration: underline;
    8606 }
    8607 
    8608 /*------------------------------------------------------------------------------
    8609   22.0 - About Pages
    8610 ------------------------------------------------------------------------------*/
    8611 
    8612 .about-wrap {
    8613         position: relative;
    8614         margin: 25px 40px 0 20px;
    8615         max-width: 1050px; /* readability */
    8616 
    8617         font-size: 15px;
    8618 }
    8619 
    8620 .about-wrap div.updated,
    8621 .about-wrap div.error {
    8622         display: none !important;
    8623 }
    8624 
    8625 .about-wrap hr {
    8626         border: 0;
    8627         height: 0;
    8628         margin: 0;
    8629         border-top: 1px solid rgba(0, 0, 0, 0.1);
    8630 }
    8631 
    8632 .about-wrap img {
    8633         margin: 0.5em 0 0.5em 5px;
    8634         max-width: 100%;
    8635 }
    8636 
    8637 /* Typography */
    8638 
    8639 .about-wrap p {
    8640         line-height: 1.6em;
    8641         font-size: 14px;
    8642 }
    8643 
    8644 .about-wrap h1 {
    8645         margin: 0.2em 200px 0 0;
    8646         color: #333;
    8647         line-height: 1.2em;
    8648         font-size: 2.8em;
    8649         font-weight: 400;
    8650 }
    8651 
    8652 .about-wrap h4 {
    8653         color: #222;
    8654 }
    8655 
    8656 .about-wrap .about-text,
    8657 .about-wrap p.about-description,
    8658 .about-wrap li.wp-person a.web {
    8659         font-weight: normal;
    8660         line-height: 1.6em;
    8661         font-size: 19px;
    8662 }
    8663 
    8664 .about-description {
    8665         margin-top: 1.4em;
    8666 }
    8667 
    8668 .about-text {
    8669         margin: 1em 200px 1em 0;
    8670         min-height: 60px;
    8671         color: #777;
    8672         font-size: 24px;
    8673 }
    8674 
    8675 .about-wrap .changelog h2.about-headline-callout {
    8676         margin: 1.1em 0 0.2em;
    8677         font-size: 2.4em;
    8678         font-weight: 300;
    8679         line-height: 1.3;
    8680         text-align: center;
    8681 }
    8682 
    8683 .about-wrap h3 {
    8684         margin: 1em 0 .6em;
    8685         font-size: 1.5em;
    8686         line-height: 1.5em;
    8687 }
    8688 
    8689 .about-wrap .feature-section h4 {
    8690         margin: 1.4em 0 0.6em 0;
    8691         font-size: 1.2em;
    8692 }
    8693 
    8694 .about-wrap .feature-section p {
    8695         margin-top: 0.6em;
    8696 }
    8697 
    8698 .about-wrap code,
    8699 .about-wrap ol li p {
    8700         font-size: 14px;
    8701 }
    8702 
    8703 /* 3.8 Images */
    8704 
    8705 .about-wrap .about-colors-img {
    8706         bottom: -25px;
    8707 }
    8708 
    8709 .about-wrap .about-themes-img {
    8710         bottom: -38px;
    8711 }
    8712 
    8713 .about-wrap .about-overview-img {
    8714         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    8715         margin: 0;
    8716 }
    8717 
    8718 .about-colors-img img,
    8719 .about-themes-img img {
    8720         margin: 0 0;
    8721         padding: 0;
    8722         line-height: 1;
    8723 }
    8724 
    8725 /* Point Releases */
    8726 
    8727 .about-wrap .point-releases {
    8728         margin-top: 5px;
    8729         border-bottom: 1px solid #dfdfdf;
    8730 }
    8731 
    8732 .about-wrap .changelog.point-releases h3 {
    8733         padding-top: 35px;
    8734 }
    8735 
    8736 .about-wrap .changelog.point-releases h3:first-child {
    8737         padding-top: 7px;
    8738 }
    8739 
    8740 /* WordPress Version Badge */
    8741 
    8742 .wp-badge {
    8743         background: #0074a2 url('../images/w-logo-white.png?ver=20131202') no-repeat;
    8744         background: #0074a2, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat; /* multiple backgrounds are ignored by browsers that don't support SVGs */
    8745         background-position: center 24px;
    8746         background-size: 85px 85px;
    8747         color: #78c8e6;
    8748         font-size: 14px;
    8749         text-align: center;
    8750         font-weight: 600;
    8751         margin: 5px 0 0;
    8752         padding-top: 120px;
    8753         height: 40px;
    8754         display: inline-block;
    8755         width: 150px;
    8756         text-rendering: optimizeLegibility;
    8757 
    8758         -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    8759         box-shadow:         0 1px 3px rgba(0,0,0,0.2);
    8760 }
    8761 
    8762 
    8763 .about-wrap .wp-badge {
    8764         position: absolute;
    8765         top: 0;
    8766         right: 0;
    8767 }
    8768 
    8769 /* Tabs */
    8770 
    8771 .about-wrap h2.nav-tab-wrapper {
    8772         padding-left: 6px;
    8773 }
    8774 
    8775 .about-wrap h2 .nav-tab {
    8776         padding: 4px 15px 6px;
    8777         margin: 0 3px -1px 0;
    8778         font-size: 18px;
    8779         vertical-align: top;
    8780         border-width: 1px;
    8781 }
    8782 
    8783 /* Changelog / Update screen */
    8784 
    8785 .about-wrap .feature-section {
    8786         padding-bottom: 20px;
    8787 }
    8788 
    8789 .about-wrap .feature-section.col {
    8790         margin-bottom: 0;
    8791 }
    8792 
    8793 .about-wrap .feature-section.center-col > div {
    8794         margin: auto;
    8795         width: 60%;
    8796 }
    8797 
    8798 .about-wrap .about-colors .one-col > div {
    8799         width: 100%;
    8800 }
    8801 
    8802 .about-wrap .feature-section.two-col > div {
    8803         position: relative;
    8804         width: 50%;
    8805         float: left;
    8806 }
    8807 
    8808 .about-wrap .feature-section.three-col > div {
    8809         position: relative;
    8810         width: 29.95%;
    8811         margin-right: 4.999999999%;
    8812         float: left;
    8813 }
    8814 
    8815 .about-wrap .feature-section.col .last-feature {
    8816         margin-right: 0;
    8817 }
    8818 
    8819 .about-wrap .about-updates img,
    8820 .about-wrap .about-twentyfourteen img {
    8821         margin: 2em 0 0 0;
    8822         border: 1px solid #ddd;
    8823         -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    8824         box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    8825 }
    8826 
    8827 .about-wrap .about-twentyfourteen img {
    8828         margin-top: 1em;
    8829 }
    8830 
    8831 .about-wrap .changelog .feature-section {
    8832         overflow: hidden;
    8833 }
    8834 
    8835 .about-wrap .about-colors .scheme-list {
    8836         margin-bottom: 1em;
    8837 }
    8838 
    8839 .about-wrap .about-colors .color-option {
    8840         padding-top: 10px;
    8841 }
    8842 .about-wrap .about-colors .color-option label {
    8843         display: inline-block;
    8844         margin: 0.25em 0 0.5em;
    8845 }
    8846 
    8847 .about-wrap .feature-section.two-col div p {
    8848         margin-right: 3%;
    8849 }
    8850 
    8851 .about-wrap .feature-section div p img {
    8852         float: right;
    8853         margin-left: 10px;
    8854         max-width: 20%;
    8855 }
    8856 
    8857 .about-wrap .changelog li {
    8858         list-style-type: disc;
    8859         margin-left: 3em;
    8860 }
    8861 
    8862 /* Return to Dashboard Home link */
    8863 
    8864 .about-wrap .return-to-dashboard {
    8865         margin: 30px 0 0 -5px;
    8866         font-size: 14px;
    8867         font-weight: bold;
    8868 }
    8869 
    8870 .about-wrap .return-to-dashboard a {
    8871         text-decoration: none;
    8872         padding: 0 5px;
    8873 }
    8874 
    8875 /* Credits */
    8876 
    8877 .about-wrap h4.wp-people-group {
    8878         margin-top: 2.6em;
    8879         font-size: 16px;
    8880 }
    8881 
    8882 .about-wrap ul.wp-people-group {
    8883         overflow: hidden;
    8884         padding: 0 5px;
    8885         margin: 0 -15px 0 -5px;
    8886 }
    8887 
    8888 .about-wrap ul.compact {
    8889         margin-bottom: 0
    8890 }
    8891 
    8892 .about-wrap li.wp-person {
    8893         float: left;
    8894         margin-right: 10px;
    8895 }
    8896 
    8897 .about-wrap li.wp-person img.gravatar {
    8898         float: left;
    8899         margin: 0 10px 10px 0;
    8900         padding: 2px;
    8901         width: 60px;
    8902         height: 60px;
    8903 }
    8904 
    8905 .about-wrap ul.compact li.wp-person img.gravatar {
    8906         width: 30px;
    8907         height: 30px;
    8908 }
    8909 
    8910 /* @todo: combine this */
    8911 .about-wrap li.wp-person {
    8912         height: 70px;
    8913         width: 280px;
    8914         padding-bottom: 15px;
    8915 }
    8916 
    8917 .about-wrap ul.compact li.wp-person {
    8918         height: auto;
    8919         width: 180px;
    8920         padding-bottom: 0;
    8921         margin-bottom: 0;
    8922 }
    8923 
    8924 .about-wrap #wp-people-group-validators + p.wp-credits-list {
    8925         margin-top: 0;
    8926 }
    8927 
    8928 .about-wrap li.wp-person a.web {
    8929         display: block;
    8930         margin: 6px 0 2px;
    8931         font-size: 16px;
    8932         text-decoration: none;
    8933 }
    8934 
    8935 .about-wrap p.wp-credits-list a {
    8936         white-space: nowrap;
    8937 }
    8938 
    8939 /* Freedoms */
    8940 
    8941 .freedoms-php .about-wrap ol {
    8942         margin: 40px 60px;
    8943 }
    8944 
    8945 .freedoms-php .about-wrap ol li {
    8946         list-style-type: decimal;
    8947         font-weight: bold;
    8948 }
    8949 
    8950 .freedoms-php .about-wrap ol p {
    8951         font-weight: normal;
    8952         margin: 0.6em 0;
    8953 }
    8954 
    8955 /*------------------------------------------------------------------------------
    8956   23.0 - Full Overlay w/ Sidebar
    8957 ------------------------------------------------------------------------------*/
    8958 
    8959 body.full-overlay-active {
    8960         overflow: hidden;
    8961 }
    8962 
    8963 .wp-full-overlay {
    8964         background: transparent;
    8965         z-index: 500000;
    8966         position: fixed;
    8967         overflow: visible;
    8968         top: 0;
    8969         bottom: 0;
    8970         left: 0;
    8971         right: 0;
    8972         height: 100%;
    8973         min-width: 0;
    8974 }
    8975 
    8976 .wp-full-overlay-sidebar {
    8977         -webkit-box-sizing: border-box;
    8978         -moz-box-sizing: border-box;
    8979         box-sizing: border-box;
    8980         position: fixed;
    8981         width: 300px;
    8982         height: 100%;
    8983         top: 0;
    8984         bottom: 0;
    8985         left: 0;
    8986         padding: 0;
    8987         margin: 0;
    8988         z-index: 10;
    8989         overflow: auto;
    8990         background: transparent;
    8991         border-right: none;
    8992 }
    8993 
    8994 .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
    8995         overflow: visible;
    8996 }
    8997 
    8998 .wp-full-overlay.collapsed,
    8999 .wp-full-overlay.expanded .wp-full-overlay-sidebar {
    9000         margin-left: 0 !important;
    9001 }
    9002 
    9003 .wp-full-overlay.expanded {
    9004         margin-left: 300px;
    9005 }
    9006 
    9007 .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
    9008         margin-left: -300px;
    9009 }
    9010 
    9011 .wp-full-overlay-sidebar:after {
    9012         content: '';
    9013         display: block;
    9014         position: absolute;
    9015         top: 0;
    9016         bottom: 0;
    9017         right: 0;
    9018         width: 3px;
    9019         z-index: 1000;
    9020 }
    9021 
    9022 .wp-full-overlay-main {
    9023         position: absolute;
    9024         left: 0;
    9025         right: 0;
    9026         top: 0;
    9027         bottom: 0;
    9028         height: 100%;
    9029 }
    9030 
    9031 .wp-full-overlay-sidebar .wp-full-overlay-header {
    9032         position: absolute;
    9033         left: 0;
    9034         right: 0;
    9035         height: 45px;
    9036         padding: 0 15px;
    9037         line-height: 45px;
    9038         z-index: 10;
    9039         margin: 0;
    9040         border-top: none;
    9041         -webkit-box-shadow: none;
    9042         box-shadow: none;
    9043 }
    9044 
    9045 .wp-full-overlay-sidebar .wp-full-overlay-header a.back {
    9046         margin-top: 9px;
    9047 }
    9048 
    9049 .wp-full-overlay-sidebar .wp-full-overlay-footer {
    9050         bottom: 0;
    9051         border-bottom: none;
    9052         border-top: none;
    9053         -webkit-box-shadow: none;
    9054         box-shadow: none;
    9055 }
    9056 
    9057 .wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
    9058         position: absolute;
    9059         top: 45px;
    9060         bottom: 45px;
    9061         left: 0;
    9062         right: 0;
    9063         overflow: auto;
    9064 }
    9065 
    9066 /* Close Link */
    9067 .wp-full-overlay .close-full-overlay {
    9068         text-decoration: none;
    9069 }
    9070 
    9071 /* Collapse Button */
    9072 .wp-full-overlay a.collapse-sidebar {
    9073         position: absolute;
    9074         bottom: 12px;
    9075         left: 0;
    9076         z-index: 50;
    9077         display: block;
    9078         width: 19px;
    9079         height: 19px;
    9080         margin-left: 15px;
    9081         padding: 0;
    9082         border-radius: 50%;
    9083         color: #777;
    9084         text-decoration: none;
    9085 }
    9086 
    9087 .wp-full-overlay a.collapse-sidebar:hover {
    9088         color: #0074a2;
    9089 }
    9090 
    9091 .wp-full-overlay.collapsed .collapse-sidebar {
    9092         position: absolute;
    9093         left: 100%;
    9094 }
    9095 
    9096 .wp-full-overlay .collapse-sidebar-arrow {
    9097         position: static;
    9098         margin-top: 0;
    9099         margin-left: 0;
    9100         display: block;
    9101         width: auto;
    9102         height: auto;
    9103         background: none;
    9104 }
    9105 
    9106 .wp-full-overlay .collapse-sidebar-arrow:before {
    9107         border-radius: 50%;
    9108         float: left;
    9109         content: "\f148";
    9110         background: #eee;
    9111         font: normal 20px/1 'dashicons';
    9112         speak: none;
    9113         display: block;
    9114         padding: 0;
    9115         text-indent: 0;
    9116         text-align: center;
    9117         position: relative;
    9118         -webkit-font-smoothing: antialiased;
    9119         -moz-osx-font-smoothing: grayscale;
    9120         text-decoration: none !important;
    9121 }
    9122 
    9123 .wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
    9124 .rtl .wp-full-overlay .collapse-sidebar-arrow:before {
    9125         -ms-transform: rotate(180deg);
    9126         -webkit-transform: rotate(180deg);
    9127         transform: rotate(180deg);
    9128 }
    9129 
    9130 .rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before {
    9131         -ms-transform: none;
    9132         -webkit-transform: none;
    9133         transform: none;
    9134 }
    9135 
    9136 .wp-full-overlay.collapsed .collapse-sidebar-arrow {
    9137         background-position: -1px -109px;
    9138 }
    9139 
    9140 .wp-full-overlay .collapse-sidebar-label {
    9141         position: absolute;
    9142         left: 100%;
    9143         line-height: 20px;
    9144         margin-left: 10px;
    9145 }
    9146 
    9147 .wp-full-overlay.collapsed .collapse-sidebar-label {
    9148         display: none;
    9149 }
    9150 
    9151 /* Animations */
    9152 .wp-full-overlay,
    9153 .wp-full-overlay-sidebar,
    9154 .wp-full-overlay .collapse-sidebar,
    9155 .wp-full-overlay-main {
    9156         -webkit-transition-property: left, right, top, bottom, width, margin;
    9157         -moz-transition-property:    left, right, top, bottom, width, margin;
    9158         -ms-transition-property:     left, right, top, bottom, width, margin;
    9159         -o-transition-property:      left, right, top, bottom, width, margin;
    9160         transition-property:         left, right, top, bottom, width, margin;
    9161         -webkit-transition-duration: 0.2s;
    9162         -moz-transition-duration:    0.2s;
    9163         -ms-transition-duration:     0.2s;
    9164         -o-transition-duration:      0.2s;
    9165         transition-duration:         0.2s;
    9166 }
    9167 
    9168 /*------------------------------------------------------------------------------
    9169   24.0 - Customize Loader
    9170 ------------------------------------------------------------------------------*/
    9171 
    9172 .no-customize-support .hide-if-no-customize,
    9173 .customize-support .hide-if-customize,
    9174 .no-customize-support.wp-core-ui .hide-if-no-customize,
    9175 .no-customize-support .wp-core-ui .hide-if-no-customize,
    9176 .customize-support.wp-core-ui .hide-if-customize,
    9177 .customize-support .wp-core-ui .hide-if-customize {
    9178         display: none;
    9179 }
    9180 
    9181 #customize-container {
    9182         display: none;
    9183         background: #fff;
    9184         z-index: 500000;
    9185         position: fixed;
    9186         overflow: visible;
    9187         top: 0;
    9188         bottom: 0;
    9189         left: 0;
    9190         right: 0;
    9191         height: 100%;
    9192 }
    9193 
    9194 .customize-active #customize-container {
    9195         display: block;
    9196 }
    9197 
    9198 .customize-loading #customize-container iframe {
    9199         opacity: 0;
    9200 }
    9201 
    9202 .customize-loading #customize-container {
    9203         background: #fff url('../images/spinner.gif') no-repeat fixed center center;
    9204         background-size: 20px 20px;
    9205 }
    9206 
    9207 #customize-container iframe,
    9208 #theme-installer iframe {
    9209         height: 100%;
    9210         width: 100%;
    9211         z-index: 20;
    9212 
    9213         -webkit-transition: opacity 0.3s;
    9214         -moz-transition:    opacity 0.3s;
    9215         -ms-transition:     opacity 0.3s;
    9216         -o-transition:      opacity 0.3s;
    9217         transition:         opacity 0.3s;
    9218 }
    9219 
    9220 #customize-container .collapse-sidebar {
    9221         bottom: 16px;
    9222 }
    9223 
    9224 #customize-controls {
    9225         margin-top: 0;
    9226 }
    9227 
    9228 #theme-installer {
    9229         display: none;
    9230 }
    9231 
    9232 #theme-installer.single-theme {
    9233         display: block;
    9234 }
    9235 
    9236 .install-theme-info {
    9237         display: none;
    9238         padding: 10px 20px 20px;
    9239 }
    9240 
    9241 .single-theme .install-theme-info {
    9242         padding-top: 15px;
    9243 }
    9244 
    9245 #theme-installer .install-theme-info {
    9246         display: block;
    9247 }
    9248 
    9249 .install-theme-info .theme-install {
    9250         float: right;
    9251         margin-top: 18px;
    9252 }
    9253 
    9254 .install-theme-info .theme-name {
    9255         font-size: 16px;
    9256         line-height: 24px;
    9257         margin-bottom: 0;
    9258         margin-top: 0;
    9259 }
    9260 
    9261 .install-theme-info .theme-screenshot {
    9262         margin-top: 15px;
    9263         width: 258px;
    9264         border: 1px solid #ccc;
    9265 }
    9266 
    9267 .install-theme-info .theme-details {
    9268         overflow: hidden;
    9269 }
    9270 
    9271 .theme-details .theme-version {
    9272         margin: 15px 0;
    9273         float: left;
    9274 }
    9275 
    9276 .theme-details .star-rating {
    9277         margin: 7px 0;
    9278         float: right;
    9279 }
    9280 
    9281 .theme-details .theme-description {
    9282         float: left;
    9283         color: #777;
    9284         line-height: 20px;
    9285 }
    9286 
    9287 #theme-installer .wp-full-overlay-header {
    9288         margin-top: 9px;
    9289 }
    9290 
    9291 #theme-installer .wp-full-overlay-header .theme-install {
    9292         float: right;
    9293         /* For when .theme-install is a span rather than a.button-primary (already installed theme) */
    9294         line-height: 26px;
    9295 }
    9296 
    9297 #theme-installer .wp-full-overlay-sidebar {
    9298         background: #EEE;
    9299         border-right: 1px solid #DDD;
    9300 }
    9301 
    9302 #theme-installer .wp-full-overlay-main {
    9303         background: #fff url('../images/spinner.gif') no-repeat fixed center center;
    9304         background-size: 20px 20px;
    9305 }
    9306 
    9307 
    9308 /*------------------------------------------------------------------------------
    9309   25.0 - Tabbed Admin Screen Interface (Experimental)
    9310 ------------------------------------------------------------------------------*/
    9311 
    9312 .nav-tab {
    9313         border: 1px solid #ccc;
    9314         border-bottom: none;
    9315         background: #e4e4e4;
    9316         color: #555;
    9317         font-size: 12px;
    9318         line-height: 16px;
    9319         display: inline-block;
    9320         padding: 4px 14px 6px;
    9321         text-decoration: none;
    9322         margin: -4px 4px -1px 0;
    9323 }
    9324 
    9325 .nav-tab:hover {
    9326         background-color: #fff;
    9327         color: #464646;
    9328 }
    9329 
    9330 .nav-tab-active {
    9331         color: #464646;
    9332 }
    9333 
    9334 .nav-tab-active,
    9335 .nav-tab-active:hover {
    9336         border-bottom: 1px solid #f1f1f1;
    9337         background: none;
    9338         color: #000;
    9339 }
    9340 
    9341 h2.nav-tab-wrapper,
    9342 h3.nav-tab-wrapper {
    9343         border-bottom: 1px solid #ccc;
    9344         padding-bottom: 0;
    9345         padding-left: 10px;
    9346 }
    9347 
    9348 h2 .nav-tab {
    9349         padding: 6px 10px;
    9350         font-weight: bold;
    9351         font-size: 15px;
    9352         line-height: 24px;
    9353 }
    9354 
    9355 
    9356 /*------------------------------------------------------------------------------
    9357   26.0 - Misc
    9358 ------------------------------------------------------------------------------*/
    9359 
    9360 #excerpt,
    9361 .attachmentlinks {
    9362         margin: 0;
    9363         height: 4em;
    9364         width: 98%;
    9365 }
    9366 
    9367 #template div {
    9368         margin-right: 190px;
    9369 }
    9370 
    9371 p.pagenav {
    9372         margin: 0;
    9373         display: inline;
    9374 }
    9375 
    9376 .pagenav span {
    9377         font-weight: 600;
    9378         margin: 0 6px;
    9379 }
    9380 
    9381 .row-title {
    9382         font-size: 14px !important;
    9383         font-weight: 600;
    9384 }
    9385 
    9386 .column-comment .comment-author {
    9387         margin-bottom: 0.6em;
    9388 }
    9389 
    9390 .column-author img,
    9391 .column-username img,
    9392 .column-comment .comment-author img {
    9393         float: left;
    9394         margin-right: 10px;
    9395         margin-top: 1px;
    9396 }
    9397 
    9398 .row-actions {
    9399         color: #ddd;
    9400         font-size: 13px;
    9401         visibility: hidden;
    9402         padding: 2px 0 0;
    9403 }
    9404 
    9405 tr:hover .row-actions,
    9406 .mobile .row-actions,
    9407 .row-actions.visible,
    9408 div.comment-item:hover .row-actions {
    9409         visibility: visible;
    9410 }
    9411 
    9412 /* deprecated */
    9413 .row-actions-visible {
    9414         padding: 2px 0 0;
    9415 }
    9416 
    9417 .form-table .pre {
    9418         padding: 8px;
    9419         margin: 0;
    9420 }
    9421 
    9422 table.form-table td .updated {
    9423         font-size: 13px;
    9424 }
    9425 
    9426 .tagchecklist {
    9427         margin-left: 14px;
    9428         font-size: 12px;
    9429         overflow: auto;
    9430 }
    9431 .tagchecklist br {
    9432         display: none;
    9433 }
    9434 .tagchecklist strong {
    9435         margin-left: -8px;
    9436         position: absolute;
    9437 }
    9438 .tagchecklist span {
    9439         margin-right: 25px;
    9440         display: block;
    9441         float: left;
    9442         font-size: 13px;
    9443         line-height: 1.8em;
    9444         white-space: nowrap;
    9445         cursor: default;
    9446 }
    9447 
    9448 .tagchecklist span a {
    9449         margin: 1px 0 0 -17px;
    9450         cursor: pointer;
    9451         width: 20px;
    9452         height: 20px;
    9453         display: block;
    9454         float: left;
    9455         text-indent: 0;
    9456         overflow: hidden;
    9457         position: absolute;
    9458 }
    9459 
    9460 #poststuff h2 {
    9461         margin-top: 20px;
    9462         font-size: 1.5em;
    9463         margin-bottom: 15px;
    9464         padding: 0 0 3px;
    9465         clear: left;
    9466 }
    9467 
    9468 #poststuff h3,
    9469 .metabox-holder h3 {
    9470         font-size: 14px;
    9471         padding: 8px 12px;
    9472         margin: 0;
    9473         line-height: 1.4;
    9474 }
    9475 
    9476 #poststuff .inside {
    9477         margin: 6px 0 0 0;
    9478 }
    9479 
    9480 #poststuff .inside #parent_id,
    9481 #poststuff .inside #page_template {
    9482         max-width: 100%;
    9483 }
    9484 
    9485 #poststuff .inside label.spam,
    9486 #poststuff .inside label.deleted {
    9487         color: red;
    9488 }
    9489 
    9490 #poststuff .inside label.waiting {
    9491         color: orange;
    9492 }
    9493 
    9494 #poststuff .inside label.approved {
    9495         color: green;
    9496 }
    9497 
    9498 .inline-edit-row #post_parent,
    9499 .inline-edit-row select[name="page_template"] {
    9500         max-width: 80%;
    9501 }
    9502 
    9503 .ie8 #poststuff .inside #parent_id,
    9504 .ie8 #poststuff .inside #page_template,
    9505 .ie8 .inline-edit-row #post_parent,
    9506 .ie8 .inline-edit-row select[name="page_template"] {
    9507         width: 250px;
    9508 }
    9509 
    9510 #post-visibility-select {
    9511         line-height: 1.5em;
    9512         margin-top: 3px;
    9513 }
    9514 
    9515 #poststuff #submitdiv .inside {
    9516         margin: 0;
    9517         padding: 0;
    9518 }
    9519 
    9520 .edit-form-section {
    9521         margin-bottom: 20px;
    9522 }
    9523 
    9524 #templateside ul li a {
    9525         text-decoration: none;
    9526 }
    9527 
    9528 .tool-box .title {
    9529         margin: 8px 0;
    9530         font-size: 18px;
    9531         font-weight: normal;
    9532         line-height: 24px;
    9533 }
    9534 
    9535 #sidemenu {
    9536         margin: -30px 15px 0 315px;
    9537         list-style: none;
    9538         position: relative;
    9539         float: right;
    9540         padding-left: 10px;
    9541         font-size: 12px;
    9542 }
    9543 
    9544 #sidemenu a {
    9545         padding: 0 7px;
    9546         display: block;
    9547         float: left;
    9548         line-height: 28px;
    9549         border-top: 1px solid #f9f9f9;
    9550         border-bottom: 1px solid #dfdfdf;
    9551         background-color: #f9f9f9;
    9552         -webkit-transition: none;
    9553         -moz-transition: none;
    9554         transition: none;
    9555 }
    9556 
    9557 #sidemenu li {
    9558         display: inline;
    9559         line-height: 200%;
    9560         list-style: none;
    9561         text-align: center;
    9562         white-space: nowrap;
    9563         margin: 0;
    9564         padding: 0;
    9565 }
    9566 
    9567 /* @todo: remove border radius */
    9568 #sidemenu a.current {
    9569         font-weight: normal;
    9570         padding-left: 6px;
    9571         padding-right: 6px;
    9572         -webkit-border-top-left-radius: 3px;
    9573         -webkit-border-top-right-radius: 3px;
    9574         border-top-left-radius: 3px;
    9575         border-top-right-radius: 3px;
    9576         border: 1px solid #dfdfdf;
    9577         border-bottom-color: #f1f1f1;
    9578         background-color: #f1f1f1;
    9579         color: #000;
    9580 }
    9581 
    9582 #sidemenu li a .count-0 {
    9583         display: none;
    9584 }
    9585 
    9586 .plugin-install #description,
    9587 .plugin-install-network #description {
    9588         width: 60%;
    9589 }
    9590 
    9591 table .vers,
    9592 table .column-visible,
    9593 table .column-rating {
    9594         text-align: left;
    9595 }
    9596 
    9597 .error-message {
    9598         color: red;
    9599         font-weight: 600;
    9600 }
    9601 
    9602 /* Scrollbar fix for bulk upgrade iframe */
    9603 body.iframe {
    9604         height: 98%;
    9605 }
    9606 
    9607 /* Upgrader styles, Specific to Language Packs */
    9608 .lp-show-latest p {
    9609         display: none;
    9610 }
    9611 .lp-show-latest p:last-child,
    9612 .lp-show-latest .lp-error p {
    9613         display: block;
    9614 }
    9615 
    9616 /* - Only used once or twice in all of WP - deprecate for global style
    9617 ------------------------------------------------------------------------------*/
    9618 td.media-icon {
    9619         text-align: center;
    9620         width: 80px;
    9621         padding-top: 8px;
    9622         padding-bottom: 8px;
    9623 }
    9624 
    9625 td.media-icon img {
    9626         max-width: 80px;
    9627         max-height: 60px;
    9628 }
    9629 
    9630 #howto {
    9631         font-size: 11px;
    9632         margin: 0 5px;
    9633         display: block;
    9634 }
    9635 
    9636 .importers td {
    9637         padding-right: 14px;
    9638 }
    9639 
    9640 .importers {
    9641         font-size: 16px;
    9642         width: auto;
    9643 }
    9644 
    9645 #post-body #post-body-content #namediv h3 {
    9646         margin-top: 0;
    9647 }
    9648 
    9649 #namediv h3 label {
    9650         vertical-align: baseline;
    9651 }
    9652 
    9653 #namediv table {
    9654         width: 100%;
    9655 }
    9656 
    9657 #namediv td.first {
    9658         width: 10px;
    9659         white-space: nowrap;
    9660 }
    9661 
    9662 #namediv input {
    9663         width: 98%;
    9664 }
    9665 
    9666 #namediv p {
    9667         margin: 10px 0;
    9668 }
    9669 
    9670 #submitdiv h3 {
    9671         margin-bottom: 0 !important;
    9672 }
    9673 
    9674 /* - Used - but could/should be deprecated with a CSS reset
    9675 ------------------------------------------------------------------------------*/
    9676 .zerosize {
    9677         height: 0;
    9678         width: 0;
    9679         margin: 0;
    9680         border: 0;
    9681         padding: 0;
    9682         overflow: hidden;
    9683         position: absolute;
    9684 }
    9685 
    9686 br.clear {
    9687         height: 2px;
    9688         line-height: 2px;
    9689 }
    9690 
    9691 .checkbox {
    9692         border: none;
    9693         margin: 0;
    9694         padding: 0;
    9695 }
    9696 
    9697 fieldset {
    9698         border: 0;
    9699         padding: 0;
    9700         margin: 0;
    9701 }
    9702 
    9703 .post-categories {
    9704         display: inline;
    9705         margin: 0;
    9706         padding: 0;
    9707 }
    9708 
    9709 .post-categories li {
    9710         display: inline;
    9711 }
    9712 
    9713 /*------------------------------------------------------------------------------
    9714   27.0 - Localization
    9715 ------------------------------------------------------------------------------*/
    9716 
    9717 /* RTL except Hebrew (see below): Tahoma as the first font; */
    9718 body.rtl,
    9719 body.rtl .press-this a.wp-switch-editor {
    9720         font-family: Tahoma, Arial, sans-serif;
    9721 }
    9722 
    9723 
    9724 /* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */
    9725 body.locale-he-il,
    9726 body.locale-he-il .press-this a.wp-switch-editor {
    9727         font-family: Arial, sans-serif;
    9728 }
    9729 
    9730 /* he_IL: Have <em> be bold rather than italic. */
    9731 .locale-he-il em {
    9732         font-style: normal;
    9733         font-weight: bold;
    9734 }
    9735 
    9736 
    9737 /*-----------------------------------------------------------------------------
    9738  MERGED
    9739 -------------------------------------------------------------------------------*/
    9740 
    9741 /* dashboard */
    9742 .edit-box {
    9743         display: none;
    9744 }
    9745 
    9746 h3:hover .edit-box {
    9747         display: inline;
    9748 }
    9749 
    9750 #dashboard-widgets form .input-text-wrap input {
    9751         width: 100%;
    9752 }
    9753 
    9754 #dashboard-widgets form .textarea-wrap textarea {
    9755         width: 100%;
    9756 }
    9757 
    9758 #dashboard-widgets .postbox form .submit {
    9759         float: none;
    9760         margin: .5em 0 0;
    9761         padding: 0;
    9762         border: none;
    9763 }
    9764 
    9765 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
    9766         min-width: 0;
    9767 }
    9768 
    9769 #dashboard-widgets a {
    9770         text-decoration: none;
    9771 }
    9772 
    9773 #dashboard-widgets h3 a {
    9774         text-decoration: underline;
    9775 }
    9776 
    9777 #dashboard-widgets h3 .postbox-title-action {
    9778         position: absolute;
    9779         right: 10px;
    9780         padding: 0;
    9781         top: 5px;
    9782 }
    9783 
    9784 .js #dashboard-widgets h3 .postbox-title-action {
    9785         right: 33px;
    9786 }
    9787 
    9788 #dashboard-widgets h4 {
    9789         color: #222;
    9790         font-weight: normal;
    9791         font-size: 14px;
    9792         margin: 0 0 .2em;
    9793         padding: 0;
    9794 }
    9795 
    9796 #dashboard_plugins h5 {
    9797         font-size: 14px;
    9798 }
    9799 
    9800 /* Recent Comments */
    9801 
    9802 #latest-comments #the-comment-list {
    9803         position: relative;
    9804 }
    9805 
    9806 #activity-widget #the-comment-list .comment {
    9807         -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
    9808         box-shadow:         inset 0 1px 0 rgba(0, 0, 0, 0.06);
    9809 }
    9810 
    9811 #activity-widget .comments #the-comment-list .alt {
    9812         background-color: transparent;
    9813 }
    9814 
    9815 #activity-widget #latest-comments #the-comment-list .comment-item {
    9816         padding: 1em 12px;
    9817 }
    9818 
    9819 #latest-comments #the-comment-list .pingback {
    9820         padding-left: 12px !important;
    9821 }
    9822 
    9823 #latest-comments #the-comment-list .comment-item:first-child {
    9824         border-top: none;
    9825 }
    9826 
    9827 #latest-comments #the-comment-list .comment-item h4 {
    9828         line-height: 1.5em;
    9829         margin-top: 0;
    9830         color: #666;
    9831 }
    9832 
    9833 #latest-comments #the-comment-list .comment-item h4 cite {
    9834         font-style: normal;
    9835         font-weight: normal;
    9836 }
    9837 
    9838 #latest-comments #the-comment-list .comment-item blockquote,
    9839 #latest-comments #the-comment-list .comment-item blockquote p {
    9840         margin: 0;
    9841         padding: 0;
    9842         display: inline;
    9843 }
    9844 
    9845 #latest-comments #the-comment-list .comment-item p.row-actions {
    9846         margin: 3px 0 0;
    9847         padding: 0;
    9848         font-size: 13px;
    9849 }
    9850 
    9851 /* QuickDraft */
    9852 
    9853 #title-wrap label {
    9854         cursor: text;
    9855 }
    9856 
    9857 #title-wrap #title {
    9858         padding: 2px 6px;
    9859         font-size: 1.3em;
    9860         line-height: 100%;
    9861         outline: none;
    9862 }
    9863 
    9864 #title-wrap #title-prompt-text {
    9865         font-size: 1.1em;
    9866         padding: 5px 8px;
    9867 }
    9868 
    9869 /* Feeds */
    9870 .rss-widget ul {
    9871         margin: 0;
    9872         padding: 0;
    9873         list-style: none;
    9874 }
    9875 
    9876 a.rsswidget {
    9877         font-size: 14px;
    9878         font-weight: 600;
    9879         line-height: 1.7em;
    9880 }
    9881 
    9882 .rss-widget ul li {
    9883         line-height: 1.5em;
    9884         margin-bottom: 12px;
    9885 }
    9886 
    9887 .rss-widget span.rss-date {
    9888         color: #999;
    9889         font-size: 13px;
    9890         margin-left: 3px;
    9891 }
    9892 
    9893 .rss-widget cite {
    9894         display: block;
    9895         text-align: right;
    9896         margin: 0 0 1em;
    9897         padding: 0;
    9898 }
    9899 
    9900 .rss-widget cite:before {
    9901         content: '\2014';
    9902 }
    9903 
    9904 .dashboard-comment-wrap {
    9905         overflow: hidden;
    9906         word-wrap: break-word;
    9907 }
    9908 
    9909 /* Browser Nag */
    9910 #dashboard_browser_nag a.update-browser-link {
    9911         font-size: 1.2em;
    9912         font-weight: 600;
    9913 }
    9914 
    9915 #dashboard_browser_nag a {
    9916         text-decoration: underline;
    9917 }
    9918 
    9919 #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
    9920         padding-right: 125px;
    9921 }
    9922 
    9923 #dashboard_browser_nag .browser-icon {
    9924         margin-top: -35px;
    9925 }
    9926 
    9927 #dashboard_browser_nag.postbox.browser-insecure {
    9928         background-color: #ac1b1b;
    9929         border-color: #ac1b1b;
    9930 }
    9931 
    9932 #dashboard_browser_nag.postbox {
    9933         background-color: #e29808;
    9934         background-image: none;
    9935         border-color: #edc048;
    9936         color: #fff;
    9937         -webkit-box-shadow: none;
    9938         box-shadow: none;
    9939 }
    9940 
    9941 #dashboard_browser_nag.postbox.browser-insecure h3 {
    9942         border-bottom-color: #cd5a5a;
    9943         color: #fff;
    9944 }
    9945 
    9946 #dashboard_browser_nag.postbox h3 {
    9947         border-bottom-color: #f6e2ac;
    9948         background: transparent none;
    9949         color: #fff;
    9950         -webkit-box-shadow: none;
    9951         box-shadow: none;
    9952 }
    9953 
    9954 #dashboard_browser_nag a {
    9955         color: #fff;
    9956 }
    9957 
    9958 /* Make the browser nags easier to read with Open Sans */
    9959 
    9960 #dashboard_browser_nag h3.hndle {
    9961         border: none;
    9962         font-weight: 600;
    9963         font-size: 20px;
    9964         padding-top: 10px;
    9965 }
    9966 
    9967 .postbox#dashboard_browser_nag p a.dismiss {
    9968         font-size: 14px;
    9969 }
    9970 
    9971 .postbox#dashboard_browser_nag p,
    9972 .postbox#dashboard_browser_nag a,
    9973 .postbox#dashboard_browser_nag p.browser-update-nag {
    9974         font-size: 16px;
    9975 }
    9976 
    9977 
    9978 /* login */
    9979 
    9980 #loginform p.submit,
    9981 .login-action-lostpassword p.submit {
    9982         border: none;
    9983         margin: -10px 0 20px; /* May want to revisit this */
    9984 }
    9985 
    9986 .login * {
    9987         margin: 0;
    9988         padding: 0;
    9989 }
    9990 
    9991 .login form {
    9992         margin-top: 20px;
    9993         margin-left: 0;
    9994         padding: 26px 24px 46px;
    9995         font-weight: normal;
    9996         overflow: hidden;
    9997         background: #fff;
    9998 
    9999         -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
    10000         box-shadow:         0 1px 3px rgba(0,0,0,0.13);
    10001 }
    10002 
    10003 .login form .forgetmenot {
    10004         font-weight: normal;
    10005         float: left;
    10006         margin-bottom: 0;
    10007 }
    10008 
    10009 .login .button-primary {
    10010         float: right;
    10011 }
    10012 
    10013 #login form p {
    10014         margin-bottom: 0;
    10015 }
    10016 
    10017 #login form p.submit {
    10018         margin: 0;
    10019         padding: 0;
    10020 }
    10021 
    10022 .login label {
    10023         color: #777;
    10024         font-size: 14px;
    10025 }
    10026 
    10027 .login form .forgetmenot label {
    10028         font-size: 12px;
    10029         line-height: 19px;
    10030 }
    10031 
    10032 .login h1 {
    10033         text-align: center;
    10034 }
    10035 
    10036 .login h1 a {
    10037         background-image: url('../images/w-logo-blue.png?ver=20131202');
    10038         background-image: none, url('../images/wordpress-logo.svg?ver=20131107');
    10039         background-size: 80px 80px;
    10040         background-position: center top;
    10041         background-repeat: no-repeat;
    10042         color: #999;
    10043         height: 80px;
    10044         font-size: 20px;
    10045         font-weight: normal;
    10046         line-height: 1.3em;
    10047         margin: 0 auto 25px;
    10048         padding: 0;
    10049         text-decoration: none;
    10050         width: 80px;
    10051         text-indent: -9999px;
    10052         outline: none;
    10053         overflow: hidden;
    10054         display: block;
    10055 }
    10056 
    10057 #login {
    10058         width: 320px;
    10059         padding: 8% 0 0;
    10060         margin: auto;
    10061 }
    10062 
    10063 #login_error,
    10064 .login .message {
    10065         margin-left: 0;
    10066         padding: 12px;
    10067 }
    10068 
    10069 .login #nav,
    10070 .login #backtoblog {
    10071         font-size: 13px;
    10072         padding: 0 24px 0;
    10073 }
    10074 
    10075 .login #nav {
    10076         margin: 24px 0 0 0;
    10077 }
    10078 
    10079 #backtoblog {
    10080         margin: 16px 0 0 0;
    10081 }
    10082 
    10083 .login #nav a,
    10084 .login #backtoblog a {
    10085         text-decoration: none;
    10086         color: #999;
    10087 }
    10088 
    10089 .login #nav a:hover,
    10090 .login #backtoblog a:hover,
    10091 .login h1 a:hover {
    10092         color: #2ea2cc;
    10093 }
    10094 
    10095 .login form .input,
    10096 .login input[type="text"] {
    10097         font-size: 24px;
    10098         line-height: 1;
    10099         width: 100%;
    10100         padding: 3px;
    10101         margin: 2px 6px 16px 0;
    10102 }
    10103 
    10104 .login form .input,
    10105 .login input[type="text"],
    10106 .login form input[type="checkbox"] {
    10107         background: #fbfbfb;
    10108 }
    10109 
    10110 .login #pass-strength-result {
    10111         width: 250px;
    10112         font-weight: 600;
    10113         margin: 12px 0 6px;
    10114         padding: 6px 5px;
    10115         text-align: center;
    10116 }
    10117 
    10118 .mobile #login {
    10119         padding: 20px 0;
    10120 }
    10121 
    10122 .mobile #login form,
    10123 .mobile #login .message,
    10124 .mobile #login_error {
    10125         margin-left: 0;
    10126 }
    10127 
    10128 .mobile #login #nav,
    10129 .mobile #login #backtoblog {
    10130         margin-left: 8px;
    10131 }
    10132 
    10133 .mobile #login h1 a {
    10134         width: auto;
    10135 }
    10136 
    10137 body.interim-login {
    10138         height: auto;
    10139 }
    10140 
    10141 .interim-login #login {
    10142         padding: 0;
    10143         margin: 5px auto 20px;
    10144 }
    10145 
    10146 .interim-login.login h1 a {
    10147         width: auto;
    10148 }
    10149 
    10150 .interim-login #login_error,
    10151 .interim-login.login .message {
    10152         margin: 0 0 16px;
    10153 }
    10154 
    10155 .interim-login.login form {
    10156         margin: 0;
    10157 }
    10158 
    10159 /* ms */
    10160 /* Background Color for Site Status */
    10161 .wp-list-table .site-deleted {
    10162         background: #ff8573;
    10163 }
    10164 .wp-list-table .site-spammed {
    10165         background: #faafaa;
    10166 }
    10167 .wp-list-table .site-archived {
    10168         background: #ffebe8;
    10169 }
    10170 .wp-list-table .site-mature {
    10171         background: #fecac2;
    10172 }
    10173 
    10174 /* nav-menu */
    10175 
    10176 .no-js #message {
    10177         display: block;
    10178 }
    10179 
    10180 .accordion-section ul.category-tabs,
    10181 .accordion-section ul.add-menu-item-tabs,
    10182 .accordion-section ul.wp-tab-bar {
    10183         margin: 0;
    10184 }
    10185 
    10186 .accordion-section .categorychecklist {
    10187         margin: 13px 0;
    10188 }
    10189 
    10190 #nav-menu-meta .accordion-section-content {
    10191         padding: 18px 13px;
    10192 }
    10193 
    10194 #nav-menu-meta .button-controls {
    10195         margin-bottom: 0;
    10196 }
    10197 
    10198 #nav-menus-frame {
    10199         margin-left: 300px;
    10200         margin-top: 23px;
    10201 }
    10202 
    10203 #nav-menus-frame .accordion-section-content .inside {
    10204         font-size: 14px;
    10205 }
    10206 
    10207 #wpbody-content #menu-settings-column {
    10208         display:inline;
    10209         width:281px;
    10210         margin-left: -300px;
    10211         clear: both;
    10212         float: left;
    10213         padding-top: 0;
    10214 }
    10215 
    10216 #menu-settings-column .inside {
    10217         clear: both;
    10218         margin: 10px 0 0;
    10219 }
    10220 
    10221 .metabox-holder-disabled .postbox,
    10222 .metabox-holder-disabled .accordion-section-content,
    10223 .metabox-holder-disabled .accordion-section-title {
    10224         opacity: 0.5;
    10225         filter: alpha(opacity=50);
    10226 }
    10227 
    10228 .metabox-holder-disabled .button-controls .select-all {
    10229         display: none;
    10230 }
    10231 
    10232 #wpbody {
    10233         position: relative;
    10234 }
    10235 
    10236 .blank-slate .menu-name {
    10237         height: 2em;
    10238 }
    10239 
    10240 .blank-slate .menu-settings {
    10241         border: none;
    10242         margin-top: 0;
    10243         padding-top: 0;
    10244         overflow: hidden;
    10245 }
    10246 
    10247 .is-submenu {
    10248         color: #999;
    10249         font-style: italic;
    10250         font-weight: normal;
    10251         margin-left: 4px;
    10252 }
    10253 
    10254 .manage-menus {
    10255         margin-top: 23px;
    10256         padding: 10px;
    10257         overflow: hidden;
    10258         background: #fbfbfb;
    10259 }
    10260 
    10261 .manage-menus select {
    10262         float: left;
    10263         margin-right: 6px;
    10264 }
    10265 
    10266 .manage-menus .selected-menu {
    10267         float: left;
    10268         margin: 5px 6px 0 0;
    10269 }
    10270 
    10271 .manage-menus .submit-btn {
    10272         float: left;
    10273         margin-top: 1px;
    10274 }
    10275 
    10276 .menu-edit p {
    10277         margin: .3em 0 .6em;
    10278 }
    10279 
    10280 .menu-edit #post-body-content h3 {
    10281         margin: 1em 0 10px;
    10282 }
    10283 
    10284 .menu-settings {
    10285         border-top: 1px solid #eee;
    10286         margin-top: 2em;
    10287 }
    10288 
    10289 .menu-settings dl {
    10290         margin: 0 0 10px;
    10291         overflow: hidden;
    10292         padding-left: 18%;
    10293 }
    10294 
    10295 .menu-settings dd {
    10296         float: left;
    10297         margin: 0;
    10298         width: 100%;
    10299 }
    10300 
    10301 .menu-settings dt {
    10302         float: left;
    10303         clear: both;
    10304         width: 21.951%;
    10305         padding: 3px 0 0;
    10306         margin-left: -21.951%;
    10307 }
    10308 
    10309 .menu-settings label {
    10310         vertical-align: baseline;
    10311 }
    10312 
    10313 .menu-edit .checkbox-input {
    10314         margin-top: 4px;
    10315 }
    10316 
    10317 .theme-location-set {
    10318         color: #999;
    10319         font-size: 11px;
    10320 }
    10321 
    10322 /* Menu Container */
    10323 #menu-management-liquid {
    10324         float: left;
    10325         min-width: 100%;
    10326         margin-top: 3px;
    10327 }
    10328 
    10329 #menu-management {
    10330         position: relative;
    10331         margin-right: 20px;
    10332         margin-top: -3px;
    10333         width: 100%;
    10334         background: #f5f5f5;
    10335 }
    10336 
    10337 #menu-management .menu-edit {
    10338         margin-bottom: 20px;
    10339 }
    10340 
    10341 .nav-menus-php #post-body {
    10342         padding: 0 10px 10px;
    10343         border-top: 1px solid #fff;
    10344         border-bottom: 1px solid #dfdfdf;
    10345         background: #fff;
    10346 }
    10347 
    10348 #nav-menu-header,
    10349 #nav-menu-footer {
    10350         padding: 0 10px;
    10351 }
    10352 
    10353 #nav-menu-header {
    10354         border-bottom: 1px solid #dfdfdf;
    10355         margin-bottom: 0;
    10356 }
    10357 
    10358 #nav-menu-header .menu-name-label {
    10359         margin-top: 4px;
    10360 }
    10361 
    10362 .nav-menus-php #post-body div.updated,
    10363 .nav-menus-php #post-body div.error {
    10364         margin: 0;
    10365 }
    10366 
    10367 .nav-menus-php #post-body-content {
    10368         position: relative;
    10369         float: none;
    10370 }
    10371 
    10372 #menu-management .menu-add-new abbr {
    10373         font-weight:600;
    10374 }
    10375 
    10376 #select-nav-menu-container {
    10377         text-align: right;
    10378         padding: 0 10px 3px 10px;
    10379         margin-bottom: 5px;
    10380 }
    10381 
    10382 #select-nav-menu {
    10383         width: 100px;
    10384         display: inline;
    10385 }
    10386 
    10387 #menu-name-label {
    10388         margin-top: -2px;
    10389 }
    10390 
    10391 .widefat td.menu-location-menus {
    10392         padding-bottom: 5px;
    10393 }
    10394 
    10395 .menu-location-menus select {
    10396         float: left;
    10397 }
    10398 
    10399 #locations-nav-menu-wrapper {
    10400         padding: 5px 0;
    10401 }
    10402 
    10403 .locations-nav-menu-select select {
    10404         float: left;
    10405         width: 160px;
    10406         margin-right: 5px;
    10407 }
    10408 
    10409 .locations-row-links {
    10410         float: left;
    10411         margin: 6px 0 0 6px;
    10412 }
    10413 
    10414 .locations-edit-menu-link,
    10415 .locations-add-menu-link {
    10416         margin: 0 3px;
    10417 }
    10418 
    10419 .locations-edit-menu-link {
    10420         padding-right: 3px;
    10421         border-right: 1px solid #ccc;
    10422 }
    10423 
    10424 #wpbody .open-label {
    10425         display: block;
    10426         float:left;
    10427 }
    10428 
    10429 #wpbody .open-label span {
    10430         padding-right: 10px;
    10431 }
    10432 
    10433 .js .input-with-default-title {
    10434         color: #aaa;
    10435         font-style: italic;
    10436 }
    10437 
    10438 #menu-management .inside {
    10439         padding: 0 10px;
    10440 }
    10441 
    10442 /* Add Menu Item Boxes */
    10443 .postbox .howto input,
    10444 .accordion-container .howto input {
    10445         width: 180px;
    10446         float: right;
    10447 }
    10448 
    10449 .accordion-container .outer-border {
    10450         margin: 0;
    10451 }
    10452 
    10453 .customlinkdiv .howto input {
    10454         width: 180px;
    10455 }
    10456 
    10457 .customlinkdiv p {
    10458         margin-top: 0
    10459 }
    10460 
    10461 #nav-menu-theme-locations .howto select {
    10462         width: 100%;
    10463 }
    10464 
    10465 #nav-menu-theme-locations .button-controls {
    10466         text-align: right;
    10467 }
    10468 
    10469 .add-menu-item-view-all {
    10470         height: 400px;
    10471 }
    10472 
    10473 /* Button Primary Actions */
    10474 #menu-container .submit {
    10475         margin: 0 0 10px;
    10476         padding: 0;
    10477 }
    10478 
    10479 .nav-menus-php .add-new-menu-action {
    10480         float: left;
    10481         margin: 6px 0 0 6px;
    10482         line-height: 15px;
    10483 }
    10484 
    10485 .nav-menus-php .meta-sep,
    10486 .nav-menus-php .submitdelete,
    10487 .nav-menus-php .submitcancel {
    10488         display: block;
    10489         float: left;
    10490         margin: 6px 0;
    10491         line-height: 15px;
    10492 }
    10493 
    10494 .meta-sep {
    10495         padding: 0 2px;
    10496 }
    10497 
    10498 /* @todo: is this actually used? */
    10499 #cancel-save {
    10500         text-decoration: underline;
    10501         font-size: 12px;
    10502         margin-left: 20px;
    10503         margin-top: 5px;
    10504 }
    10505 
    10506 .button.right, .button-secondary.right, .button-primary.right {
    10507         float: right;
    10508 }
    10509 
    10510 /* Button Secondary Actions */
    10511 .list-controls {
    10512         float: left;
    10513         margin-top: 5px;
    10514 }
    10515 
    10516 .add-to-menu {
    10517         float: right;
    10518 }
    10519 
    10520 .postbox .spinner {
    10521         display: none;
    10522         vertical-align: middle;
    10523 }
    10524 
    10525 .button-controls {
    10526         clear:both;
    10527         margin: 10px 0;
    10528 }
    10529 
    10530 .show-all,
    10531 .hide-all {
    10532         cursor: pointer;
    10533 }
    10534 
    10535 .hide-all {
    10536         display: none;
    10537 }
    10538 
    10539 /* Create Menu */
    10540 #menu-name {
    10541         width: 270px;
    10542 }
    10543 
    10544 #manage-menu .inside {
    10545         padding: 0px 0px;
    10546 }
    10547 
    10548 /* Custom Links */
    10549 #available-links dt {
    10550         display: block;
    10551 }
    10552 
    10553 #add-custom-link .howto {
    10554         font-size: 12px;
    10555 }
    10556 
    10557 #add-custom-link label span {
    10558         display: block;
    10559         float: left;
    10560         margin-top: 5px;
    10561         padding-right: 5px;
    10562 }
    10563 
    10564 .menu-item-textbox {
    10565         width: 180px;
    10566 }
    10567 
    10568 .nav-menus-php .howto span {
    10569         margin-top: 6px;
    10570         display: block;
    10571         float: left;
    10572 }
    10573 
    10574 /* Menu item types */
    10575 .quick-search {
    10576         width: 190px;
    10577 }
    10578 
    10579 .nav-menus-php .list-wrap {
    10580         display: none;
    10581         clear: both;
    10582         margin-bottom: 10px;
    10583 }
    10584 
    10585 .nav-menus-php .postbox p.submit {
    10586         margin-bottom: 0;
    10587 }
    10588 
    10589 /* Listings */
    10590 .nav-menus-php .list li {
    10591         display: none;
    10592         margin: 0;
    10593         margin-bottom: 5px;
    10594 }
    10595 
    10596 .nav-menus-php .list li .menu-item-title {
    10597         cursor: pointer;
    10598         display: block;
    10599 }
    10600 
    10601 .nav-menus-php .list li .menu-item-title input {
    10602         margin-right: 3px;
    10603         margin-top: -3px;
    10604 }
    10605 
    10606 .menu-item-title input[type=checkbox] {
    10607         display: inline-block;
    10608         margin-top: -4px;
    10609 }
    10610 
    10611 /* Nav Menu */
    10612 #menu-container .inside {
    10613         padding-bottom: 10px;
    10614 }
    10615 
    10616 .menu {
    10617         padding-top:1em;
    10618 }
    10619 
    10620 #menu-to-edit {
    10621         margin: 0;
    10622         padding: 0.1em 0;
    10623 }
    10624 
    10625 .menu ul {
    10626         width: 100%;
    10627 }
    10628 
    10629 .menu li {
    10630         margin-bottom: 0;
    10631         position:relative;
    10632 }
    10633 
    10634 .menu-item-bar {
    10635         clear:both;
    10636         line-height:1.5em;
    10637         position:relative;
    10638         margin: 9px 0 0;
    10639 }
    10640 
    10641 .menu-item-bar .menu-item-handle {
    10642         border: 1px solid #dfdfdf;
    10643         position: relative;
    10644         padding: 10px 15px;
    10645         height: auto;
    10646         width: 382px;
    10647         line-height: 30px;
    10648         overflow: hidden;
    10649         word-wrap: break-word;
    10650 }
    10651 
    10652 .menu-item-bar .menu-item-handle:hover {
    10653         border-color: #999;
    10654 }
    10655 
    10656 #menu-to-edit .menu-item-invalid .menu-item-handle {
    10657         background: #f6c9cc;
    10658         border-color: #f1acb1;
    10659 }
    10660 
    10661 .no-js .menu-item-edit-active .item-edit {
    10662         display: none;
    10663 }
    10664 
    10665 .js .menu-item-handle {
    10666         cursor: move;
    10667 }
    10668 
    10669 .menu li.deleting .menu-item-handle {
    10670         background-image: none;
    10671         background-color: #f66;
    10672 }
    10673 
    10674 .menu-item-handle .item-title {
    10675         font-size: 13px;
    10676         font-weight: 600;
    10677         line-height: 20px;
    10678         display: block;
    10679         margin-right: 13em;
    10680 }
    10681 
    10682 /* Sortables */
    10683 li.menu-item.ui-sortable-helper dl {
    10684         margin-top: 0;
    10685 }
    10686 
    10687 li.menu-item.ui-sortable-helper .menu-item-transport dl {
    10688         margin-top: 13px;
    10689 }
    10690 
    10691 .menu .sortable-placeholder {
    10692         height: 35px;
    10693         width: 410px;
    10694         margin-top: 13px;
    10695 }
    10696 
    10697 /* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */
    10698 .menu-item-depth-0 { margin-left: 0px; }
    10699 .menu-item-depth-1 { margin-left: 30px; }
    10700 .menu-item-depth-2 { margin-left: 60px; }
    10701 .menu-item-depth-3 { margin-left: 90px; }
    10702 .menu-item-depth-4 { margin-left: 120px; }
    10703 .menu-item-depth-5 { margin-left: 150px; }
    10704 .menu-item-depth-6 { margin-left: 180px; }
    10705 .menu-item-depth-7 { margin-left: 210px; }
    10706 .menu-item-depth-8 { margin-left: 240px; }
    10707 .menu-item-depth-9 { margin-left: 270px; }
    10708 .menu-item-depth-10 { margin-left: 300px; }
    10709 .menu-item-depth-11 { margin-left: 330px; }
    10710 
    10711 .menu-item-depth-0 .menu-item-transport { margin-left: 0px; }
    10712 .menu-item-depth-1 .menu-item-transport { margin-left: -30px; }
    10713 .menu-item-depth-2 .menu-item-transport { margin-left: -60px; }
    10714 .menu-item-depth-3 .menu-item-transport { margin-left: -90px; }
    10715 .menu-item-depth-4 .menu-item-transport { margin-left: -120px; }
    10716 .menu-item-depth-5 .menu-item-transport { margin-left: -150px; }
    10717 .menu-item-depth-6 .menu-item-transport { margin-left: -180px; }
    10718 .menu-item-depth-7 .menu-item-transport { margin-left: -210px; }
    10719 .menu-item-depth-8 .menu-item-transport { margin-left: -240px; }
    10720 .menu-item-depth-9 .menu-item-transport { margin-left: -270px; }
    10721 .menu-item-depth-10 .menu-item-transport { margin-left: -300px; }
    10722 .menu-item-depth-11 .menu-item-transport { margin-left: -330px; }
    10723 
    10724 body.menu-max-depth-0 { min-width: 950px !important; }
    10725 body.menu-max-depth-1 { min-width: 980px !important; }
    10726 body.menu-max-depth-2 { min-width: 1010px !important; }
    10727 body.menu-max-depth-3 { min-width: 1040px !important; }
    10728 body.menu-max-depth-4 { min-width: 1070px !important; }
    10729 body.menu-max-depth-5 { min-width: 1100px !important; }
    10730 body.menu-max-depth-6 { min-width: 1130px !important; }
    10731 body.menu-max-depth-7 { min-width: 1160px !important; }
    10732 body.menu-max-depth-8 { min-width: 1190px !important; }
    10733 body.menu-max-depth-9 { min-width: 1220px !important; }
    10734 body.menu-max-depth-10 { min-width: 1250px !important; }
    10735 body.menu-max-depth-11 { min-width: 1280px !important; }
    10736 
    10737 /* Menu item controls */
    10738 .item-type {
    10739         color: #777;
    10740         font-size: 12px;
    10741         padding: 12px 10px;
    10742         line-height: 18px;
    10743         display: block;
    10744 }
    10745 
    10746 .item-controls {
    10747         font-size: 12px;
    10748         position: absolute;
    10749         right: 20px;
    10750         top: -1px;
    10751 }
    10752 
    10753 .item-controls a {
    10754         text-decoration: none;
    10755 }
    10756 
    10757 .item-controls a:hover {
    10758         cursor: pointer;
    10759 }
    10760 
    10761 .item-controls .item-order {
    10762         padding-right: 10px;
    10763 }
    10764 
    10765 .nav-menus-php .item-edit {
    10766         position: absolute;
    10767         right: -20px;
    10768         top: 0;
    10769         display: block;
    10770         width: 30px;
    10771         height: 40px;
    10772         margin-right: 0 !important;
    10773         text-indent: 100%;
    10774         outline: none;
    10775         overflow: hidden;
    10776         white-space: nowrap;
    10777 }
    10778 
    10779 /* Menu editing */
    10780 .menu-instructions-inactive {
    10781         display: none;
    10782 }
    10783 
    10784 .menu-item-settings {
    10785         display: block;
    10786         width: 402px;
    10787         padding: 10px 0 10px 10px;
    10788         position: relative;
    10789         z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
    10790         border: 1px solid #e5e5e5;
    10791         border-top: none;
    10792         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    10793         box-shadow:         0 1px 1px rgba(0,0,0,0.04);
    10794 }
    10795 
    10796 .menu-item-settings .field-move a {
    10797         display: none;
    10798         margin: 0 2px;
    10799 }
    10800 
    10801 .menu-item-edit-active .menu-item-settings {
    10802         display: block;
    10803 }
    10804 
    10805 .menu-item-edit-inactive .menu-item-settings {
    10806         display: none;
    10807 }
    10808 
    10809 .add-menu-item-pagelinks {
    10810         margin: .5em auto;
    10811         text-align: center;
    10812 }
    10813 
    10814 .link-to-original {
    10815         display: block;
    10816         margin: 0 0 10px;
    10817         padding: 3px 5px 5px;
    10818         border: 1px solid #dfdfdf;
    10819         color: #777;
    10820         font-size: 12px;
    10821         font-style: italic;
    10822 }
    10823 
    10824 .link-to-original a {
    10825         padding-left: 4px;
    10826         font-style: normal;
    10827 }
    10828 
    10829 .hidden-field {
    10830         display: none;
    10831 }
    10832 
    10833 .menu-item-settings .description-thin,
    10834 .menu-item-settings .description-wide {
    10835         margin-right: 10px;
    10836         float: left;
    10837 }
    10838 
    10839 .description-thin {
    10840         width: 190px;
    10841         height: 40px;
    10842 }
    10843 
    10844 .description-wide {
    10845         width: 390px;
    10846 }
    10847 
    10848 .menu-item-actions {
    10849         padding-top: 15px;
    10850 }
    10851 
    10852 #cancel-save {
    10853         cursor: pointer;
    10854 }
    10855 
    10856 /* Major/minor publishing actions (classes) */
    10857 .nav-menus-php .major-publishing-actions {
    10858         clear: both;
    10859         padding: 3px 0 6px;
    10860 }
    10861 
    10862 .nav-menus-php .major-publishing-actions .publishing-action {
    10863         text-align: right;
    10864         float: right;
    10865         line-height: 23px;
    10866         margin: 4px 0 1px;
    10867 }
    10868 
    10869 .nav-menus-php .blank-slate .menu-settings {
    10870         display: none;
    10871 }
    10872 
    10873 .nav-menus-php .delete-action {
    10874         float: left;
    10875         margin-top: 2px;
    10876 }
    10877 
    10878 .nav-menus-php .submitbox .submitcancel {
    10879         border-bottom: 1px solid #0074a2;
    10880         padding: 1px 2px;
    10881         color: #0074a2;
    10882         text-decoration: none;
    10883 }
    10884 
    10885 .nav-menus-php .submitbox .submitcancel:hover {
    10886         background: #0074a2;
    10887         color: #fff;
    10888 }
    10889 
    10890 .nav-menus-php .major-publishing-actions .form-invalid {
    10891         padding-left: 4px;
    10892         margin-left: -4px;
    10893 }
    10894 
    10895 /* Clearfix */
    10896 #menu-item-name-wrap:after,
    10897 #menu-item-url-wrap:after,
    10898 #menu-name-label:after,
    10899 #menu-settings-column .inside:after,
    10900 #nav-menus-frame:after,
    10901 .nav-menus-php #post-body-content:after,
    10902 .nav-menus-php .button-controls:after,
    10903 .nav-menus-php .major-publishing-actions:after,
    10904 .nav-menus-php .menu-item-settings:after {
    10905         clear: both;
    10906         content: ".";
    10907         display: block;
    10908         height: 0;
    10909         visibility: hidden;
    10910 }
    10911 
    10912 #nav-menus-frame,
    10913 .button-controls,
    10914 #menu-item-url-wrap,
    10915 #menu-item-name-wrap {
    10916         display: block;
    10917 }
    10918 
    10919 /* Star Ratings - Back-compat for pre-3.8 */
    10920 div.star-holder {
    10921         position: relative;
    10922         height: 17px;
    10923         width: 100px;
    10924         background: url('../images/stars.png?ver=20121108') repeat-x bottom left;
    10925 }
    10926 
    10927 div.star-holder .star-rating {
    10928         background: url('../images/stars.png?ver=20121108') repeat-x top left;
    10929         height: 17px;
    10930         float: left;
    10931 }
    10932 
    10933 /* Star Ratings */
    10934 .star-rating {
    10935         white-space: nowrap;
    10936 }
    10937 .star-rating .star {
    10938         display: inline-block;
    10939         width: 20px;
    10940         height: 20px;
    10941         -webkit-font-smoothing: antialiased;
    10942         font-size: 20px;
    10943         line-height: 1;
    10944         font-family: 'dashicons';
    10945         text-decoration: inherit;
    10946         font-weight: normal;
    10947         font-style: normal;
    10948         vertical-align: top;
    10949         -moz-transition: color .1s ease-in 0;
    10950         -webkit-transition: color .1s ease-in 0;
    10951         text-align: center;
    10952         color: #0074a2;
    10953 }
    10954 
    10955 .star-rating .star-full:before {
    10956         content:'\f155';
    10957 }
    10958 
    10959 .star-rating .star-half:before {
    10960         content:'\f459';
    10961 }
    10962 
    10963 .rtl .star-rating .star-half {
    10964         -webkit-transform: rotateY(180deg);
    10965         -ms-transform:     rotateY(180deg);
    10966         transform:         rotateY(180deg);
    10967 }
    10968 
    10969 .star-rating .star-empty:before {
    10970         content:'\f154';
    10971 }
    10972 
    10973 div.action-links {
    10974         font-weight: normal;
    10975         margin: 6px 0 0;
    10976 }
    10977 
    10978 /* Header on thickbox */
    10979 #plugin-information-header {
    10980         margin: 0;
    10981         padding: 0 5px;
    10982         font-weight: 600;
    10983         position: relative;
    10984         border-bottom: 1px solid #dfdfdf;
    10985         height: 2.5em;
    10986         background-color: #f9f9f9;
    10987 }
    10988 #plugin-information ul#sidemenu {
    10989         font-weight: normal;
    10990         margin: 0 5px;
    10991         position: absolute;
    10992         left: 0;
    10993         bottom: -1px;
    10994 }
    10995 
    10996 /* Install sidemenu */
    10997 #plugin-information {
    10998         height: auto;
    10999 }
    11000 
    11001 #plugin-information p.action-button {
    11002         width: 100%;
    11003         padding-bottom: 0;
    11004         margin-bottom: 0;
    11005         margin-top: 10px;
    11006         -webkit-border-top-left-radius: 3px;
    11007         -webkit-border-bottom-left-radius: 3px;
    11008         border-top-left-radius: 3px;
    11009         border-bottom-left-radius: 3px;
    11010 }
    11011 
    11012 #plugin-information .action-button a {
    11013         background-color: #2ea2cc;
    11014         color: #fff;
    11015         text-align: center;
    11016         font-weight: 600;
    11017         text-decoration: none;
    11018         display: block;
    11019         line-height: 2em;
    11020 }
    11021 
    11022 #plugin-information h2 {
    11023         clear: none !important;
    11024         margin-right: 200px;
    11025 }
    11026 
    11027 #plugin-information .fyi {
    11028         margin: 0 10px 50px;
    11029         width: 210px;
    11030 }
    11031 
    11032 #plugin-information .fyi h2 {
    11033         font-size: 0.9em;
    11034         margin-bottom: 0;
    11035         margin-right: 0;
    11036 }
    11037 
    11038 #plugin-information .fyi h2.mainheader {
    11039         padding: 5px;
    11040         -webkit-border-top-left-radius: 3px;
    11041         border-top-left-radius: 3px;
    11042         background-color: #cee1ef;
    11043 }
    11044 
    11045 #plugin-information .fyi ul {
    11046         padding: 10px 5px 10px 7px;
    11047         margin: 0;
    11048         list-style: none;
    11049         -webkit-border-bottom-left-radius: 3px;
    11050         border-bottom-left-radius: 3px;
    11051         background-color: #eaf3fa;
    11052 }
    11053 
    11054 #plugin-information .fyi li {
    11055         margin-right: 0;
    11056 }
    11057 
    11058 #plugin-information #section-holder {
    11059         padding: 10px;
    11060 }
    11061 
    11062 #plugin-information .section ul,
    11063 #plugin-information .section ol {
    11064         margin-left: 16px;
    11065         list-style-type: square;
    11066         list-style-image: none;
    11067 }
    11068 
    11069 #plugin-information #section-screenshots ol {
    11070         list-style: none;
    11071         margin: 0;
    11072 }
    11073 
    11074 #plugin-information #section-screenshots li img {
    11075         vertical-align: text-top;
    11076         max-width: 100%;
    11077         width: auto;
    11078         height: auto;
    11079 }
    11080 
    11081 #plugin-information #section-screenshots li p {
    11082         font-style: italic;
    11083         padding-left: 20px;
    11084         padding-bottom: 2em;
    11085 }
    11086 
    11087 #plugin-information #section-screenshots ol,
    11088 #plugin-information .updated,
    11089 #plugin-information pre {
    11090         margin-right: 215px;
    11091 }
    11092 
    11093 #plugin-information pre {
    11094         padding: 7px;
    11095         overflow: auto;
    11096         border: 1px solid #ccc;
    11097 }
    11098 
    11099 #plugin-information pre,
    11100 #plugin-information code {
    11101         background-color: #ededff;
    11102 }
    11103 
    11104 .plugin-version-author-uri {
    11105         font-size: 13px;
    11106 }
    11107 
    11108 img {
    11109         border: none;
    11110 }
    11111 
    11112 /* Header */
    11113 /* @todo: are these also specific to Press This? */
    11114 #wphead {
    11115         border-bottom: 1px solid #dfdfdf;
    11116 }
    11117 
    11118 #wphead h1 a {
    11119         color: #464646;
    11120 }
    11121 
    11122 .press-this #wphead {
    11123         height: 32px;
    11124         margin-left: 0;
    11125         margin-right: 0;
    11126         margin-bottom: 5px;
    11127 }
    11128 
    11129 .press-this #header-logo {
    11130         float: left;
    11131         margin: 7px 7px 0;
    11132         -webkit-user-select: none;
    11133         -moz-user-select: none;
    11134         user-select: none;
    11135 }
    11136 
    11137 .press-this #wphead h1 {
    11138         font-weight: normal;
    11139         font-size: 16px;
    11140         line-height: 32px;
    11141         margin: 0;
    11142         float: left;
    11143 }
    11144 
    11145 .press-this #wphead h1 a {
    11146         text-decoration: none;
    11147 }
    11148 
    11149 .press-this #wphead h1 a:hover {
    11150         text-decoration: underline;
    11151 }
    11152 
    11153 .press-this #message {
    11154         margin: 10px 0;
    11155 }
    11156 
    11157 .press-this .posting {
    11158         margin-right: 252px;
    11159 }
    11160 
    11161 .press-this-sidebar {
    11162         float: right;
    11163         width: 240px;
    11164         padding-top: 10px;
    11165 }
    11166 
    11167 .press-this #title {
    11168         margin-left: 0;
    11169         margin-right: 0;
    11170         -moz-box-sizing: border-box;
    11171         -webkit-box-sizing: border-box;
    11172         -ms-box-sizing: border-box;
    11173         box-sizing: border-box;
    11174 }
    11175 
    11176 .press-this .tagchecklist {
    11177         margin-top: 8px;
    11178 }
    11179 
    11180 .press-this #titlediv {
    11181         margin: 0;
    11182 }
    11183 
    11184 .press-this .wp-media-buttons {
    11185         cursor: default;
    11186         padding: 8px 8px 6px;
    11187 }
    11188 
    11189 .press-this .howto {
    11190         margin-top: 2px;
    11191         margin-bottom: 3px;
    11192         font-size: 12px;
    11193         font-style: italic;
    11194         display: block;
    11195 }
    11196 
    11197 .press-this #wp-content-editor-container {
    11198         clear: none;
    11199 }
    11200 
    11201 .press-this #poststuff .inside {
    11202         margin-top: 18px;
    11203 }
    11204 
    11205 .press-this .category-tabs {
    11206         margin-bottom: 3px;
    11207 }
    11208 
    11209 /* Editor/Main Column */
    11210 .press-this #poststuff {
    11211         margin: 0 10px 10px;
    11212         padding: 0;
    11213 }
    11214 
    11215 .press-this #photo-add-url-div input[type="text"] {
    11216         width: 220px;
    11217 }
    11218 
    11219 #poststuff #editor-toolbar {
    11220         height: 30px;
    11221 }
    11222 
    11223 div.zerosize {
    11224         border: 0 none;
    11225         height: 0;
    11226         margin: 0;
    11227         overflow: hidden;
    11228         padding: 0;
    11229         width: 0;
    11230 }
    11231 
    11232 .posting {
    11233         margin-right: 212px;
    11234         position: relative;
    11235 }
    11236 
    11237 .press-this .inner-sidebar {
    11238         width: 200px;
    11239 }
    11240 
    11241 .press-this .inner-sidebar .sleeve {
    11242         padding-top: 5px;
    11243 }
    11244 
    11245 .press-this #submitdiv p {
    11246         margin: 0;
    11247         padding: 6px;
    11248 }
    11249 
    11250 .press-this #submitdiv #publishing-actions {
    11251         border-bottom: 1px solid #dfdfdf;
    11252 }
    11253 
    11254 .press-this #publish {
    11255         float: right;
    11256 }
    11257 
    11258 .press-this #poststuff h2,
    11259 .press-this #poststuff h3 {
    11260         font-size: 14px;
    11261         line-height: 1;
    11262 }
    11263 
    11264 .press-this #tagsdiv-post_tag h3,
    11265 .press-this #categorydiv h3 {
    11266         cursor: pointer;
    11267 }
    11268 
    11269 .press-this #submitdiv h3 {
    11270         cursor: default;
    11271 }
    11272 
    11273 h3.tb {
    11274         font-weight: 600;
    11275         font-size: 12px;
    11276         margin-left: 5px;
    11277 }
    11278 
    11279 .press-this .postbox,
    11280 .press-this .stuffbox {
    11281         margin-bottom: 10px;
    11282         min-width: 0;
    11283 }
    11284 
    11285 .js .meta-box-sortables .postbox:hover .handlediv {
    11286         margin-right: 0 !important;
    11287 }
    11288 
    11289 /* Metabox collapse arrow indicators */
    11290 .js .sidebar-name .sidebar-name-arrow:before,
    11291 .js .meta-box-sortables .postbox .handlediv:before {
    11292         right: 12px;
    11293         font: normal 20px/1 'dashicons';
    11294         speak: none;
    11295         display: inline-block;
    11296         padding: 8px 10px;
    11297         top: 0;
    11298         position: relative;
    11299         -webkit-font-smoothing: antialiased;
    11300         -moz-osx-font-smoothing: grayscale;
    11301         text-decoration: none !important;
    11302 }
    11303 
    11304 .js #widgets-left .sidebar-name .sidebar-name-arrow {
    11305         display: none;
    11306 }
    11307 
    11308 .js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
    11309 .js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
    11310         display: block;
    11311 }
    11312 
    11313 /* Show the arrow only on hover */
    11314 .js .sidebar-name .sidebar-name-arrow:before,
    11315 .js .meta-box-sortables .postbox .handlediv:before {
    11316         content: '\f142';
    11317 }
    11318 
    11319 .js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
    11320 .js .meta-box-sortables .postbox.closed .handlediv:before {
    11321         content: '\f140';
    11322 }
    11323 
    11324 .press-this #submitdiv:hover .handlediv {
    11325         background: none;
    11326 }
    11327 
    11328 .tbtitle {
    11329         font-size: 1.7em;
    11330         outline: none;
    11331         padding: 3px 4px;
    11332         border: 1px solid #dfdfdf;
    11333 }
    11334 
    11335 .press-this .actions {
    11336         float: right;
    11337         margin: -19px 0 0;
    11338 }
    11339 
    11340 .press-this #extra-fields .actions {
    11341         margin: -32px -7px 0 0;
    11342 }
    11343 
    11344 .press-this .actions li {
    11345         float: left;
    11346         list-style: none;
    11347         margin-right: 10px;
    11348 }
    11349 
    11350 #extra-fields .button {
    11351         margin-right: 5px;
    11352 }
    11353 
    11354 /* Photo Styles */
    11355 #photo_saving {
    11356         margin: 0 8px 8px;
    11357         vertical-align: middle;
    11358 }
    11359 
    11360 #img_container_container {
    11361         overflow: auto;
    11362 }
    11363 
    11364 #extra-fields {
    11365         margin-top: 10px;
    11366         position: relative;
    11367 }
    11368 
    11369 #extra-fields h2 {
    11370         margin: 12px;
    11371 }
    11372 
    11373 #waiting {
    11374         margin-top: 10px;
    11375         overflow: hidden;
    11376 }
    11377 
    11378 #waiting span {
    11379         float: right;
    11380         margin: 0 0 0 5px;
    11381 }
    11382 
    11383 #waiting .spinner {
    11384         display: block;
    11385 }
    11386 
    11387 #extra-fields .postbox {
    11388         margin-bottom: 5px;
    11389 }
    11390 
    11391 #extra-fields .titlewrap {
    11392         padding: 0;
    11393         overflow: auto;
    11394         height: 120px;
    11395 }
    11396 
    11397 #img_container a {
    11398         display: block;
    11399         float: left;
    11400         overflow: hidden;
    11401 }
    11402 
    11403 #img_container img,
    11404 #img_container a {
    11405         width: 68px;
    11406         height: 68px;
    11407 }
    11408 
    11409 #img_container img {
    11410         border: none;
    11411         background-color: #f4f4f4;
    11412         cursor: pointer;
    11413 }
    11414 
    11415 #img_container a,
    11416 #img_container a:link,
    11417 #img_container a:visited {
    11418         border: 1px solid #ccc;
    11419         display: block;
    11420         position: relative;
    11421 }
    11422 
    11423 #img_container a:hover,
    11424 #img_container a:active {
    11425         border-color: #000;
    11426         z-index: 1000;
    11427         border-width: 1px;
    11428 }
    11429 
    11430 /* Video */
    11431 #embed-code {
    11432         width: 100%;
    11433         height: 98px;
    11434 }
    11435 
    11436 /* Categories */
    11437 .press-this .categorydiv div.tabs-panel {
    11438         height: 100px;
    11439 }
    11440 
    11441 /* Tags */
    11442 .press-this .tagsdiv .newtag {
    11443         width: 120px;
    11444 }
    11445 
    11446 .press-this #content {
    11447         margin: 5px 0;
    11448         padding: 0 5px;
    11449         border: 0 none;
    11450         height: 345px;
    11451         font-family: Consolas, Monaco, monospace;
    11452         font-size: 13px;
    11453         line-height: 19px;
    11454         background: transparent;
    11455 }
    11456 
    11457 /* Submit */
    11458 .press-this #publishing-actions .spinner {
    11459         display: inline;
    11460         vertical-align: middle;
    11461 }
    11462 
    11463 #TB_ajaxContent #options {
    11464         position: absolute;
    11465         top: 20px;
    11466         right: 25px;
    11467         padding: 5px;
    11468 }
    11469 
    11470 #TB_ajaxContent h3 {
    11471         margin-bottom: .25em;
    11472 }
    11473 
    11474 .error a {
    11475         text-decoration: underline;
    11476 }
    11477 
    11478 .updated a {
    11479         text-decoration: none;
    11480         padding-bottom: 2px;
    11481 }
    11482 
    11483 /* tag hints */
    11484 .taghint {
    11485         color: #aaa;
    11486         margin: -17px 0 0 7px;
    11487         visibility: hidden;
    11488 }
    11489 
    11490 input.newtag ~ div.taghint {
    11491         visibility: visible;
    11492 }
    11493 
    11494 input.newtag:focus ~ div.taghint {
    11495         visibility: hidden;
    11496 }
    11497 
    11498 /* TinyMCE */
    11499 #mce_fullscreen_container {
    11500         background: #fff;
    11501 }
    11502 
    11503 #photo-add-url-div input[type="text"] {
    11504         width: 300px;
    11505 }
    11506 
    11507 /* Theme/Plugin Editor */
    11508 .alignleft h3 {
    11509         margin: 0;
    11510 }
    11511 
    11512 #template textarea {
    11513         font-family: Consolas, Monaco, monospace;
    11514         font-size: 13px;
    11515         width: 97%;
    11516         background: #f9f9f9;
    11517         outline: none;
    11518 }
    11519 
    11520 /* @noflip */
    11521 #template textarea,
    11522 #docs-list {
    11523         direction: ltr;
    11524 }
    11525 
    11526 #template p {
    11527         width: 97%;
    11528 }
    11529 
    11530 #templateside {
    11531         float: right;
    11532         width: 190px;
    11533         word-wrap: break-word;
    11534 }
    11535 
    11536 #templateside h3,
    11537 #postcustomstuff p.submit {
    11538         margin: 0;
    11539 }
    11540 
    11541 #templateside h4 {
    11542         margin: 1em 0 0;
    11543 }
    11544 
    11545 #templateside ol,
    11546 #templateside ul {
    11547         margin: .5em 0;
    11548         padding: 0;
    11549 }
    11550 
    11551 #templateside li {
    11552         margin: 4px 0;
    11553 }
    11554 
    11555 #templateside a,
    11556 .theme-editor-php .highlight {
    11557         display: block;
    11558         padding: 3px 3px 3px 12px;
    11559         text-decoration: none;
    11560 }
    11561 
    11562 .theme-editor-php .highlight {
    11563         margin: -3px 3px -3px -12px;
    11564 }
    11565 
    11566 #templateside .highlight {
    11567         border: none;
    11568         font-weight: bold;
    11569 }
    11570 
    11571 .nonessential {
    11572         color: #666;
    11573         font-size: 11px;
    11574         font-style: italic;
    11575         padding-left: 12px;
    11576 }
    11577 
    11578 #documentation {
    11579         margin-top: 10px;
    11580 }
    11581 
    11582 #documentation label {
    11583         line-height: 22px;
    11584         vertical-align: baseline;
    11585         font-weight: 600;
    11586 }
    11587 
    11588 .fileedit-sub {
    11589         padding: 10px 0 8px;
    11590         line-height: 180%;
    11591 }
    11592 
    11593 .feature-filter {
    11594         padding: 8px 12px 0;
    11595 }
    11596 
    11597 .feature-filter .feature-group {
    11598         float: left;
    11599         margin: 5px 10px 10px;
    11600 }
    11601 
    11602 .feature-filter .feature-group li {
    11603         display: inline-block;
    11604         vertical-align: top;
    11605         list-style-type: none;
    11606         padding-right: 25px;
    11607         width: 150px;
    11608 }
    11609 
    11610 /* General Widgets Styles */
    11611 
    11612 .widget {
    11613         margin: 0 auto 10px;
    11614         position: relative;
    11615         box-sizing: border-box;
    11616         -moz-box-sizing: border-box;
    11617         -webkit-box-sizing: border-box;
    11618 }
    11619 
    11620 .widget-top {
    11621         font-size: 13px;
    11622         font-weight: 600;
    11623         background: #f7f7f7;
    11624 }
    11625 
    11626 .widget-top a.widget-action,
    11627 .widget-top a.widget-action:hover {
    11628         text-decoration: none;
    11629 }
    11630 
    11631 .widget-title h4 {
    11632         margin: 0;
    11633         padding: 15px;
    11634         line-height: 1;
    11635         overflow: hidden;
    11636         white-space: nowrap;
    11637         text-overflow: ellipsis;
    11638         -webkit-user-select: none;
    11639         -moz-user-select: none;
    11640         user-select: none;
    11641 }
    11642 
    11643 .widgets-holder-wrap .widget-inside {
    11644         border-top: none;
    11645         padding: 1px 15px 15px 15px;
    11646         line-height: 16px;
    11647 }
    11648 
    11649 .in-widget-title,
    11650 #widgets-right a.widget-control-edit,
    11651 #available-widgets .widget-description {
    11652         color: #666;
    11653 }
    11654 
    11655 .deleting .widget-title,
    11656 .deleting .widget-top a.widget-action:after {
    11657         color: #aaa;
    11658 }
    11659 
    11660 /* Widget Dragging Helpers */
    11661 .widget.ui-draggable-dragging {
    11662         min-width: 100%;
    11663 }
    11664 
    11665 .widget.ui-sortable-helper {
    11666         opacity: 0.8;
    11667 }
    11668 
    11669 .widget-placeholder {
    11670         border: 1px dashed #bbb;
    11671         margin: 0 auto 10px;
    11672         height: 45px;
    11673         width: 100%;
    11674         -webkit-box-sizing: border-box;
    11675         -moz-box-sizing: border-box;
    11676         box-sizing: border-box;
    11677 }
    11678 
    11679 #widgets-right .widget-placeholder {
    11680         margin-top: 0;
    11681 }
    11682 
    11683 #widgets-right .closed .widget-placeholder {
    11684         height: 0;
    11685         border: 0;
    11686         margin-top: -10px;
    11687 }
    11688 
    11689 /* Widget Sidebars */
    11690 .sidebar-name {
    11691         position: relative;
    11692         -webkit-box-sizing: border-box;
    11693         -moz-box-sizing: border-box;
    11694         box-sizing: border-box;
    11695 }
    11696 
    11697 .sidebar-name-arrow {
    11698         position: absolute;
    11699         top: 0;
    11700         right: 0;
    11701         bottom: 0;
    11702 }
    11703 
    11704 .js .sidebar-name {
    11705         cursor: pointer;
    11706 }
    11707 
    11708 .sidebar-name h3 {
    11709         margin: 0;
    11710         padding: 8px 10px;
    11711         overflow: hidden;
    11712         white-space: nowrap;
    11713 }
    11714 
    11715 .widgets-holder-wrap .description {
    11716         padding: 0 0 15px;
    11717         margin: 0;
    11718         font-style: normal;
    11719         color: #777;
    11720 }
    11721 
    11722 #widgets-right .widgets-holder-wrap .description {
    11723         padding-left: 7px;
    11724         padding-right: 7px;
    11725 }
    11726 
    11727 /* Widgets 2-col Layout */
    11728 div.widget-liquid-left {
    11729         margin: 0;
    11730         width: 38%;
    11731         float: left;
    11732 }
    11733 
    11734 div.widget-liquid-right {
    11735         float: right;
    11736         width: 58%;
    11737 }
    11738 
    11739 /* Widgets Left - Available Widgets */
    11740 
    11741 div#widgets-left {
    11742         padding-top: 12px;
    11743 }
    11744 
    11745 div#widgets-left .closed .sidebar-name,
    11746 div#widgets-left .inactive-sidebar.closed .sidebar-name {
    11747         margin-bottom: 10px;
    11748 }
    11749 
    11750 div#widgets-left .sidebar-name h3 {
    11751         padding: 10px 0;
    11752         margin: 0 10px 0 0;
    11753 }
    11754 
    11755 div#widgets-left .sidebar-name .sidebar-name-arrow:before {
    11756         right: 0;
    11757         top: 4px;
    11758         padding: 4px 6px 4px 4px;
    11759 }
    11760 
    11761 #widgets-left #available-widgets,
    11762 div#widgets-left .widget-holder {
    11763         background: transparent;
    11764         border: none;
    11765 }
    11766 
    11767 #widgets-left .widgets-holder-wrap {
    11768         border: none;
    11769         -webkit-box-shadow: none;
    11770         box-shadow: none;
    11771 }
    11772 
    11773 #available-widgets .widget-action {
    11774         display: none;
    11775 }
    11776 
    11777 #available-widgets .widget {
    11778         margin: 0;
    11779 }
    11780 
    11781 #available-widgets .widget:nth-child(odd) {
    11782         clear: both;
    11783 }
    11784 
    11785 #available-widgets .widget .widget-description {
    11786         display: block;
    11787         padding: 10px 15px;
    11788         font-size: 12px;
    11789 }
    11790 
    11791 #available-widgets #widget-list {
    11792         position: relative;
    11793 }
    11794 
    11795 /* Inactive Sidebars */
    11796 #widgets-left .inactive-sidebar {
    11797         clear: both;
    11798         width: 100%;
    11799         background: transparent;
    11800         padding: 0;
    11801         margin: 0 0 20px 0;
    11802         border: none;
    11803         box-shadow: none;
    11804 }
    11805 
    11806 #widgets-left .inactive-sidebar.first {
    11807         margin-top: 40px;
    11808 }
    11809 
    11810 /* Not sure what this is for... */
    11811 div#widgets-left .inactive-sidebar .widget.expanded {
    11812         left: auto;
    11813 }
    11814 
    11815 .widget-title-action {
    11816         float: right;
    11817         position: relative;
    11818 }
    11819 
    11820 div#widgets-left .inactive-sidebar .widgets-sortables {
    11821         min-height: 42px;
    11822         padding: 0;
    11823         background: transparent;
    11824         margin: 0;
    11825         position: relative;
    11826 }
    11827 
    11828 /* Widgets Right */
    11829 
    11830 div#widgets-right:after {
    11831         content: ".";
    11832         display: block;
    11833         height: 0;
    11834         clear: both;
    11835         visibility: hidden;
    11836 }
    11837 
    11838 div#widgets-right .sidebars-column-1,
    11839 div#widgets-right .sidebars-column-2 {
    11840         max-width: 450px;
    11841 }
    11842 
    11843 div#widgets-right .widgets-holder-wrap {
    11844         margin: 10px 0 0 0;
    11845 }
    11846 
    11847 div#widgets-right .sidebar-description {
    11848         min-height: 20px;
    11849         margin-top: -5px;
    11850 }
    11851 
    11852 div#widgets-right .sidebar-name h3 {
    11853         padding: 15px 7px;
    11854 }
    11855 
    11856 div#widgets-right .sidebar-name .sidebar-name-arrow:before {
    11857         right: 0;
    11858         top: 4px;
    11859 }
    11860 
    11861 div#widgets-right .widget-top {
    11862         padding: 0;
    11863 }
    11864 
    11865 div#widgets-right .widgets-sortables {
    11866         padding: 0 8px;
    11867         margin-bottom: 9px;
    11868         position: relative;
    11869         min-height: 123px;
    11870 }
    11871 
    11872 div#widgets-right .closed .widgets-sortables {
    11873         min-height: 0;
    11874         margin-bottom: 0;
    11875 }
    11876 
    11877 .sidebar-name .spinner {
    11878         margin: -5px 5px;
    11879         float: none;
    11880 }
    11881 
    11882 /* Dragging a widget over a closed sidebar */
    11883 #widgets-right .widgets-holder-wrap.widget-hover {
    11884         border-color: #777;
    11885         box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    11886 }
    11887 
    11888 /* Accessibility Mode */
    11889 .widgets_access #widgets-left .widget .widget-top {
    11890         cursor: auto;
    11891 }
    11892 
    11893 .widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
    11894 .widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
    11895 .widgets_access #wpwrap .widget-control-edit {
    11896         display: block;
    11897 }
    11898 
    11899 .widgets_access #widgets-left .widget .widget-top:hover,
    11900 .widgets_access #widgets-right .widget .widget-top:hover {
    11901         border-color: #ddd;
    11902 }
    11903 
    11904 #available-widgets .widget-control-edit .edit,
    11905 #widgets-left .inactive-sidebar .widget-control-edit .add,
    11906 #widgets-right .widget-control-edit .add {
    11907         display: none;
    11908 }
    11909 
    11910 .widget-control-edit {
    11911         display: block;
    11912         color: #666;
    11913         background: #EEE;
    11914         padding: 0 15px;
    11915         line-height: 43px;
    11916         border-left: 1px solid #DDD;
    11917 }
    11918 
    11919 #widgets-left .widget-control-edit:hover,
    11920 #widgets-right .widget-control-edit:hover {
    11921         color: #fff;
    11922         background: #444;
    11923         border-left: 0;
    11924         outline: 1px solid #444;
    11925 }
    11926 
    11927 .widgets-holder-wrap .sidebar-name,
    11928 .widgets-holder-wrap .sidebar-description {
    11929         -webkit-user-select: none;
    11930         -moz-user-select: none;
    11931         user-select: none;
    11932 }
    11933 
    11934 .editwidget {
    11935         margin: 0 auto;
    11936 }
    11937 
    11938 .editwidget .widget-inside {
    11939         display: block;
    11940         padding: 0 15px;
    11941 }
    11942 
    11943 .editwidget .widget-control-actions {
    11944         margin-top: 20px;
    11945 }
    11946 
    11947 .js .widgets-holder-wrap.closed .widget,
    11948 .js .widgets-holder-wrap.closed .sidebar-description,
    11949 .js .closed br.clear {
    11950         display: none;
    11951 }
    11952 
    11953 .nav-menus-php .item-edit:before,
    11954 .widget-top a.widget-action:after,
    11955 .control-section .accordion-section-title:after,
    11956 .accordion-section-title:after {
    11957         right: 0;
    11958         content: '\f140';
    11959         border: none;
    11960         background: none;
    11961         font: normal 20px/1 'dashicons';
    11962         speak: none;
    11963         display: block;
    11964         padding: 0;
    11965         text-indent: 0;
    11966         text-align: center;
    11967         position: relative;
    11968         -webkit-font-smoothing: antialiased;
    11969         -moz-osx-font-smoothing: grayscale;
    11970         text-decoration: none !important;
    11971 }
    11972 
    11973 .widget-action,
    11974 .handlediv,
    11975 .item-edit,
    11976 .sidebar-name-arrow,
    11977 .accordion-section-title:after {
    11978         color: #aaa;
    11979 }
    11980 
    11981 .widget-action:hover,
    11982 .handlediv:hover,
    11983 .item-edit:hover,
    11984 .sidebar-name:hover .sidebar-name-arrow,
    11985 .accordion-section-title:hover:after {
    11986         color: #777;
    11987 }
    11988 
    11989 .widget-top a.widget-action:after {
    11990         padding: 12px 12px 0;
    11991 }
    11992 
    11993 .nav-menus-php .item-edit:before {
    11994         line-height: 2.1;
    11995 }
    11996 
    11997 .control-section .accordion-section-title:after,
    11998 .accordion-section-title:after {
    11999         float: right;
    12000         right: 20px;
    12001         top: -2px;
    12002 }
    12003 
    12004 .control-section.open .accordion-section-title:after,
    12005 #customize-info.open .accordion-section-title:after,
    12006 .nav-menus-php .menu-item-edit-active .item-edit:before {
    12007         content: '\f142';
    12008 }
    12009 
    12010 /* Hide Widget Settings by Default */
    12011 .widget-inside,
    12012 .widget-description {
    12013         display: none;
    12014 }
    12015 
    12016 .widget-inside {
    12017         background: #fff;
    12018 }
    12019 
    12020 /* Dragging widgets over the available widget area show's a "Deactivate" message */
    12021 #removing-widget {
    12022         display: none;
    12023         font-weight: normal;
    12024         padding-left: 15px;
    12025         font-size: 12px;
    12026         line-height: 1;
    12027         color: black;
    12028 }
    12029 
    12030 .js #removing-widget {
    12031         color: #2ea2cc;
    12032 }
    12033 
    12034 .widget-control-noform,
    12035 #access-off,
    12036 .widgets_access .widget-action,
    12037 .widgets_access .sidebar-name-arrow,
    12038 .widgets_access #access-on,
    12039 .widgets_access .widget-holder .description,
    12040 .no-js .widget-holder .description {
    12041         display: none;
    12042 }
    12043 
    12044 .widgets_access .widget-holder,
    12045 .widgets_access #widget-list {
    12046         padding-top: 10px;
    12047 }
    12048 
    12049 .widgets_access #access-off {
    12050         display: inline;
    12051 }
    12052 
    12053 .widgets_access .sidebar-name,
    12054 .widgets_access .widget .widget-top {
    12055         cursor: default;
    12056 }
    12057 
    12058 
    12059 /* Widgets Area Chooser */
    12060 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
    12061 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
    12062         transition: opacity 0.1s linear;
    12063 }
    12064 
    12065 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
    12066 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
    12067         /* -webkit-filter: blur(1px); */
    12068         opacity: 0.2;
    12069         pointer-events: none;
    12070 }
    12071 
    12072 .widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question {
    12073         /* -webkit-filter: none; */
    12074         opacity: 1;
    12075         pointer-events: auto;
    12076 }
    12077 
    12078 .widgets-chooser ul.widgets-chooser-sidebars {
    12079         margin: 0;
    12080         list-style-type: none;
    12081         max-height: 300px;
    12082         overflow: auto;
    12083 }
    12084 
    12085 .widgets-chooser {
    12086         display: none;
    12087 }
    12088 
    12089 .widgets-chooser ul {
    12090         border: 1px solid #ccc;
    12091 }
    12092 
    12093 .widgets-chooser li {
    12094         padding: 10px 15px 10px 35px;
    12095         border-bottom: 1px solid #ccc;
    12096         background: #fff;
    12097         margin: 0;
    12098         cursor: pointer;
    12099         outline: none;
    12100         position: relative;
    12101         transition: background 0.2s ease-in-out;
    12102 }
    12103 
    12104 .widgets-chooser li:hover,
    12105 .widgets-chooser li:focus {
    12106         background: rgba(255,255,255,0.7);
    12107 }
    12108 
    12109 .widgets-chooser li:focus:before {
    12110         content: '\f147';
    12111         display: block;
    12112         -webkit-font-smoothing: antialiased;
    12113         font: normal 26px/1 'dashicons';
    12114         color: #999;
    12115         position: absolute;
    12116         top: 7px;
    12117         left: 5px;
    12118 }
    12119 
    12120 .widgets-chooser li:last-child {
    12121         border: none;
    12122 }
    12123 
    12124 .widgets-chooser li.widgets-chooser-selected {
    12125         background: #2ea2cc;
    12126         color: #fff;
    12127 }
    12128 
    12129 .widgets-chooser li.widgets-chooser-selected:before,
    12130 .widgets-chooser li.widgets-chooser-selected:focus:before {
    12131         content: '\f147';
    12132         display: block;
    12133         -webkit-font-smoothing: antialiased;
    12134         font: normal 26px/1 'dashicons';
    12135         color: #fff;
    12136         position: absolute;
    12137         top: 7px;
    12138         left: 5px;
    12139 }
    12140 
    12141 .widgets-chooser .widgets-chooser-actions {
    12142         padding: 10px 0 12px 0;
    12143         text-align: center;
    12144 }
    12145 
    12146 .widgets-chooser button {
    12147         margin-right: 5px;
    12148 }
    12149 
    12150 #available-widgets .widget .widget-top {
    12151         cursor: pointer;
    12152 }
    12153 
    12154 /* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */
    12155 .ui-sortable,
    12156 .ui-draggable {
    12157         -ms-touch-action: none;
    12158         touch-action:     none;
    12159 }
    12160 
    12161 .meta-box-sortables.ui-sortable,
    12162 .widgets-holder-wrap .ui-draggable,
    12163 .widgets-holder-wrap .ui-sortable,
    12164 .menu.ui-sortable {
    12165         -ms-touch-action: auto;
    12166         touch-action:     auto;
    12167 }
    12168 
    12169 .meta-box-sortables.ui-sortable .hndle,
    12170 .menu.ui-sortable .menu-item-handle {
    12171         -ms-touch-action: none;
    12172         touch-action:     none;
    12173 }
    12174 
    12175 /* Accordion */
    12176 
    12177 .accordion-section {
    12178         border-bottom: 1px solid #dfdfdf;
    12179         margin: 0;
    12180 }
    12181 
    12182 .accordion-section.open .accordion-section-content,
    12183 .no-js .accordion-section .accordion-section-content {
    12184         display: block;
    12185 }
    12186 
    12187 .accordion-section.open:hover {
    12188         border-bottom-color: #dfdfdf;
    12189 }
    12190 
    12191 .accordion-section-content {
    12192         display: none;
    12193         padding: 10px 20px 15px;
    12194         overflow: hidden;
    12195         background: #fff;
    12196 }
    12197 
    12198 .accordion-section-title {
    12199         margin: 0;
    12200         padding: 12px 15px 15px;
    12201         position: relative;
    12202         border-left: 1px solid #dfdfdf;
    12203         border-right: 1px solid #dfdfdf;
    12204 
    12205         -webkit-user-select: none;
    12206         -moz-user-select: none;
    12207         user-select: none;
    12208 }
    12209 
    12210 .js .accordion-section-title {
    12211         cursor: pointer;
    12212 }
    12213 
    12214 .js .accordion-section-title:after {
    12215         position: absolute;
    12216         top: 12px;
    12217         right: 10px;
    12218         z-index: 1;
    12219 }
    12220 
    12221 .accordion-section-title:focus {
    12222         outline: none;
    12223 }
    12224 
    12225 .accordion-section-title:hover:after,
    12226 .accordion-section-title:focus:after {
    12227         border-color: #aaa transparent;
    12228 }
    12229 
    12230 .cannot-expand .accordion-section-title {
    12231         cursor: auto;
    12232 }
    12233 
    12234 .cannot-expand .accordion-section-title:after {
    12235         display: none;
    12236 }
    12237 
    12238 .control-section .accordion-section-title {
    12239         border-left: none;
    12240         border-right: none;
    12241         padding: 10px 10px 11px 14px;
    12242         line-height: 21px;
    12243         background: #fff;
    12244 }
    12245 
    12246 .control-section .accordion-section-title:after {
    12247         top: 11px;
    12248 }
    12249 
    12250 .js .control-section:hover .accordion-section-title,
    12251 .js .control-section .accordion-section-title:hover,
    12252 .js .control-section.open .accordion-section-title,
    12253 .js .control-section .accordion-section-title:focus {
    12254         color: #222;
    12255         background: #f5f5f5;
    12256 }
    12257 
    12258 .control-section.open .accordion-section-title {
    12259         /* When expanded */
    12260         border-bottom: 1px solid #dfdfdf;
    12261 }
    12262 
    12263 .sticky-menu #TB_window {
    12264         background: #f1f1f1;
    12265 }
    12266 
    12267 .sticky-menu #TB_window .updated {
    12268         margin: 16px 0 0;
    12269 }
    12270 
    12271 li#wp-admin-bar-menu-toggle {
    12272         display: none;
    12273 }
    12274 
    12275 /* =Media Queries
    12276 -------------------------------------------------------------- */
    12277 
    12278 @media screen and (max-width: 480px) {
    12279         div.widget-liquid-left {
    12280                 width: 100%;
    12281                 float: none;
    12282                 border-right: none;
    12283                 padding-right: 0;
    12284         }
    12285 
    12286         #widgets-left .sidebar-name {
    12287                 margin-right: 0;
    12288         }
    12289 
    12290         #widgets-left #available-widgets .widget-top {
    12291                 margin-right: 0;
    12292         }
    12293 
    12294         #widgets-left .inactive-sidebar .widgets-sortables {
    12295                 margin-right: 0;
    12296         }
    12297 
    12298         div.widget-liquid-right {
    12299                 width: 100%;
    12300                 float: none;
    12301         }
    12302 
    12303         div.widget {
    12304                 margin: 0 auto 10px !important;
    12305                 max-width: 480px;
    12306         }
    12307 }
    12308 
    12309 @media screen and (max-width: 320px) {
    12310         div.widget {
    12311                 max-width: 320px;
    12312         }
    12313 }
    12314 
    12315 @media only screen and (max-width: 768px) {
    12316         /* categories */
    12317         #col-left {
    12318                 width: 100%;
    12319         }
    12320 
    12321         #col-right {
    12322                 width: 100%;
    12323         }
    12324 }
    12325 
    12326 @media only screen and (min-width: 769px) {
    12327         /* categories */
    12328         #col-left {
    12329                 width: 35%;
    12330         }
    12331 
    12332         #col-right {
    12333                 width: 65%;
    12334         }
    12335 }
    12336 
    12337 @media only screen and (max-width: 860px) {
    12338 
    12339         /* categories */
    12340         #col-left {
    12341                 width: 35%;
    12342         }
    12343 
    12344         #col-right {
    12345                 width: 65%;
    12346         }
    12347 }
    12348 
    12349 @media only screen and (min-width: 980px) {
    12350 
    12351         /* categories */
    12352         #col-left {
    12353                 width: 35%;
    12354         }
    12355 
    12356         #col-right {
    12357                 width: 65%;
    12358         }
    12359 }
    12360 
    12361 @media only screen and (max-width: 768px) {
    12362         /* categories */
    12363         #col-left {
    12364                 width: 100%;
    12365         }
    12366 
    12367         #col-right {
    12368                 width: 100%;
    12369         }
    12370 
    12371         .form-field input,
    12372         .form-field textarea {
    12373                 width: 99%;
    12374         }
    12375 
    12376         .form-wrap .form-field {
    12377                 padding:0;
    12378         }
    12379 
    12380         /* users */
    12381         #profile-page .form-table textarea {
    12382                 max-width: 400px;
    12383                 width: auto;
    12384         }
    12385 
    12386         /* menu locations */
    12387         #menu-locations-wrap .widefat {
    12388                 width: 100%;
    12389         }
    12390 }
    12391 
    12392 @media only screen and (min-width: 1250px) {
    12393         #widgets-left #available-widgets .widget {
    12394                 width: 49%;
    12395                 float: left;
    12396         }
    12397 
    12398         .widget.ui-draggable-dragging {
    12399                 min-width: 49%;
    12400         }
    12401 
    12402         #widgets-left #available-widgets .widget:nth-child(even) {
    12403                 float: right;
    12404         }
    12405 
    12406         #widgets-right .sidebars-column-1,
    12407         #widgets-right .sidebars-column-2 {
    12408                 float: left;
    12409                 width: 49%;
    12410         }
    12411 
    12412         #widgets-right .sidebars-column-1 {
    12413                 margin-right: 2%;
    12414         }
    12415 
    12416         #widgets-right.single-sidebar .sidebars-column-1,
    12417         #widgets-right.single-sidebar .sidebars-column-2 {
    12418                 float: none;
    12419                 width: 100%;
    12420                 margin: 0;
    12421         }
    12422 }
    12423 
    12424 /**
    12425  * HiDPI Displays
    12426  */
    12427 @media print,
    12428   (-o-min-device-pixel-ratio: 5/4),
    12429   (-webkit-min-device-pixel-ratio: 1.25),
    12430   (min-resolution: 120dpi) {
    12431         tr.wp-locked .locked-indicator {
    12432                 background-image: url('../images/lock-2x.png');
    12433                 background-size: 16px 16px;
    12434         }
    12435 
    12436         #content-resize-handle,
    12437         #post-body .wp_themeSkin .mceStatusbar a.mceResize {
    12438                 background: transparent url('../images/resize-2x.gif') no-repeat scroll right bottom;
    12439                 background-size: 11px 11px;
    12440         }
    12441 
    12442         .rtl #content-resize-handle,
    12443         .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
    12444                 background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom;
    12445         }
    12446 
    12447         /* Back-compat for pre-3.8 */
    12448         div.star-holder {
    12449                 background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom left;
    12450                 background-size: 21px 37px;
    12451         }
    12452 
    12453         /* Back-compat for pre-3.8 */
    12454         div.star-holder .star-rating {
    12455                 background: url('../images/stars-2x.png?ver=20121108') repeat-x top left;
    12456                 background-size: 21px 37px;
    12457         }
    12458 
    12459         .wp-full-overlay .collapse-sidebar-arrow {
    12460                 background-image: url('../images/arrows-2x.png');
    12461                 background-size: 15px 123px;
    12462         }
    12463 
    12464         .spinner,
    12465         .imgedit-wait,
    12466         .customize-loading #customize-container,
    12467         .revision-tick.completed-false,
    12468         #theme-installer .wp-full-overlay-main {
    12469                 background-image: url('../images/spinner-2x.gif');
    12470         }
    12471 
    12472         /* @todo: evaluate - most of these were likely replaced by dashicons */
    12473         .curtime #timestamp,
    12474         #screen-meta-links a.show-settings,
    12475         .widget-top a.widget-action,
    12476         .widget-top a.widget-action:hover,
    12477         .sidebar-name-arrow,
    12478         .sidebar-name:hover .sidebar-name-arrow,
    12479         .meta-box-sortables .postbox:hover .handlediv,
    12480         .tagchecklist span a,
    12481         #bulk-titles div a,
    12482         .tagchecklist span a:hover,
    12483         #bulk-titles div a:hover {
    12484                 background: none !important;
    12485         }
    12486 
    12487 }
    12488 
    12489 /* =Localized CSS
    12490 -------------------------------------------------------------- */
    12491 
    12492 /* zh_CN: Remove italic properties. */
    12493 .locale-zh-cn .howto,
    12494 .locale-zh-cn .tablenav .displaying-num,
    12495 .locale-zh-cn .js .input-with-default-title,
    12496 .locale-zh-cn .link-to-original,
    12497 .locale-zh-cn .inline-edit-row fieldset span.title,
    12498 .locale-zh-cn .inline-edit-row fieldset span.checkbox-title,
    12499 .locale-zh-cn #utc-time,
    12500 .locale-zh-cn #local-time,
    12501 .locale-zh-cn p.install-help,
    12502 .locale-zh-cn p.help,
    12503 .locale-zh-cn p.description,
    12504 .locale-zh-cn span.description,
    12505 .locale-zh-cn .form-wrap p {
    12506         font-style: normal;
    12507 }
    12508 
    12509 /* zh_CN: Enlarge dashboard widget 'Configure' link */
    12510 .locale-zh-cn .hdnle a { font-size: 12px; }
    12511 
    12512 /* zn_CH: Enlarge font size, set font-size: normal */
    12513 .locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; }
    12514 
    12515 /* Zn_CH: Distraction free writing.
    12516  *  More beautiful font for "Just write."
    12517  *  Larger text for HTML/Visual mode.
    12518  */
    12519 .locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; }
    12520 .locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; }
    12521 
    12522 /* zh_CN: Enlarge font-size. */
    12523 .locale-zh-cn #sort-buttons { font-size: 1em !important; }
    12524 
    12525 /* de_DE: Text needs more space for translation */
    12526 .locale-de-de .inline-edit-row fieldset label span.title {
    12527         width: 7em; /* default 5em */
    12528 }
    12529 .locale-de-de .inline-edit-row fieldset label span.input-text-wrap {
    12530         margin-left: 7em; /* default 5em */
    12531 }
    12532 .locale-de-de #customize-header-actions .button {
    12533         padding: 0 5px 1px; /* default 0 10px 1px */
    12534 }
    12535 .locale-de-de #customize-header-actions .spinner {
    12536         margin: 16px 3px 0; /* default 16px 4px 0 5px */
    12537 }
    12538 
    12539 /* ru_RU: Text needs more room to breathe. */
    12540 .locale-ru-ru .inline-edit-row fieldset label span.title {
    12541         width: 8em; /* default 5em */
    12542 }
    12543 .locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap {
    12544         margin-left: 8em; /* default 5em */
    12545 }
    12546 .locale-ru-ru.press-this .posting {
    12547         margin-right: 277px; /* default 252px + 25px */
    12548 }
    12549 .locale-ru-ru .press-this-sidebar {
    12550         width: 265px; /* default 240px + 25px */
    12551 }
    12552 .locale-ru-ru #customize-header-actions .button {
    12553         padding: 0 5px 1px; /* default 0 10px 1px */
    12554 }
    12555 .locale-ru-ru #customize-header-actions .spinner {
    12556         margin: 16px 3px 0; /* default 16px 4px 0 5px */
    12557 }
    12558 
    12559 /* lt_LT: QuickEdit */
    12560 .locale-lt-lt .inline-edit-row fieldset label span.title {
    12561         width: 8em;
    12562 }
    12563 .locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap {
    12564         margin-left: 8em;
    12565 }
    12566 
    12567 
    12568 @-ms-viewport {
    12569         width: device-width;
    12570 }
    12571 
    12572 @media screen and ( max-width: 782px ) {
    12573         html.wp-toolbar {
    12574                 padding-top: 46px;
    12575         }
    12576 
    12577         body {
    12578                 min-width: 240px;
    12579                 overflow-x: hidden;
    12580         }
    12581 
    12582         body * {
    12583                 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    12584         }
    12585 
    12586         #wpwrap {
    12587                 background: #f0f0f0;
    12588         }
    12589 
    12590         #wpcontent, .auto-fold #wpcontent {
    12591                 position: relative;
    12592                 margin-left: 0;
    12593                 padding-left: 10px;
    12594         }
    12595 
    12596         .wrap {
    12597                 margin-right: 12px;
    12598                 margin-left: 0;
    12599         }
    12600 
    12601         .col-wrap {
    12602                 padding: 0;
    12603         }
    12604 
    12605         .sticky-menu #adminmenuwrap {
    12606                 position: relative;
    12607                 z-index: auto;
    12608                 top: 0;
    12609         }
    12610 
    12611         /* Hidden Elements */
    12612         #screen-meta,
    12613         #screen-meta-links,
    12614         #collapse-menu,
    12615         .post-format-select {
    12616                 display: none !important;
    12617         }
    12618 
    12619         /* Input Elements */
    12620         textarea {
    12621                 -webkit-appearance: none;
    12622         }
    12623 
    12624         input[type=text], input[type=search],
    12625         input[type=password], input[type=number] {
    12626                 -webkit-appearance: none;
    12627                 padding: 6px 10px;
    12628         }
    12629 
    12630         input.code {
    12631                 padding-bottom: 5px;
    12632                 padding-top: 10px;
    12633         }
    12634 
    12635         input[type=checkbox], .widefat th input[type=checkbox] {
    12636                 -webkit-appearance: none;
    12637                 padding: 10px;
    12638         }
    12639 
    12640         .widefat th input[type=checkbox] {
    12641                 margin-bottom: 8px;
    12642         }
    12643 
    12644         input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before {
    12645                 font: normal 30px/1 'Dashicons';
    12646                 margin: -3px -5px;
    12647         }
    12648 
    12649         input[type=radio],
    12650         input[type=checkbox] {
    12651                 height: 25px;
    12652                 width: 25px;
    12653         }
    12654 
    12655         .wp-admin p input[type=checkbox],
    12656         .wp-admin p input[type=radio] {
    12657                 margin-top: -3px;
    12658         }
    12659 
    12660         input[type=radio]:checked:before {
    12661                 vertical-align: middle;
    12662                 width: 9px;
    12663                 height: 9px;
    12664                 margin: 7px;
    12665                 line-height: 16px;
    12666         }
    12667 
    12668         .wp-upload-form input[type=submit] {
    12669                 margin-top: 10px;
    12670         }
    12671 
    12672         #wpbody select {
    12673                 height: 36px;
    12674                 font-size: 16px;
    12675         }
    12676 
    12677         .wp-admin .button-cancel {
    12678                 padding: 0;
    12679                 font-size: 14px;
    12680         }
    12681 
    12682         .wrap .add-new-h2, .wrap .add-new-h2:active {
    12683                 padding: 10px 15px;
    12684                 font-size: 14px;
    12685         }
    12686 
    12687         .wp-color-result {
    12688                 height: auto;
    12689                 padding-left: 45px;
    12690         }
    12691 
    12692         .wp-color-result:after {
    12693                 font-size: 14px;
    12694                 height: auto;
    12695                 padding: 6px 14px;
    12696         }
    12697 
    12698         #createuser .form-field input {
    12699                 width: 100%;
    12700         }
    12701 
    12702         /* Feedback Messages */
    12703         .wrap div.updated, .wrap div.error, .media-upload-form div.error {
    12704                 margin: 20px 0 10px 0;
    12705                 padding: 5px 10px;
    12706                 font-size: 14px;
    12707                 line-height: 175%;
    12708         }
    12709 
    12710         /* Sidebar Adjustments */
    12711         .auto-fold #adminmenu,
    12712         .auto-fold #adminmenuback,
    12713         .auto-fold #adminmenuwrap {
    12714                 position: absolute;
    12715                 width: 190px;
    12716                 z-index: 100;
    12717         }
    12718 
    12719         .auto-fold #adminmenuback,
    12720         .auto-fold #adminmenuwrap {
    12721                 display: none;
    12722         }
    12723 
    12724         .auto-fold #adminmenu li.menu-top {
    12725                 width: 100%;
    12726         }
    12727 
    12728         /* Resize the admin menu items to a comfortable touch size */
    12729         .auto-fold #adminmenu li a {
    12730                 font-size: 16px;
    12731                 padding: 5px;
    12732         }
    12733 
    12734         .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
    12735                 padding: 10px 10px 10px 20px;
    12736         }
    12737 
    12738         /* Restore the menu names */
    12739         .auto-fold #adminmenu .wp-menu-name {
    12740                 display: block;
    12741                 margin-left: 35px;
    12742         }
    12743 
    12744         /* Switch the arrow side */
    12745         .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
    12746         .auto-fold ul#adminmenu > li.current > a.current:after {
    12747                 border-width: 8px;
    12748                 margin-top: -8px;
    12749         }
    12750 
    12751         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
    12752                 display: none;
    12753         }
    12754 
    12755         /* Make the submenus appear correctly when tapped. */
    12756         #adminmenu .wp-submenu {
    12757                 position: relative;
    12758                 display: none;
    12759         }
    12760 
    12761         .auto-fold #adminmenu .selected .wp-submenu,
    12762         .auto-fold #adminmenu .wp-menu-open .wp-submenu {
    12763                 position: relative;
    12764                 display: block;
    12765                 top: 0;
    12766                 left: -1px;
    12767                 -webkit-box-shadow: none;
    12768                 box-shadow: none;
    12769         }
    12770 
    12771         .auto-fold #adminmenu .selected .wp-submenu:after,
    12772         .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
    12773                 display: none;
    12774         }
    12775 
    12776         .auto-fold #adminmenu .opensub .wp-submenu {
    12777                 display: none;
    12778         }
    12779 
    12780         .auto-fold #adminmenu .selected .wp-submenu {
    12781                 display: block;
    12782         }
    12783 
    12784         .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
    12785                 display: block;
    12786         }
    12787 
    12788         .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
    12789         .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
    12790                 position: relative;
    12791                 left: -1px;
    12792                 right: 0;
    12793                 top: 0;
    12794         }
    12795 
    12796         /* Remove submenu headers and adjust sub meu*/
    12797         #adminmenu .wp-submenu .wp-submenu-head {
    12798                 display: none;
    12799         }
    12800 
    12801         /*  Sidebar Toggle */
    12802         #wp-responsive-toggle {
    12803                 position: fixed;
    12804                 top: 5px;
    12805                 left: 4px;
    12806                 padding-right: 10px;
    12807                 z-index: 99999;
    12808                 border: none;
    12809                 box-sizing: border-box;
    12810                 -moz-box-sizing: border-box;
    12811         }
    12812 
    12813         .wrap .icon32 + h2 {
    12814                 margin-top: -2px;
    12815         }
    12816 
    12817         .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
    12818                 background: #333;
    12819         }
    12820 
    12821         .wp-responsive-open #wpbody {
    12822                 right: -190px;
    12823         }
    12824 
    12825         .auto-fold .wp-responsive-open #adminmenuback,
    12826         .auto-fold .wp-responsive-open #adminmenuwrap {
    12827                 display: block;
    12828         }
    12829 
    12830         /* General New Post Form */
    12831         #post-body-content {
    12832                 min-width: 0;
    12833         }
    12834 
    12835         #titlediv #title-prompt-text {
    12836                 padding: 10px 10px;
    12837         }
    12838 
    12839         .post-format-options {
    12840                 padding-right: 0;
    12841         }
    12842 
    12843         .post-format-options a {
    12844                 margin-right: 5px;
    12845                 margin-bottom: 5px;
    12846                 min-width: 52px;
    12847         }
    12848 
    12849         .post-format-options .post-format-title {
    12850                 font-size: 11px;
    12851         }
    12852 
    12853         .post-format-options a div {
    12854                 height: 28px;
    12855                 width: 28px;
    12856         }
    12857 
    12858         .post-format-options a div:before {
    12859                 font-size: 26px !important;
    12860         }
    12861 
    12862         /* General Metabox */
    12863         .postbox {
    12864                 font-size: 14px;
    12865         }
    12866 
    12867         #poststuff h3,
    12868         .metabox-holder h3 {
    12869                 padding: 12px;
    12870         }
    12871 
    12872         .postbox .handlediv {
    12873                 margin-top: 3px;
    12874         }
    12875 
    12876         /* Publish Metabox Options */
    12877         #post-visibility-select {
    12878                 line-height: 280%;
    12879         }
    12880 
    12881         .wp-core-ui .save-post-visibility,
    12882         .wp-core-ui .save-timestamp {
    12883                 vertical-align: middle;
    12884                 margin-right: 15px;
    12885         }
    12886 
    12887         .timestamp-wrap select#mm {
    12888                 display: block;
    12889                 width: 100%;
    12890                 margin-bottom: 10px;
    12891         }
    12892 
    12893         .timestamp-wrap #jj,
    12894         .timestamp-wrap #aa,
    12895         .timestamp-wrap #hh,
    12896         .timestamp-wrap #mn {
    12897                 padding: 12px 3px;
    12898                 font-size: 14px;
    12899                 margin-bottom: 5px;
    12900                 width: auto;
    12901                 text-align: center;
    12902         }
    12903 
    12904         /* Categories Metabox */
    12905         ul.category-tabs {
    12906                 margin: 30px 0 15px;
    12907         }
    12908 
    12909         ul.category-tabs li.tabs {
    12910                 padding: 15px;
    12911         }
    12912 
    12913         .press-this ul.category-tabs li.tabs {
    12914                 padding: 3px 5px 5px; /* Reset tabs in Press This to standard size */
    12915         }
    12916 
    12917         ul.categorychecklist li {
    12918                 margin-bottom: 15px;
    12919         }
    12920 
    12921         ul.categorychecklist ul {
    12922                 margin-top: 15px;
    12923         }
    12924 
    12925         .category-add input[type=text],
    12926         .category-add select {
    12927                 max-width: none;
    12928                 margin-bottom: 15px;
    12929         }
    12930 
    12931         /* Tags Metabox */
    12932         .tagsdiv .newtag {
    12933                 width: 100%;
    12934                 padding: 25px 10px;
    12935                 margin-bottom: 15px;
    12936         }
    12937 
    12938         .tagchecklist {
    12939                 margin: 25px 10px;
    12940         }
    12941 
    12942         .tagchecklist span {
    12943                 font-size: 16px;
    12944                 line-height: 120%;
    12945         }
    12946 
    12947         /* Revisions */
    12948         #diff-next-revision,
    12949         #diff-previous-revision {
    12950                 margin-top: -1em;
    12951         }
    12952 
    12953         table.diff {
    12954                 -ms-word-break: break-all;
    12955                 word-break: break-all;
    12956                 word-wrap: break-word;
    12957         }
    12958 
    12959         /* Discussion */
    12960         #commentstatusdiv p {
    12961                 line-height: 2.8;
    12962         }
    12963 
    12964         /* TinyMCE Adjustments */
    12965         .mceToolbar * {
    12966                 white-space: normal !important;
    12967         }
    12968 
    12969         .mceToolbar tr,
    12970         .mceToolbar td {
    12971                 float: left !important;
    12972         }
    12973 
    12974         .wp_themeSkin a.mceButton {
    12975                 width: 30px;
    12976                 height: 30px;
    12977         }
    12978 
    12979         .wp_themeSkin .mceButton .mceIcon {
    12980                 margin-top: 5px;
    12981                 margin-left: 5px;
    12982         }
    12983 
    12984         .wp_themeSkin .mceSplitButton {
    12985                 margin-top: 1px;
    12986         }
    12987 
    12988         .wp_themeSkin .mceSplitButton td a.mceAction {
    12989                 padding-top: 6px;
    12990                 padding-bottom: 6px;
    12991                 padding-left: 6px;
    12992                 padding-right: 3px;
    12993         }
    12994 
    12995         .wp_themeSkin .mceSplitButton td a.mceOpen,
    12996         .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
    12997                 padding-top: 6px;
    12998                 padding-bottom: 6px;
    12999                 background-position: 1px 6px;
    13000         }
    13001 
    13002         .wp_themeSkin table.mceListBox {
    13003                 margin: 5px;
    13004         }
    13005 
    13006         div.quicktags-toolbar input {
    13007                 padding: 10px 20px;
    13008         }
    13009 
    13010         #wp-content-editor-tools {
    13011                 overflow: hidden;
    13012                 padding: 20px 15px 1px 0;
    13013                 top: 1px;
    13014         }
    13015 
    13016         a.wp-switch-editor {
    13017                 font-size: 16px;
    13018                 line-height: 1em;
    13019                 margin: 3px 0 0 7px;
    13020                 padding: 12px 15px;
    13021         }
    13022 
    13023         #wp-content-media-buttons a {
    13024                 font-size: 16px;
    13025                 line-height: 37px;
    13026                 height: 39px;
    13027                 padding: 0 20px 0 15px;
    13028         }
    13029 
    13030         .wp-media-buttons span.wp-media-buttons-icon,
    13031         .wp-media-buttons span.jetpack-contact-form-icon {
    13032                 width: 22px !important;
    13033                 margin-top: -3px !important;
    13034                 margin-left: -5px !important;
    13035         }
    13036 
    13037         .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
    13038         .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
    13039                 font-size: 20px !important;
    13040         }
    13041 
    13042         #content_wp_fullscreen {
    13043                 display: none;
    13044         }
    13045 
    13046         .misc-pub-section {
    13047                 padding: 20px 10px 20px;
    13048         }
    13049 
    13050         .misc-pub-section > a {
    13051                 float: right;
    13052                 font-size: 16px;
    13053         }
    13054 
    13055         #delete-action,
    13056         #publishing-action {
    13057                 line-height: 47px;
    13058         }
    13059 
    13060         /* Subsubsub Nav */
    13061         .subsubsub {
    13062                 font-size: 16px;
    13063                 text-align: center;
    13064                 margin-bottom: 15px;
    13065         }
    13066 
    13067         /* WP List Table Options & Filters */
    13068         .tablenav {
    13069                 height: auto;
    13070         }
    13071 
    13072         .tablenav.top {
    13073                 margin: 0;
    13074         }
    13075 
    13076         .tablenav.bottom {
    13077                 position: relative;
    13078                 margin-top: 15px;
    13079         }
    13080 
    13081         .tablenav br {
    13082                 display: none;
    13083         }
    13084 
    13085         .tablenav br.clear {
    13086                 display: block;
    13087         }
    13088 
    13089         #wpbody-content {
    13090                 padding-bottom: 100px;
    13091         }
    13092 
    13093         p.search-box {
    13094                 float: none;
    13095                 position: absolute;
    13096                 bottom: 0;
    13097                 width: 98%;
    13098                 height: 90px;
    13099                 margin-bottom: 20px;
    13100         }
    13101 
    13102         p.search-box input[name="s"] {
    13103                 height: auto;
    13104                 float: none;
    13105                 width: 100%;
    13106                 margin-bottom: 10px;
    13107                 vertical-align: middle;
    13108                 -webkit-appearance: none;
    13109         }
    13110 
    13111         p.search-box input[type="submit"] {
    13112                 margin-bottom: 10px;
    13113         }
    13114 
    13115         .tablenav.top .actions, .view-switch {
    13116                 display: none;
    13117         }
    13118 
    13119         /* Pagination */
    13120         .tablenav.top .displaying-num {
    13121                 display: none;
    13122         }
    13123 
    13124         .tablenav.bottom .displaying-num {
    13125                 position: absolute;
    13126                 right: 0;
    13127                 top: 10px;
    13128                 font-size: 14px;
    13129         }
    13130 
    13131         .tablenav-pages {
    13132                 width: 100%;
    13133                 text-align: center;
    13134                 margin: 0 0 25px;
    13135         }
    13136 
    13137         .tablenav.bottom .tablenav-pages {
    13138                 margin-top: 25px;
    13139         }
    13140 
    13141         .tablenav.top .tablenav-pages.one-page {
    13142                 display: none;
    13143         }
    13144 
    13145         .tablenav.bottom .tablenav-pages.one-page {
    13146                 margin: 15px 0 0 0;
    13147                 height: 0;
    13148         }
    13149 
    13150         .tablenav-pages .pagination-links .paging-input {
    13151                 font-size: 18px;
    13152         }
    13153 
    13154         .tablenav-pages .pagination-links a {
    13155                 padding: 8px 20px 11px;
    13156                 font-size: 18px;
    13157                 background: rgba(0, 0, 0, 0.05);
    13158         }
    13159 
    13160         .tablenav-pages .pagination-links .current-page {
    13161                 padding: 10px;
    13162                 font-size: 14px;
    13163         }
    13164 
    13165         /* WP List Table Adjustments: General */
    13166         .form-wrap > p {
    13167                 display: none;
    13168         }
    13169 
    13170         .comment-count {
    13171                 font-size: 14px;
    13172         }
    13173 
    13174         /* Columns to hide */
    13175         .fixed .column-date,
    13176         .fixed .column-author,
    13177         .column-categories,
    13178         .column-tags,
    13179         .tags .column-description,
    13180         .media .column-parent,
    13181         .users .column-email,
    13182         .users .column-name,
    13183         .sites .column-registered,
    13184         .sites .column-users {
    13185                 display: none;
    13186         }
    13187 
    13188         .fixed .column-comment .comment-author {
    13189                 display: block;
    13190         }
    13191 
    13192         /* Posts */
    13193         .column-title {
    13194                 width: 85%;
    13195         }
    13196 
    13197         .fixed .column-comments, .widefat .check-column {
    13198                 width: 35px
    13199         }
    13200 
    13201         .widefat thead .check-column, .widefat tfoot .check-column {
    13202                 padding: 10px 0 10px;
    13203         }
    13204 
    13205         .widefat * {
    13206                 word-wrap: normal;
    13207         }
    13208 
    13209         /* Quick Edit and Bulk Edit */
    13210         #wpbody-content .quick-edit-row-post .inline-edit-col-left,
    13211         #wpbody-content .quick-edit-row-post .inline-edit-col-right,
    13212         #wpbody-content .inline-edit-row-post .inline-edit-col-center,
    13213         #wpbody-content .quick-edit-row-page .inline-edit-col-left,
    13214         #wpbody-content .quick-edit-row-page .inline-edit-col-right,
    13215         #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
    13216         #wpbody-content .bulk-edit-row .inline-edit-col-left,
    13217         #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
    13218         #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
    13219                 float: none;
    13220                 width: 100%;
    13221         }
    13222 
    13223         #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
    13224         #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
    13225         #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
    13226         #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
    13227                 max-width: none;
    13228                 float: none;
    13229                 margin-bottom: 5px;
    13230         }
    13231 
    13232         #wpbody .bulk-edit-row fieldset select {
    13233                 display: block;
    13234                 width: 100%;
    13235                 max-width: none;
    13236                 -moz-box-sizing: border-box;
    13237                 box-sizing: border-box;
    13238         }
    13239 
    13240         .inline-edit-row fieldset ul.cat-checklist label,
    13241         .inline-edit-row #bulk-titles div {
    13242                 font-size: 16px;
    13243         }
    13244 
    13245         .inline-edit-row fieldset label span.title {
    13246                 float: none;
    13247         }
    13248 
    13249         .inline-edit-row fieldset label.inline-edit-tags {
    13250                 padding: 0 0.5em;
    13251         }
    13252 
    13253         .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
    13254                 padding: 0;
    13255         }
    13256 
    13257         .inline-edit-row fieldset label span.input-text-wrap {
    13258                 margin-left: 0;
    13259         }
    13260 
    13261         .inline-edit-row fieldset input[name=jj],
    13262         .inline-edit-row fieldset input[name=hh],
    13263         .inline-edit-row fieldset input[name=mn] {
    13264                 width: 3em;
    13265         }
    13266 
    13267         .inline-edit-row fieldset input[name=aa] {
    13268                 width: 4.5em;
    13269         }
    13270 
    13271         #bulk-titles div {
    13272                 margin: 0.8em 0.3em;
    13273         }
    13274 
    13275         #bulk-titles div a {
    13276                 height: 22px;
    13277         }
    13278 
    13279         /* Taxonomies */
    13280         .tags .column-posts {
    13281                 width: 50px;
    13282         }
    13283 
    13284         .tags .column-slug {
    13285                 width: 30%;
    13286         }
    13287 
    13288         /* Comments */
    13289         .comments .column-response {
    13290                 width: 35%;
    13291         }
    13292 
    13293         /* Users */
    13294         .users .column-role {
    13295                 width: 35%;
    13296         }
    13297 
    13298         /* Network admin sites */
    13299         .sites .column-blogname {
    13300                 width: 55%;
    13301         }
    13302 
    13303         /* Updates */
    13304         #wpbody-content #update-themes-table .plugin-title {
    13305                 width: auto;
    13306         }
    13307 
    13308         /* Form Tables */
    13309         .form-table {
    13310                 -moz-box-sizing: border-box;
    13311                 box-sizing: border-box;
    13312         }
    13313 
    13314         .form-table th,
    13315         .form-table td {
    13316                 display: block;
    13317                 width: auto;
    13318                 vertical-align: middle;
    13319         }
    13320 
    13321         .form-table .color-palette td {
    13322                 display: table-cell;
    13323                 width: 15px;
    13324         }
    13325 
    13326         .form-table table.color-palette {
    13327                 margin-right: 10px;
    13328         }
    13329 
    13330         textarea,
    13331         input {
    13332                 font-size: 16px;
    13333         }
    13334 
    13335         .form-table td input[type="text"],
    13336         .form-table td input[type="password"],
    13337         .form-table td select,
    13338         .form-table td textarea,
    13339         .form-table span.description,
    13340         #profile-page .form-table textarea {
    13341                 width: 100%;
    13342                 font-size: 16px;
    13343                 line-height: 1.5;
    13344                 padding: 7px 10px;
    13345                 display: block;
    13346                 max-width: none;
    13347                 box-sizing: border-box;
    13348                 -moz-box-sizing: border-box;
    13349         }
    13350 
    13351         input[type=text].small-text,
    13352         input[type=search].small-text,
    13353         input[type=password].small-text,
    13354         input[type=number].small-text,
    13355         input[type="number"].small-text,
    13356         .form-table input[type=text].small-text {
    13357                 width: auto;
    13358                 max-width: 55px;
    13359                 display: inline;
    13360                 padding: 3px 6px;
    13361                 margin: 0 3px;
    13362         }
    13363 
    13364         #pass-strength-result {
    13365                 width: 100%;
    13366                 box-sizing: border-box;
    13367                 -moz-box-sizing: border-box;
    13368                 padding: 8px;
    13369         }
    13370 
    13371         .form-table span.description {
    13372                 padding: 4px 0 0;
    13373                 line-height: 1.4em;
    13374         }
    13375 
    13376         .form-table th {
    13377                 padding-top: 10px;
    13378                 padding-bottom: 0;
    13379                 border-bottom: 0;
    13380         }
    13381 
    13382         .form-table td {
    13383                 padding-top: 8px;
    13384                 padding-left: 0;
    13385         }
    13386 
    13387         .form-table input.regular-text {
    13388                 width: 100%;
    13389         }
    13390 
    13391         .form-table label {
    13392                 font-size: 14px;
    13393         }
    13394 
    13395         .form-table fieldset label {
    13396                 display: block;
    13397         }
    13398 
    13399         #utc-time {
    13400                 margin-top: 10px;
    13401         }
    13402 
    13403         #utc-time,
    13404         #local-time {
    13405                 display: block;
    13406                 float: none;
    13407                 padding: 0;
    13408                 line-height: 2;
    13409         }
    13410 
    13411         /* Add/Edit Media */
    13412         .wp_attachment_details label[for="content"] {
    13413                 font-size: 14px;
    13414                 line-height: 1.5em;
    13415         }
    13416 
    13417         /* Links */
    13418         .link-manager-php #posts-filter {
    13419                 margin-top: 25px;
    13420         }
    13421 
    13422         .link-manager-php .tablenav.bottom {
    13423                 overflow: hidden;
    13424         }
    13425 
    13426         .links-table #link_rel {
    13427                 max-width: none;
    13428         }
    13429 
    13430         .links-table th,
    13431         .links-table td {
    13432                 padding: 10px 0;
    13433         }
    13434 
    13435         /**
    13436          * Nav Menus
    13437          * ----------------------------------------------------------------------------
    13438          */
    13439         body.nav-menus-php {
    13440                 min-width: 0 !important;
    13441         }
    13442 
    13443         #nav-menus-frame {
    13444                 margin-left: 0;
    13445                 float: none;
    13446                 width: 100%;
    13447         }
    13448 
    13449         #wpbody-content #menu-settings-column {
    13450                 display: block;
    13451                 width: 100%;
    13452                 float: none;
    13453                 margin-left: 0;
    13454         }
    13455 
    13456         #side-sortables .add-menu-item-tabs {
    13457                 margin: 15px 0 14px;
    13458         }
    13459 
    13460         ul.add-menu-item-tabs li.tabs {
    13461                 padding: 13px 15px 14px;
    13462         }
    13463 
    13464         .nav-menus-php .item-controls .item-type {
    13465                 margin-top: 2px;
    13466         }
    13467 
    13468         .nav-menus-php .customlinkdiv .howto input {
    13469                 width: 65%;
    13470         }
    13471 
    13472         .nav-menus-php .quick-search {
    13473                 width: 85%;
    13474         }
    13475 
    13476         #menu-management-liquid {
    13477                 margin-top: 25px;
    13478         }
    13479 
    13480         .nav-menus-php .menu-name-label.howto span {
    13481                 margin-top: 13px
    13482         }
    13483 
    13484         .menu-name-label #menu-name {
    13485                 margin-top: 4px;
    13486         }
    13487 
    13488         .nav-menus-php .major-publishing-actions .publishing-action {
    13489                 margin-top: 6px;
    13490         }
    13491 
    13492         .nav-menus-php .delete-action {
    13493                 font-size: 14px;
    13494                 line-height: 50px;
    13495                 margin-top: 12px;
    13496         }
    13497 
    13498         .menu-item-bar .menu-item-handle,
    13499         .menu-item-settings,
    13500         .description-wide {
    13501                 width: auto;
    13502         }
    13503 
    13504         .menu-item-settings {
    13505                 padding: 10px;
    13506         }
    13507 
    13508         .menu-item-settings .description-thin,
    13509         .menu-item-settings .description-wide {
    13510                 width: 100%;
    13511                 height: auto;
    13512         }
    13513 
    13514         .menu-item-settings input {
    13515                 width: 100%;
    13516         }
    13517 
    13518         .menu-settings dl {
    13519                 padding-left: 0;
    13520         }
    13521 
    13522         .menu-settings dd {
    13523                 float: none;
    13524                 width: 100%;
    13525                 margin-bottom: 15px;
    13526         }
    13527 
    13528         .menu-settings dt {
    13529                 float: none;
    13530                 width: auto;
    13531                 margin-left: 0;
    13532                 margin-bottom: 15px;
    13533         }
    13534 
    13535         .available-theme .action-links .delete-theme {
    13536                 float: none;
    13537                 margin: 0;
    13538                 padding: 0;
    13539                 clear: both;
    13540         }
    13541 
    13542         .available-theme .action-links .delete-theme a {
    13543                 padding: 0;
    13544         }
    13545 
    13546         /* Widget Management Page (Needs UX work on mobile) */
    13547         #templateside {
    13548                 float: none;
    13549                 width: auto;
    13550         }
    13551 
    13552         #templateside li {
    13553                 margin: 0;
    13554         }
    13555 
    13556         #templateside li a {
    13557                 display: block;
    13558                 padding: 5px;
    13559         }
    13560 
    13561         #templateside .highlight {
    13562                 padding: 5px;
    13563                 margin-left: -5px;
    13564                 margin-top: -5px;
    13565         }
    13566 
    13567         #template div {
    13568                 float: none;
    13569                 margin: 0;
    13570                 width: auto;
    13571         }
    13572 
    13573         #template textarea {
    13574                 width: 100%;
    13575         }
    13576 
    13577         .fileedit-sub .alignright {
    13578                 margin-top: 15px;
    13579         }
    13580 
    13581         /* Plugin/Theme Management Page */
    13582         .wp-list-table.plugins {
    13583                 position: relative;
    13584                 margin-top: 35px;
    13585                 margin-bottom: 50px;
    13586         }
    13587 
    13588         .wp-list-table.plugins thead .column-description,
    13589         #wpbody-content .wp-list-table.plugins tfoot .column-description,
    13590         .wp-list-table.plugins th#description {
    13591                 display: none;
    13592         }
    13593 
    13594         #wpbody-content .wp-list-table.plugins,
    13595         #wpbody-content .wp-list-table.plugins thead,
    13596         #wpbody-content .wp-list-table.plugins tbody,
    13597         #wpbody-content .wp-list-table.plugins tr,
    13598         #wpbody-content .wp-list-table.plugins .column-description,
    13599         #wpbody-content .wp-list-table.plugins .plugin-title,
    13600         #wpbody-content .wp-list-table.plugins .theme-title,
    13601         #wpbody-content .wp-list-table.plugins .plugin-update,
    13602         #wpbody-content .wp-list-table.plugins .manage-column.column-name {
    13603                 display: block;
    13604                 width: auto;
    13605         }
    13606 
    13607         .wp-list-table.plugins thead,
    13608         .wp-list-table.plugins tfoot {
    13609                 position: absolute;
    13610                 top: -35px;
    13611                 left: 0;
    13612                 right: 0;
    13613                 width: auto;
    13614                 height: 35px;
    13615         }
    13616 
    13617         .wp-list-table.plugins tfoot {
    13618                 bottom: -35px;
    13619                 top: auto;
    13620         }
    13621 
    13622         .active, .inactive {
    13623                 padding-top: 0;
    13624         }
    13625 
    13626         .wp-list-table.plugins .plugin-title,
    13627         .wp-list-table.plugins .theme-title {
    13628                 padding-top: 13px;
    13629                 padding-bottom: 4px;
    13630         }
    13631 
    13632         .plugins tr.active + tr.inactive th.check-column,
    13633         .plugins tr.active + tr.inactive td,
    13634         .wp-list-table.plugins .plugin-title,
    13635         .wp-list-table.plugins .theme-title,
    13636         .wp-list-table.plugins tbody th {
    13637                 box-shadow: none;
    13638                 -webkit-box-shadow: none;
    13639         }
    13640 
    13641         .plugins tbody {
    13642                 padding: 1px 0 0;
    13643         }
    13644 
    13645         .plugins tr.active + tr.inactive td.column-description {
    13646                 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    13647                 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    13648                 -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    13649                 -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    13650                 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    13651         }
    13652 
    13653         .plugins tr.active + tr.inactive th.check-column,
    13654         .plugins tr.active + tr.inactive td {
    13655                 border-top: none;
    13656         }
    13657 
    13658         .wp-list-table.plugins .column-description {
    13659                 padding-top: 0;
    13660         }
    13661 
    13662         .wp-list-table.plugins .manage-column.column-name,
    13663         .wp-list-table.plugins .column-description,
    13664         .wp-list-table.plugins .plugin-title,
    13665         .wp-list-table.plugins .theme-title {
    13666                 padding-right: 12px;
    13667                 padding-left: 46px;
    13668         }
    13669 
    13670         .wp-list-table.plugins tr {
    13671                 position: relative;
    13672         }
    13673 
    13674         .wp-list-table.plugins th.check-column,
    13675         .wp-list-table.plugins tr.update th.check-column {
    13676                 position: absolute;
    13677                 height: auto;
    13678                 top: 0;
    13679                 bottom: 0;
    13680                 left: 0;
    13681                 padding-left: 2px;
    13682                 padding-top: 18px;
    13683         }
    13684 
    13685         .wp-list-table.plugins thead th.check-column,
    13686         .wp-list-table.plugins tfoot th.check-column {
    13687                 padding-left: 3px;
    13688                 padding-top: 11px;
    13689                 background: none;
    13690         }
    13691 
    13692         .widefat tbody th.check-column input[type="checkbox"] {
    13693                 margin-top: -3px;
    13694                 margin-left: 8px;
    13695         }
    13696 
    13697         .wp-list-table.plugins .active .check-column input,
    13698         .wp-list-table.plugins .update .check-column input {
    13699                 margin-left: 5px;
    13700         }
    13701 
    13702         .wp-list-table.plugins thead .check-column input,
    13703         .wp-list-table.plugins tfoot .check-column input {
    13704                 margin-top: -6px;
    13705         }
    13706 
    13707         .wp-list-table.plugins .active th.check-column {
    13708                 background: none;
    13709         }
    13710 
    13711         .wp-list-table.plugins .plugin-title strong,
    13712         .wp-list-table.plugins .theme-title strong {
    13713                 font-size: 1.4em;
    13714                 line-height: 1.6em;
    13715         }
    13716 
    13717         /* Add New plugins page */
    13718         table.plugin-install .column-name,
    13719         table.plugin-install .column-version,
    13720         table.plugin-install .column-rating,
    13721         table.plugin-install .column-description {
    13722                 display: block;
    13723                 width: auto;
    13724         }
    13725 
    13726         table.plugin-install th.column-name,
    13727         table.plugin-install th.column-version,
    13728         table.plugin-install th.column-rating,
    13729         table.plugin-install th.column-description {
    13730                 display: none;
    13731         }
    13732 
    13733         table.plugin-install td.column-name strong {
    13734                 font-size: 1.4em;
    13735                 line-height: 1.6em;
    13736         }
    13737 
    13738         table.plugin-install #the-list td {
    13739                 -webkit-box-shadow: none;
    13740                 box-shadow: none;
    13741         }
    13742 
    13743         table.plugin-install #the-list tr {
    13744                 display: block;
    13745                 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
    13746                 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
    13747         }
    13748 
    13749         /*  Dashboard */
    13750         #dashboard_recent_comments #the-comment-list .comment-item .avatar {
    13751                 height: 30px;
    13752                 width: 30px;
    13753                 margin: 4px 10px 5px 0;
    13754         }
    13755 
    13756         /*  About Page */
    13757         .about-wrap .feature-section.one-col > div,
    13758         .about-wrap .feature-section.two-col > div,
    13759         .about-wrap .three-col.about-updates > div  {
    13760                 width: 100%;
    13761                 margin: 0;
    13762                 float: none;
    13763         }
    13764 
    13765         .about-wrap .about-colors .color-option {
    13766                 width: 49%;
    13767         }
    13768 
    13769         /* Moderate Comment */
    13770         .comment-ays {
    13771                 border-bottom: none;
    13772         }
    13773 
    13774         #wpfooter {
    13775                 display: none;
    13776         }
    13777 
    13778         #comments-form .checkforspam {
    13779                 display: none;
    13780         }
    13781 
    13782         /* Reset responsive styles in Press This */
    13783 
    13784         .press-this a.wp-switch-editor {
    13785                 font: 13px/19px "Open Sans", sans-serif;
    13786                 margin: 5px 0 0 5px;
    13787                 padding: 3px 8px 4px;
    13788         }
    13789 
    13790         .press-this #wp-content-media-buttons a {
    13791                 padding: 0;
    13792                 line-height: normal;
    13793                 height: auto;
    13794         }
    13795 
    13796         .press-this #wp-content-editor-tools {
    13797                 padding: 0;
    13798                 top: 3px;
    13799         }
    13800 
    13801         .press-this .category-tabs {
    13802                 margin-top: 0;
    13803         }
    13804 
    13805         .press-this .tagsdiv .newtag {
    13806                 width: 120px;
    13807                 padding: 3px 5px;
    13808                 margin-bottom: 0;
    13809         }
    13810 
    13811         .press-this .tagchecklist {
    13812                 padding: 0;
    13813                 margin-bottom: 0;
    13814         }
    13815 
    13816         .press-this .wp_themeSkin a.mceButton {
    13817                 width: 20px;
    13818                 height: 20px;
    13819         }
    13820 
    13821         .press-this .wp_themeSkin .mceButton .mceIcon {
    13822                 margin: 0;
    13823         }
    13824 
    13825         .press-this #poststuff h3,
    13826         .press-this .metabox-holder h3 {
    13827                 padding: 7px 12px;
    13828         }
    13829 
    13830         .interim-login input[type=checkbox],
    13831         .press-this input[type=checkbox],
    13832         .press-this input[type=radio] {
    13833                 height: 16px;
    13834                 width: 16px;
    13835         }
    13836 
    13837         .interim-login input[type=checkbox]:checked:before,
    13838         .press-this input[type=checkbox]:checked:before {
    13839                 width: 16px;
    13840                 font: normal 21px/1 'dashicons';
    13841                 margin: -3px 0 0 -4px;
    13842         }
    13843 
    13844         .press-this input[type=radio]:checked:before {
    13845                 font: normal 21px/1 'dashicons';
    13846                 width: 6px;
    13847                 height: 6px;
    13848                 margin: 4px;
    13849         }
    13850 
    13851         .press-this ul.categorychecklist ul,
    13852         .press-this ul.categorychecklist li {
    13853                 margin-top: 0;
    13854                 margin-bottom: 0;
    13855         }
    13856 
    13857         .press-this div.quicktags-toolbar input {
    13858                 padding: 2px 4px;
    13859         }
    13860 
    13861         .press-this textarea,
    13862         .press-this input {
    13863                 font-size: 14px;
    13864         }
    13865 
    13866         .press-this .tagchecklist span {
    13867                 font-size: 13px;
    13868                 line-height: 1.8em;
    13869         }
    13870 }
    13871 
    13872 @media only screen and (max-width: 500px) {
    13873         .about-wrap {
    13874                 margin-right: 20px;
    13875                 margin-left: 10px;
    13876         }
    13877 
    13878         .about-wrap h1,
    13879         .about-text {
    13880                 margin-right: 0;
    13881         }
    13882 
    13883         .about-text {
    13884                 margin-bottom: 0.25em;
    13885         }
    13886 
    13887         .about-wrap .wp-badge {
    13888                 position: relative;
    13889                 margin-bottom: 1.5em;
    13890                 width: 100%;
    13891         }
    13892 
    13893         .about-wrap .feature-section.three-col div {
    13894                 width: 100%;
    13895                 float: none;
    13896         }
    13897 
    13898         .about-wrap .three-col.about-updates .col-1 {
    13899                 padding: 0;
    13900                 float: none;
    13901         }
    13902 
    13903         .about-wrap .three-col.about-updates .col-2 {
    13904                 margin: 0 0 20px;
    13905                 width: 100%;
    13906                 float: none;
    13907         }
    13908 
    13909         /* Align Add Media + Visual + Text tabs */
    13910         #wp-content-media-buttons a {
    13911                 font-size: 14px;
    13912                 padding: 0 10px 0 10px;
    13913         }
    13914 }
    13915 
    13916 @media screen and ( max-width: 782px ) {
    13917         #wpadminbar #wp-admin-bar-menu-toggle a {
    13918                 display: block;
    13919                 padding: 0;
    13920                 overflow: hidden;
    13921                 outline: none;
    13922                 text-decoration: none;
    13923                 border: 1px solid transparent;
    13924                 background: none;
    13925                 height: 44px;
    13926                 margin-left: -1px;
    13927         }
    13928 
    13929         li#wp-admin-bar-menu-toggle {
    13930                 display: block;
    13931         }
    13932 
    13933         #wpadminbar #wp-admin-bar-menu-toggle a:hover {
    13934                 border: 1px solid transparent;
    13935         }
    13936 
    13937         #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
    13938                 content: '\f228';
    13939                 display: inline-block;
    13940                 float: left;
    13941                 font: normal 40px/45px 'Dashicons';
    13942                 vertical-align: middle;
    13943                 outline: none;
    13944                 margin: 0;
    13945                 -webkit-font-smoothing: antialiased;
    13946                 -moz-osx-font-smoothing: grayscale;
    13947                 height: 44px;
    13948                 width: 50px;
    13949                 padding: 0;
    13950                 border: none;
    13951                 text-align: center;
    13952                 text-decoration: none;
    13953                 box-sizing: border-box;
    13954                 -moz-box-sizing: border-box;
    13955         }
    13956 }
    13957 
    13958 /* Smartphone */
    13959 @media screen and (max-width: 600px) {
    13960         #adminmenuwrap,
    13961         #adminmenuback {
    13962                 display: none;
    13963         }
    13964 
    13965         .wp-responsive-open #adminmenuwrap,
    13966         .wp-responsive-open #adminmenuback {
    13967                 display: block;
    13968         }
    13969 
    13970         /* Disable horizontal scroll when responsive menu is open
    13971            since we push the main content off to the right. */
    13972         #wpwrap.wp-responsive-open {
    13973                 overflow-x: hidden;
    13974         }
    13975 
    13976         html.wp-toolbar {
    13977                 padding-top: 0;
    13978         }
    13979 
    13980         #wpbody {
    13981                 padding-top: 46px;
    13982         }
    13983 
    13984         .auto-fold #adminmenu {
    13985                 top: 46px;
    13986         }
    13987 
    13988         #wp-responsive-overlay {
    13989                 position: fixed;
    13990                 top: 0;
    13991                 left: 0;
    13992                 width: 100%;
    13993                 height: 100%;
    13994                 z-index: 400;
    13995         }
    13996 
    13997         /* Keep the close icon from overlapping the Welcome text. */
    13998         .welcome-panel .welcome-panel-close {
    13999                 overflow: hidden;
    14000                 text-indent: 100%;
    14001                 white-space: nowrap;
    14002                 width: 20px;
    14003                 height: 20px;
    14004                 right: 0;
    14005                 padding: 5px;
    14006         }
    14007 
    14008         /* Make the close icon larger for tappability. */
    14009         #welcome-panel.welcome-panel .welcome-panel-close::before {
    14010                 font-size: 20px;
    14011                 margin: 0;
    14012         }
    14013 
    14014         /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
    14015         div#post-body.metabox-holder.columns-1 {
    14016                 overflow-x: hidden;
    14017         }
    14018 
    14019         /* Color Picker Options */
    14020         .color-option {
    14021                 width: 49%;
    14022         }
    14023 }
  • src/wp-includes/script-loader.php

    Property changes on: src/wp-admin/css/wp-login.css
    ___________________________________________________________________
    Added: svn:executable
    ## -0,0 +1 ##
    +*
    \ No newline at end of property
     
    551551
    552552        $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls', 'media-views', 'wp-color-picker', 'wp-pointer', 'editor-buttons', 'farbtastic', 'wp-auth-check', 'wp-jquery-ui-dialog', 'media-views', 'buttons', 'install' );
    553553
    554         $styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array( 'open-sans', 'dashicons' ) );
     554        if ( SCRIPT_DEBUG ) {
     555        $admin_dependencies = array( 'common', 'text', 'forms', 'actions', 'notifications',
     556                        'header', 'navmenu', 'layout', 'dashboard', 'lists', 'edit',
     557                        'categories', 'tags', 'media', 'comments', 'themes', 'plugins', 'users',
     558                        'tools', 'settings', 'footer', 'about', 'overlay', 'customize',
     559                        'tabbedadmin', 'misc', 'localization', 'uncatagorized' );
     560                $login_dependencies = array ( 'common', 'login' );
     561                foreach ( $admin_dependencies as $dependency ) {
     562                        $a = $styles->add( $dependency, "/wp-admin/css/wp-admin-$dependency.css" );
     563                }
     564                foreach ( $login_dependencies as $dependency ) {
     565                        $a = $styles->add( $dependency, "/wp-admin/css/wp-admin-$dependency.css" );
     566                }
     567                // open-sans and dashicons are already registered, but still need to be declared as dependencies
     568                array_push( $admin_dependencies, 'open-sans', 'dashicons' );
     569                array_push( $login_dependencies, 'open-sans' );
     570        } else {
     571                $admin_dependencies = array( 'open-sans', 'dashicons' );
     572                $login_dependencies = array( 'open-sans' );
     573        }
    555574
     575        $styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", $admin_dependencies );
     576        $styles->add( 'wp-login', "/wp-admin/css/wp-login$suffix.css", $login_dependencies );
     577
    556578        $styles->add( 'ie', "/wp-admin/css/ie$suffix.css" );
    557579        $styles->add_data( 'ie', 'conditional', 'lte IE 7' );
    558580
  • src/wp-login.php

     
    6868        <title><?php bloginfo('name'); ?> &rsaquo; <?php echo $title; ?></title>
    6969        <?php
    7070
    71         wp_admin_css( 'wp-admin', true );
    72         wp_admin_css( 'colors-fresh', true );
     71        wp_admin_css( 'wp-login', true );
    7372        wp_admin_css( 'ie', true );
    7473
    7574        // Remove all stored post data on logging out.