X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/8a4706fdeb1ae30268e510df6ccf3c39b3028059..refs/tags/wordpress-3.6.1-scripts:/wp-admin/css/wp-admin.css diff --git a/wp-admin/css/wp-admin.css b/wp-admin/css/wp-admin.css index f1ca2690..b756ef1d 100644 --- a/wp-admin/css/wp-admin.css +++ b/wp-admin/css/wp-admin.css @@ -24,6 +24,7 @@ TABLE OF CONTENTS: 11.1 - Custom Fields 11.2 - Post Revisions 11.3 - Featured Images + 11.4 - Post Format Selection 12.0 - Categories 13.0 - Tags 14.0 - Media Screen @@ -280,6 +281,7 @@ body { body.iframe { min-width: 0; + padding-top: 1px; } body.login { @@ -750,7 +752,8 @@ input[readonly] { background-color: #eee; } -:-moz-placeholder { +:-moz-placeholder, +.wp-core-ui :-moz-placeholder { color: #a9a9a9; } @@ -1143,6 +1146,11 @@ form.upgrade .hint { margin: -0.5em 0 2em 0; } +.update-php .spinner { + float: none; + margin: -4px 0; +} + #ajax-loading, .ajax-loading, .ajax-feedback, @@ -1359,7 +1367,7 @@ form.upgrade .hint { display: block; } -.help-tab-content li { +.help-tab-content ul li { list-style-type: disc; margin-left: 18px; } @@ -1450,7 +1458,7 @@ form.upgrade .hint { #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, #adminmenu .wp-has-current-submenu.opensub .wp-submenu { position: relative; - z-index: 2; + z-index: 3; top: auto; left: auto; right: auto; @@ -2417,14 +2425,16 @@ table.fixed { width: 8%; } +.fixed .column-posts, .fixed .column-date, .fixed .column-parent, -.fixed .column-links { +.fixed .column-links, +.fixed .column-author, +.fixed .column-format { width: 10%; } .fixed .column-response, -.fixed .column-author, .fixed .column-categories, .fixed .column-tags, .fixed .column-rel, @@ -2432,6 +2442,14 @@ table.fixed { width: 15%; } +.fixed .column-slug { + width: 25%; +} + +.fixed .column-locations { + width: 35%; +} + .fixed .column-comments { width: 4em; padding: 8px 0; @@ -2446,14 +2464,6 @@ table.fixed { float: left; } -.fixed .column-slug { - width: 25%; -} - -.fixed .column-posts { - width: 10%; -} - .fixed .column-icon { width: 80px; } @@ -2522,10 +2532,46 @@ table.fixed { background-repeat: no-repeat; } +tr.wp-locked .locked-indicator { + background: url('../images/lock.png') no-repeat; + margin: -2px 0 0 6px; + height: 20px; + width: 16px; +} + +tr.wp-locked .check-column label, +tr.wp-locked .check-column input[type="checkbox"], +tr.wp-locked .row-actions .inline, +tr.wp-locked .row-actions .trash { + display: none; +} + +tr .locked-info { + height: 0; + opacity: 0; +} + +tr.wp-locked .locked-info { + height: auto; + opacity: 1; +} + +tr.locked-info, tr.wp-locked .locked-info { + -webkit-transition: height 1s, opacity 500ms; + -moz-transition: height 1s, opacity 500ms; + -ms-transition: height 1s, opacity 500ms; + -o-transition: height 1s, opacity 500ms; + transition: height 1s, opacity 500ms; +} + .fixed .column-comments .sorting-indicator { margin-top: 3px; } +#menu-locations-wrap .widefat { + width: 60%; +} + .widefat th.sortable, .widefat th.sorted { padding: 0; @@ -2664,10 +2710,6 @@ th.asc:hover span.sorting-indicator { padding: 0 0 .2em 1px; } -span.post-state-format { - font-weight: normal; -} - /*------------------------------------------------------------------------------ 10.1 - Inline Editing @@ -2786,6 +2828,7 @@ tr.inline-edit-row td, .inline-edit-row fieldset label.inline-edit-tags span.title { margin: .2em 0; + width: auto; } .inline-edit-row fieldset label span.title { @@ -2873,11 +2916,6 @@ tr.inline-edit-row td, width: 8em; } -.inline-edit-row .catshow, -.inline-edit-row .cathide { - cursor: pointer; -} - ul.cat-checklist { height: 12em; border-style: solid; @@ -2903,21 +2941,12 @@ ul.cat-checklist { } .inline-edit-row fieldset ul.cat-checklist label, -.inline-edit-row .catshow, -.inline-edit-row .cathide, .inline-edit-row #bulk-titles div { font-family: sans-serif; font-style: normal; font-size: 11px; } -table .inline-edit-row fieldset ul.cat-hover { - height: auto; - max-height: 30em; - overflow-y: auto; - position: absolute; -} - .inline-edit-row fieldset label input.inline-edit-menu-order-input { width: 3em; } @@ -2964,9 +2993,20 @@ table .inline-edit-row fieldset ul.cat-hover { float: left; } +#lost-connection-notice .spinner { + display: block; + float: left; + margin: 0 5px 0 0; +} + +.rtl #lost-connection-notice .spinner { + float: right; + margin: 0 0 0 5px; +} + #titlediv { position: relative; - margin-bottom: 10px; + margin-bottom: 5px; } #titlediv label { @@ -2986,8 +3026,10 @@ table .inline-edit-row fieldset ul.cat-hover { padding: 3px 8px; font-size: 1.7em; line-height: 100%; + height: 1.7em; width: 100%; outline: none; + margin: 1px 0; } #titlediv #title-prompt-text, @@ -2995,7 +3037,7 @@ table .inline-edit-row fieldset ul.cat-hover { color: #bbb; position: absolute; font-size: 1.7em; - padding: 8px 10px; + padding: 11px 10px; } #wp-fullscreen-save .fs-saved { @@ -3028,10 +3070,10 @@ input#link_url { } #edit-slug-box { - line-height: 23px; - min-height: 23px; + line-height: 24px; + min-height: 25px; /* Yes, line-height + 1 */ margin-top: 5px; - padding: 0 10px; + padding-right: 6px; } #edit-slug-box .cancel { @@ -3078,7 +3120,7 @@ input#link_url { margin: 2px 0 2px -2px; } -#post-status-select, #post-format { +#post-status-select { line-height: 2.5em; margin-top: 3px; } @@ -3332,6 +3374,56 @@ td.plugin-title p { border-style: solid; } +.notification-dialog { + position: fixed; + top: 30%; + left: 50%; + width: 450px; + margin-left: -225px; + background: #fff; + line-height: 1.5; + z-index: 1000005; +} + +.notification-dialog-background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #000; + opacity: 0.5; + filter: alpha(opacity=50); + z-index: 1000000; +} + +#post-lock-dialog .post-locked-message, +#post-lock-dialog .post-taken-over { + margin: 25px; +} + +#post-lock-dialog .post-locked-message a.button { + margin-right: 10px; +} + +#post-lock-dialog .post-locked-avatar { + float: left; + margin: 0 20px 20px 0; +} + +#post-lock-dialog .wp-tab-first { + outline: 0; +} + +#post-lock-dialog .locked-saving img { + float: left; + margin-right: 3px; +} + +#post-lock-dialog.saving .locked-saving, +#post-lock-dialog.saved .locked-saved { + display: inline; +} /*------------------------------------------------------------------------------ 11.1 - Custom Fields @@ -3419,167 +3511,624 @@ td.plugin-title p { /*------------------------------------------------------------------------------ 11.2 - Post Revisions ------------------------------------------------------------------------------*/ - -table.diff { - width: 100%; +.revisions-control-frame, +.revisions-diff-frame { + position: relative; } -table.diff col.content { - width: 50%; +.revisions-controls { + padding-top: 40px; + height: 100px; + z-index: 1; } -table.diff tr { - background-color: transparent; +.revisions-controls input[type="checkbox"] { + position: relative; + top: -1px; + vertical-align: text-bottom; } -table.diff td, table.diff th { - padding: .5em; - font-family: Consolas, Monaco, monospace; - border: none; +.revisions.pinned .revisions-controls { + position: fixed; + top: 0; + padding-bottom: 10px; } -table.diff .diff-deletedline del, table.diff .diff-addedline ins { - text-decoration: none; +.revisions-tickmarks { + position: relative; + margin: 0 auto; + height: 0.8em; + top: 7px; + max-width: 70%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } -/*------------------------------------------------------------------------------ - 11.3 - Featured Images -------------------------------------------------------------------------------*/ - -#select-featured-image { - padding: 4px 0; - overflow: hidden; +.revisions-tickmarks > div { + position: absolute; + height: 100%; + border-style: solid; + border-width: 0 1px 0 0; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } -#select-featured-image img { - max-width: 100%; - height: auto; - margin-bottom: 10px; +.revisions-tickmarks > div:first-child { + border-width: 0; } -#select-featured-image a { - float: left; - clear: both; +.comparing-two-revisions .revisions-controls { + height: 140px; } -#select-featured-image .remove { +.revisions .diff-error { + position: absolute; + text-align: center; + margin: 0 auto; + width: 100%; display: none; - margin-top: 10px; } -.js #select-featured-image.has-featured-image .remove { - display: inline-block; +.revisions.diff-error .diff-error { + display: block; } -.no-js #select-featured-image .choose { - display: none; +.revisions .loading-indicator { + position: fixed; + vertical-align: middle; + opacity: 0; + width: 100%; + top: 50%; + margin-left: -90px; + -webkit-transition: opacity 0.5s; + -moz-transition: opacity 0.5s; + -ms-transition: opacity 0.5s; + -o-transition: opacity 0.5s; + transition: opacity 0.5s; + filter: alpha(opacity=0); /* ie8 and earlier */ } -/*------------------------------------------------------------------------------ - 12.0 - Categories -------------------------------------------------------------------------------*/ - -.category-adder { - margin-left: 120px; - padding: 4px 0; +body.folded .revisions .loading-indicator { + margin-left: -32px; } -.category-adder h4 { - margin: 0 0 8px; +.revisions .loading-indicator span.spinner { + display: block; + margin: 0 auto; + float: none; } -#side-sortables .category-adder { - margin: 0; +.revisions.loading .loading-indicator { + opacity: 1; + filter: alpha(opacity=100); /* ie8 and earlier */ } -#post-body ul.add-menu-item-tabs { - float: left; - width: 120px; - text-align: right; - /* Negative margin for the sake of those without JS: all tabs display */ - margin: 0 -120px 0 5px; - padding: 0; +.revisions .diff { + -webkit-transition: opacity 0.5s; + -moz-transition: opacity 0.5s; + -ms-transition: opacity 0.5s; + -o-transition: opacity 0.5s; + transition: opacity 0.5s; } -#post-body ul.add-menu-item-tabs li { - padding: 8px; +.revisions.loading .diff { + opacity: 0.5; + filter: alpha(opacity=50); /* ie8 and earlier */ } -#post-body ul.add-menu-item-tabs li.tabs { - -webkit-border-top-left-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; +.revisions.diff-error .diff { + visibility: hidden; } -.wp-tab-panel, -.categorydiv div.tabs-panel, -.customlinkdiv div.tabs-panel, -.posttypediv div.tabs-panel, -.taxonomydiv div.tabs-panel { - min-height: 42px; - max-height: 200px; - overflow: auto; - padding: 0 0.9em; - border-style: solid; - border-width: 1px; +.revisions-meta { + margin-top: 15px; } -div.tabs-panel-active { - display:block; +.revision-toggle-compare-mode { + position: absolute; + top: 0; + right: 0; } -div.tabs-panel-inactive { - display:none; +.comparing-two-revisions .revisions-previous, +.comparing-two-revisions .revisions-next, +.revisions-meta .diff-meta-to strong { + display: none; } -#front-page-warning, -#front-static-pages ul, -ul.export-filters, -.inline-editor ul.cat-checklist ul, -.categorydiv ul.categorychecklist ul, -.customlinkdiv ul.categorychecklist ul, -.posttypediv ul.categorychecklist ul, -.taxonomydiv ul.categorychecklist ul { - margin-left: 18px; +.revisions-controls .author-card .date { + color: #777; } -ul.categorychecklist li { - margin: 0; - padding: 0; - line-height: 19px; - word-wrap: break-word; +.revisions-controls .author-card.autosave { + color: #d54e21; } -.categorydiv .tabs-panel, -.customlinkdiv .tabs-panel, -.posttypediv .tabs-panel, -.taxonomydiv .tabs-panel { - border-width: 3px; - border-style: solid; +.revisions-controls .author-card .author-name { + font-weight: bold; } -.form-wrap p, -.form-wrap label { - font-size: 11px; +.comparing-two-revisions .diff-meta-to strong { + display: block; } -.form-wrap label { - display: block; - padding: 2px; - font-size: 12px; +.revisions-previous, +.revisions-next { + position: relative; + z-index: 1; } -.form-field input, -.form-field textarea { - border-style: solid; - border-width: 1px; - width: 95%; +.revisions-previous { + float: left; } -p.description, -.form-wrap p { - margin: 2px 0 5px; +.revisions-next { + float: right; +} + +.revisions-controls .wp-slider { + max-width: 70%; + margin: 0 auto; + top: -3px; +} + +/* Revision meta box */ +.post-revisions li img, +#revisions-meta-restored img { + vertical-align: middle; +} + +table.diff { + table-layout: fixed; + width: 100%; + white-space: pre-wrap; + word-wrap: break-word; +} + +table.diff col.content { + width: auto; +} + +table.diff col.content.diffsplit { + width: 48%; +} + +table.diff col.diffsplit.middle { + width: auto; +} + +table.diff col.ltype { + width: 30px; +} + +table.diff tr { + background-color: transparent; +} + +table.diff td, +table.diff th { + padding: .5em; + font-family: Consolas, Monaco, monospace; +} + +table.diff .diff-deletedline del, +table.diff .diff-addedline ins { + text-decoration: none; +} + +.diff-meta { + -webkit-border-radius: 3px; + border-radius: 3px; + padding: 5px; + clear: both; + min-height: 32px; +} + +.diff-title strong { + line-height: 32px; + min-width: 60px; + text-align: right; + float: left; + margin-right: 5px; +} + +.revisions-controls .author-card .avatar, +.revisions-controls .author-card .author-info { + float: left; + margin-left: 6px; + margin-right: 6px; +} + +.revisions-controls .author-card .byline { + display: block; + font-size: 12px; +} + +.revisions-controls .author-card .avatar { + vertical-align: middle; +} + +.diff-meta input.restore-revision { + float: right; + margin-left: 6px; + margin-right: 6px; + margin-top: 4px; +} + +.diff-meta-from { + display: none; +} + +.comparing-two-revisions .diff-meta-from { + display: block; +} + +.revisions-tooltip { + position: absolute; + bottom: 105px; + margin-right: 0; + margin-left: -69px; + z-index: 0; + max-width: 350px; + min-width: 130px; + padding: 8px 4px; + display: none; + opacity: 0; +} + +.revisions-tooltip.flipped { + margin-left: 0; + margin-right: -70px; +} + +.revisions.pinned .revisions-tooltip { + display: none !important; +} + +.comparing-two-revisions .revisions-tooltip { + bottom: 145px; +} + +.revisions-tooltip-arrow { + width: 70px; + height: 15px; + overflow: hidden; + position: absolute; + left: 0; + margin-left: 35px; + bottom: -15px; +} + +.revisions-tooltip.flipped .revisions-tooltip-arrow { + margin-left: 0; + margin-right: 35px; + left: auto; + right: 0; +} + +.revisions-tooltip-arrow > span { + content: ""; + position: absolute; + left: 20px; + top: -20px; + width: 25px; + height: 25px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + tranform: rotate(45deg); +} + +.revisions-tooltip.flipped .revisions-tooltip-arrow > span { + left: auto; + right: 20px; +} + +.ie8 .revisions-tooltip-arrow > span { + left: 15px; + top: -25px; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; +} + +.ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span { + right: 25px; +} + +.revisions-tooltip, +.revisions-tooltip-arrow > span { + border-width: 1px; + border-style: solid; +} + +div.revisions-controls > .wp-slider > .ui-slider-handle { + margin-left: -10px; +} + + /* jQuery UI Slider */ +.wp-slider.ui-slider { + position: relative; + border-width: 1px; + border-style: solid; + border-radius: 3px; + text-align: left; + cursor: pointer; +} + +.wp-slider .ui-slider-handle { + position: absolute; + z-index: 2; + margin-top: -3px; + width: 19px; + height: 19px; + border-width: 1px; + border-style: solid; + border-radius: 50%; +} + +.wp-slider .ui-slider-handle:before { + content: ""; + position: absolute; + top: 6px; + left: 3px; + height: 8px; + width: 13px; + background: url(../images/arrows-pr.png) no-repeat -2px -47px; +} + +.wp-slider .ui-slider-handle.from-handle:before, +.wp-slider .ui-slider-handle.to-handle:before { + height: 8px; + width: 7px; +} + +.wp-slider .ui-slider-handle.from-handle:before { + background-position: -5px -84px; + left: 7px; +} + +.wp-slider .ui-slider-handle.to-handle:before { + background-position: -4px -65px; + left: 5px; +} + +.wp-slider .ui-slider-range { + position: absolute; + font-size: .7em; + display: block; + border: 0; + background-color: transparent; + background-image: none; +} + +.wp-slider.ui-slider-horizontal { + height: .8em; +} + +.wp-slider.ui-slider-horizontal .ui-slider-handle { + top: -.25em; + margin-left: -.6em; +} + +.wp-slider.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} + +.wp-slider.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} + +.wp-slider.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} + + +/*------------------------------------------------------------------------------ + 11.3 - Featured Images +------------------------------------------------------------------------------*/ + +#select-featured-image { + padding: 4px 0; + overflow: hidden; +} + +#select-featured-image img { + max-width: 100%; + height: auto; + margin-bottom: 10px; +} + +#select-featured-image a { + float: left; + clear: both; +} + +#select-featured-image .remove { + display: none; + margin-top: 10px; +} + +.js #select-featured-image.has-featured-image .remove { + display: inline-block; +} + +.no-js #select-featured-image .choose { + display: none; +} + +/*------------------------------------------------------------------------------ + 11.4 - Post formats +------------------------------------------------------------------------------*/ + +a.post-state-format { + overflow: hidden; + display: inline-block; + vertical-align: middle; + height: 16px; + width: 16px; + margin-right: 5px; + background-repeat: no-repeat; + text-indent: -999em; +} + +#post-formats-select { + line-height: 2em; +} + +label.post-format-icon { + margin-left: 5px; + padding: 2px 0 2px 21px; +} + +.post-format-icon.post-format-standard { + background-position: 0 0; +} + +.post-format-icon.post-format-image { + background-position: 0 -32px; +} + +.post-format-icon.post-format-gallery { + background-position: 0 -64px; +} + +.post-format-icon.post-format-audio { + background-position: 0 -96px; +} + +.post-format-icon.post-format-video { + background-position: 0 -128px; +} + +.post-format-icon.post-format-chat { + background-position: 0 -160px; +} + +.post-format-icon.post-format-status { + background-position: 0 -192px; +} + +.post-format-icon.post-format-aside { + background-position: 0 -224px; +} + +.post-format-icon.post-format-quote { + background-position: 0 -256px; +} + +.post-format-icon.post-format-link { + background-position: 0 -288px; +} + + +/*------------------------------------------------------------------------------ + 12.0 - Categories +------------------------------------------------------------------------------*/ + +.category-adder { + margin-left: 120px; + padding: 4px 0; +} + +.category-adder h4 { + margin: 0 0 8px; +} + +#side-sortables .category-adder { + margin: 0; +} + +#post-body ul.add-menu-item-tabs { + float: left; + width: 120px; + text-align: right; + /* Negative margin for the sake of those without JS: all tabs display */ + margin: 0 -120px 0 5px; + padding: 0; +} + +#post-body ul.add-menu-item-tabs li { + padding: 8px; +} + +#post-body ul.add-menu-item-tabs li.tabs { + -webkit-border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.wp-tab-panel, +.categorydiv div.tabs-panel, +.customlinkdiv div.tabs-panel, +.posttypediv div.tabs-panel, +.taxonomydiv div.tabs-panel { + min-height: 42px; + max-height: 200px; + overflow: auto; + padding: 0 0.9em; + border-style: solid; + border-width: 1px; +} + +div.tabs-panel-active { + display:block; +} + +div.tabs-panel-inactive { + display:none; +} + +#front-page-warning, +#front-static-pages ul, +ul.export-filters, +.inline-editor ul.cat-checklist ul, +.categorydiv ul.categorychecklist ul, +.customlinkdiv ul.categorychecklist ul, +.posttypediv ul.categorychecklist ul, +.taxonomydiv ul.categorychecklist ul { + margin-left: 18px; +} + +ul.categorychecklist li { + margin: 0; + padding: 0; + line-height: 19px; + word-wrap: break-word; +} + +.categorydiv .tabs-panel, +.customlinkdiv .tabs-panel, +.posttypediv .tabs-panel, +.taxonomydiv .tabs-panel { + border-width: 3px; + border-style: solid; +} + +.form-wrap p, +.form-wrap label { + font-size: 11px; +} + +.form-wrap label { + display: block; + padding: 2px; + font-size: 12px; +} + +.form-field input, +.form-field textarea { + border-style: solid; + border-width: 1px; + width: 95%; +} + +p.description, +.form-wrap p { + margin: 2px 0 5px; } p.help, @@ -3596,6 +4145,10 @@ span.description, padding: 8px 0; } +.form-wrap .form-field #parent { + max-width: 100%; +} + .col-wrap h3 { margin: 12px 0; font-size: 1.1em; @@ -4381,10 +4934,6 @@ span.imgedit-scale-warn { padding: 2px 10px; } -.wp_attachment_details { - margin-bottom: 20px; -} - /*------------------------------------------------------------------------------ 15.0 - Comments Screen ------------------------------------------------------------------------------*/ @@ -4596,7 +5145,7 @@ span.imgedit-scale-warn { } h3.available-themes { - margin: 0 0 1em; + margin: 0.3em 0 1em; float: left; } @@ -5276,13 +5825,18 @@ h2 .nav-tab { /* Changelog / Update screen */ -.about-wrap .feature-section img { +.about-wrap .feature-section img, +.about-wrap .feature-section .video { border: none; margin: 0 1.94% 10px 0; -webkit-border-radius: 3px; border-radius: 3px; } +.about-wrap .feature-section .video video { + max-width: 100%; +} + .about-wrap .feature-section.three-col img { margin: 0.5em 0 0.5em 5px; max-width: 100%; @@ -5293,7 +5847,8 @@ h2 .nav-tab { margin-left: 0; } -.about-wrap .feature-section.images-stagger-right img { +.about-wrap .feature-section.images-stagger-right img, +.about-wrap .feature-section.images-stagger-right .video { float: right; margin: 0 5px 12px 2em; } @@ -5303,16 +5858,20 @@ h2 .nav-tab { margin: 0 2em 12px 5px; } -.about-wrap .feature-section img.image-100 { +.about-wrap .feature-section .image-100 { margin: 0 0 2em 0; width: 100%; } -.about-wrap .feature-section img.image-66 { +.about-wrap .feature-section .image-66 { width: 65%; } -.about-wrap .feature-section img.image-50 { +.about-wrap .feature-section .image-66.video { + max-width: 600px; +} + +.about-wrap .feature-section .image-50 { max-width: 50%; } @@ -5371,7 +5930,6 @@ h2 .nav-tab { .about-wrap .changelog .feature-section { overflow: hidden; - padding-bottom: 0; } .about-wrap .changelog li { @@ -5381,23 +5939,34 @@ h2 .nav-tab { @media only screen and (max-width: 900px) { .about-wrap .feature-section.images-stagger-left img, - .about-wrap .feature-section.images-stagger-right img { + .about-wrap .feature-section.images-stagger-right img, + .about-wrap .feature-section.images-stagger-right .video { clear: both; } + + .about-wrap .feature-section .video.image-66 { + float: none; + width: 98%; + max-width: 98%; + } + + .about-wrap .feature-section.images-stagger-right .video.image-66 { + margin-left: 3px; + } } @media only screen and (max-width: 768px) { - .about-wrap .feature-section img.image-66 { + .about-wrap .feature-section .image-66 { float: none; width: 98%; max-width: 98%; } - .about-wrap .feature-section.images-stagger-right img.image-66 { + .about-wrap .feature-section.images-stagger-right .image-66 { margin-left: 3px; } - .about-wrap .feature-section.images-stagger-left img.image-66 { + .about-wrap .feature-section.images-stagger-left .image-66 { margin-right: 3px; } } @@ -5424,7 +5993,7 @@ h2 .nav-tab { .about-wrap ul.wp-people-group { overflow: hidden; - padding: 5px; + padding: 0 5px; margin: 0 -15px 0 -5px; } @@ -5605,6 +6174,10 @@ body.full-overlay-active { overflow: auto; } +.wp-full-overlay-sidebar-content .accordion-section:first-child { + border-top: 1px solid #fff; +} + /* Close Link */ .wp-full-overlay .close-full-overlay { text-decoration: none; @@ -5924,8 +6497,7 @@ table.form-table td .updated { width: 250px; } -#post-visibility-select, -#post-formats-select { +#post-visibility-select { line-height: 1.5em; margin-top: 3px; } @@ -5935,7 +6507,7 @@ table.form-table td .updated { padding: 0; } -#post-body-content { +.edit-form-section { margin-bottom: 20px; } @@ -6706,6 +7278,27 @@ a.rsswidget { width: auto; } +body.interim-login { + height: auto; +} + +.interim-login #login { + padding: 0; + margin: 5px auto 20px; +} + +.interim-login.login h1 a { + width: auto; +} + +.interim-login #login_error, +.interim-login.login .message { + margin: 0 0 16px; +} + +.interim-login.login form { + margin: 0; +} /* ms */ /* Dashboard: MS Specific Data */ @@ -6749,8 +7342,36 @@ a.rsswidget { /* nav-menu */ +.no-js #message { + display: block; +} + +#nav-menu-meta ul.outer-border { + -webkit-border-radius: 3px; + border-radius: 3px; +} + +.accordion-section ul.category-tabs, +.accordion-section ul.add-menu-item-tabs, +.accordion-section ul.wp-tab-bar { + margin: 0; +} + +.accordion-section .categorychecklist { + margin: 13px 0; +} + +#nav-menu-meta .accordion-section-content { + padding: 18px 13px; +} + +#nav-menu-meta .button-controls { + margin-bottom: 0; +} + #nav-menus-frame { margin-left: 300px; + margin-top: 23px; } #wpbody-content #menu-settings-column { @@ -6759,11 +7380,7 @@ a.rsswidget { margin-left: -300px; clear: both; float: left; - padding-top: 24px; -} - -.no-js #wpbody-content #menu-settings-column { - padding-top: 31px; + padding-top: 0; } #menu-settings-column .inside { @@ -6771,7 +7388,8 @@ a.rsswidget { margin: 10px 0 0; } -.metabox-holder-disabled .postbox { +.metabox-holder-disabled .postbox, +.metabox-holder-disabled .accordion-section-content { opacity: 0.5; filter: alpha(opacity=50); } @@ -6784,10 +7402,84 @@ a.rsswidget { position: relative; } +.blank-slate .menu-name { + height: 2em; +} + +.blank-slate .menu-settings { + border: none; + margin-top: 0; + padding-top: 0; + overflow: hidden; +} + +.is-submenu { + font-style: italic; + font-weight: normal; + margin-left: 4px; +} + +.manage-menus { + margin-top: 23px; + padding: 10px; + overflow: hidden; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +.manage-menus select { + float: left; + margin-right: 6px; +} + +.manage-menus .selected-menu { + float: left; + margin: 5px 6px 0 0; +} + +.manage-menus .submit-btn { + float: left; + margin-top: 1px; +} + +.menu-edit p { + margin: .3em 0 .6em; +} + +.menu-edit #post-body-content h3 { + margin: 0 0 10px; +} + +.menu-settings { + margin-top: 2em; + overflow: hidden; +} + +.menu-settings dl { + margin: 0 0 10px; + overflow: hidden; + position: relative; +} + +.menu-settings dd { + float: left; + margin: 0; + width: 60%; +} + +.menu-edit .checkbox-input { + margin-top: 4px; +} + +.theme-location-set { + font-size: 11px; +} + /* Menu Container */ #menu-management-liquid { float: left; min-width: 100%; + margin-top: 3px; } #menu-management { @@ -6802,7 +7494,7 @@ a.rsswidget { } .nav-menus-php #post-body { - padding: 10px; + padding: 0 10px 10px; border-width: 1px 0; border-style: solid; } @@ -6814,6 +7506,11 @@ a.rsswidget { #nav-menu-header { border-bottom: 1px solid; + margin-bottom: 13px; +} + +#nav-menu-header .menu-name-label { + margin-top: 2px; } #nav-menu-footer { @@ -6834,68 +7531,52 @@ a.rsswidget { font-weight:bold; } -/* Menu Tabs */ - -#menu-management .nav-tabs-nav { - margin: 0 20px; +#select-nav-menu-container { + text-align: right; + padding: 0 10px 3px 10px; + margin-bottom: 5px; } -#menu-management .nav-tabs-arrow { - width: 10px; - padding: 0 5px 4px; - cursor: pointer; - position: absolute; - top: 0; - line-height: 22px; - font-size: 18px; - text-shadow: 0 1px 0 #fff; +#select-nav-menu { + width: 100px; + display: inline; } -#menu-management .nav-tabs-arrow-left { - left: 0; +#menu-name-label { + margin-top: -2px; } -#menu-management .nav-tabs-arrow-right { - right: 0; - text-align: right; +.widefat td.menu-location-menus { + padding-bottom: 5px; } -#menu-management .nav-tabs-wrapper { - width: 100%; - height: 28px; - margin-bottom: -1px; - overflow: hidden; +.menu-location-menus select { + float: left; } -#menu-management .nav-tabs { - padding-left: 20px; - padding-right: 10px; +#locations-nav-menu-wrapper { + padding: 5px 0; } -.js #menu-management .nav-tabs { +.locations-nav-menu-select select { float: left; - margin-left: 0px; - margin-right: -400px; -} - -#menu-management .nav-tab { - margin-bottom: 0; - font-size: 14px; + width: 160px; + margin-right: 5px; } -#select-nav-menu-container { - text-align: right; - padding: 0 10px 3px 10px; - margin-bottom: 5px; +.locations-row-links { + float: left; + margin: 6px 0 0 6px; } -#select-nav-menu { - width: 100px; - display: inline; +.locations-edit-menu-link, +.locations-add-menu-link { + margin: 0 3px; } -#menu-name-label { - margin-top: -2px; +.locations-edit-menu-link { + padding-right: 3px; + border-right: 1px solid #ccc; } #wpbody .open-label { @@ -6916,13 +7597,46 @@ a.rsswidget { } /* Add Menu Item Boxes */ -.postbox .howto input { +.postbox .howto input, +.accordion-container .howto input { width: 180px; float: right; } +.accordion-container .outer-border { + margin: 0; +} + +#nav-menu-meta .accordion-container .top { + border-top: 1px solid #dfdfdf; +} + +#nav-menu-meta .accordion-container .accordion-section:first-child, +#nav-menu-meta .accordion-container .accordion-section:first-child h3, +#nav-menu-meta .accordion-container .top, +#nav-menu-meta .accordion-container .top h3 { + -webkit-border-top-right-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} + +#nav-menu-meta .accordion-container .accordion-section:last-child, +#nav-menu-meta .accordion-container .accordion-section:last-child .accordion-section-content, +#nav-menu-meta .accordion-container .bottom, +#nav-menu-meta .accordion-container .bottom:not(.open) h3 { + -webkit-border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + .customlinkdiv .howto input { - width: 200px; + width: 180px; +} + +.customlinkdiv p { + margin-top: 0 } #nav-menu-theme-locations .howto select { @@ -6939,8 +7653,14 @@ a.rsswidget { /* Button Primary Actions */ #menu-container .submit { - margin: 0px 0px 10px; - padding: 0px; + margin: 0 0 10px; + padding: 0; +} + +.nav-menus-php .add-new-menu-action { + float: left; + margin: 6px 0 0 6px; + line-height: 15px; } .nav-menus-php .meta-sep, @@ -7079,7 +7799,8 @@ a.rsswidget { } #menu-to-edit { - padding: 1em 0; + margin: 0; + padding: 0.1em 0; } .menu ul { @@ -7095,7 +7816,7 @@ a.rsswidget { clear:both; line-height:1.5em; position:relative; - margin: 13px 0 0 0; + margin: 9px 0 0; } .menu-item-handle { @@ -7259,6 +7980,11 @@ body.menu-max-depth-11 { min-width: 1280px !important; } border-bottom-right-radius: 3px; } +.menu-item-settings .field-move a { + display: none; + margin: 0 2px; +} + .menu-item-edit-active .menu-item-settings { display: block; } @@ -7322,34 +8048,16 @@ body.menu-max-depth-11 { min-width: 1280px !important; } text-align: right; float: right; line-height: 23px; - margin: 5px 0 1px; + margin: 2px 0 1px; } -.nav-menus-php .major-publishing-actions .delete-action { - vertical-align: middle; - text-align: left; - float: left; - padding-right: 15px; - margin-top: 5px; -} - -.menu-name-label span, -.auto-add-pages label { - font-size: 12px; - font-style: normal; -} - -.menu-name-label { - margin-right: 15px; -} - -.auto-add-pages input { - margin-top: 0; +.nav-menus-php .blank-slate .menu-settings { + display: none; } -.auto-add-pages { - margin-top: 4px; +.nav-menus-php .delete-action { float: left; + margin-top: 2px; } .nav-menus-php .submitbox .submitcancel { @@ -8336,6 +9044,122 @@ a.widget-control-edit { -ms-touch-action: none; } +/* Accordion */ + +.accordion-section { + border-top: 1px solid #fff; + border-bottom: 1px solid #dfdfdf; + margin: 0; +} + +.accordion-section:first-child { + border-top: 1px solid #dfdfdf; +} + +.accordion-section:last-child { + box-shadow: 0 1px 0 0px #fff; +} + +.accordion-section.open .accordion-section-content, +.no-js .accordion-section .accordion-section-content { + display: block; +} + +.accordion-section.open:hover { + border-bottom-color: #dfdfdf; +} + +.accordion-section-content { + display: none; + padding: 10px 20px 15px; + overflow: hidden; + background: #fdfdfd; + border-left: 1px solid #dfdfdf; + border-right: 1px solid #dfdfdf; +} + +.accordion-section-title { + margin: 0; + padding: 15px 20px; + position: relative; + border-left: 1px solid #dfdfdf; + border-right: 1px solid #dfdfdf; + + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.js .accordion-section-title { + cursor: pointer; +} + +.js .accordion-section-title:after { + content: ''; + width: 0; + height: 0; + border-color: #ccc transparent; + border-style: solid; + border-width: 6px 6px 0; + position: absolute; + top: 25px; + right: 20px; + z-index: 1; +} + +.accordion-section-title:focus { + outline: none; +} + +.accordion-section-title:hover:after, +.accordion-section-title:focus:after { + border-color: #aaa transparent; +} + +.cannot-expand .accordion-section-title { + cursor: auto; +} + +.cannot-expand .accordion-section-title:after { + display: none; +} + +.control-section .accordion-section-title { + padding: 10px 20px; + color: #464646; + font-size: 15px; + font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; + font-weight: normal; + text-shadow: 0 1px 0 #fff; + background: #f5f5f5; + background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#f5f5f5)); + background-image: -webkit-linear-gradient(bottom, #eee, #f5f5f5); + background-image: -moz-linear-gradient(bottom, #eee, #f5f5f5); + background-image: -o-linear-gradient(bottom, #eee, #f5f5f5); + background-image: linear-gradient(to top, #eee, #f5f5f5); +} + +.control-section .accordion-section-title:after { + top: 15px; +} + +.js .control-section:hover .accordion-section-title, +.js .control-section .accordion-section-title:hover, +.js .control-section.open .accordion-section-title, +.js .control-section .accordion-section-title:focus { + color: #000; + background: #f9f9f9; + background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9)); + background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9); + background-image: -moz-linear-gradient(bottom, #ececec, #f9f9f9); + background-image: -o-linear-gradient(bottom, #ececec, #f9f9f9); + background-image: linear-gradient(to top, #ececec, #f9f9f9); +} + +.control-section.open .accordion-section-title { + border-bottom: 1px solid #dfdfdf; +} + /* =Media Queries -------------------------------------------------------------- */ @@ -8441,6 +9265,11 @@ a.widget-control-edit { background-size: 18px 100px; } + tr.wp-locked .locked-indicator { + background-image: url('../images/lock-2x.png'); + background-size: 16px 16px; + } + th .comment-grey-bubble { background-image: url('../images/comment-grey-bubble-2x.png'); background-size: 12px 12px; @@ -8511,6 +9340,12 @@ a.widget-control-edit { .customize-loading #customize-container { background-image: url(../images/wpspin_light-2x.gif); } + + .wp-slider .ui-slider-handle:before { + background-image: url(../images/arrows-pr-2x.png); + background-size: 16px 102px; + } + } /* =Localized CSS @@ -8574,8 +9409,3 @@ a.widget-control-edit { .locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap { margin-left: 8em; } - -.update-php .spinner { - float: none; - margin: -4px 0; -}