mirror of
https://github.com/WordPress/WordPress.git
synced 2024-08-26 15:53:08 +02:00
The admin CSS was merged in #18314. After a couple years as it stood, The mess it had become just was no good. One day we realized Grunt is pretty cool, And said "we should use this as our build tool!" Now we can maintain separate files with ease, Using @import and cssmin meets all our needs. Welcome to the future of the WordPress stylesheets, And thanks to Slick Rick for the beats. props jorbin for the initial patch. fixes #26669. Built from https://develop.svn.wordpress.org/trunk@27195 git-svn-id: http://core.svn.wordpress.org/trunk@27054 1a063a9b-81f0-0310-95a4-ce76da25c4cd
664 lines
10 KiB
CSS
664 lines
10 KiB
CSS
/*------------------------------------------------------------------------------
|
|
14.0 - Media Screen
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.media-item .describe {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
border-top: 1px solid #dfdfdf;
|
|
clear: both;
|
|
cursor: default;
|
|
}
|
|
|
|
.media-item.media-blank .describe {
|
|
border: 0;
|
|
}
|
|
|
|
.media-item .describe th {
|
|
vertical-align: top;
|
|
text-align: right;
|
|
padding: 5px 10px 10px;
|
|
width: 140px;
|
|
}
|
|
|
|
.media-item .describe .align th {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.media-item .media-item-info tr {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.media-item .describe td {
|
|
padding: 0 0 8px 8px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.media-item thead.media-item-info td {
|
|
padding: 4px 10px 0;
|
|
}
|
|
|
|
.media-item .media-item-info .A1B1 {
|
|
padding: 0 10px 0 0;
|
|
}
|
|
|
|
.media-item td.savesend {
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.media-item .thumbnail {
|
|
max-height: 128px;
|
|
max-width: 128px;
|
|
}
|
|
|
|
#wpbody-content #async-upload-wrap a {
|
|
display: none;
|
|
}
|
|
|
|
.media-upload-form {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.media-upload-form td label {
|
|
margin-left: 6px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.media-upload-form .align .field label {
|
|
display: inline;
|
|
padding: 0 23px 0 0;
|
|
margin: 0 3px 0 1em;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.media-upload-form tr.image-size label {
|
|
margin: 0 5px 0 0;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.media-upload-form th.label label {
|
|
font-weight: 600;
|
|
margin: 0.5em;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.media-upload-form th.label label span {
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.media-item .describe input[type="text"],
|
|
.media-item .describe textarea {
|
|
width: 460px;
|
|
}
|
|
|
|
.media-item .describe p.help {
|
|
margin: 0;
|
|
padding: 0 5px 0 0;
|
|
}
|
|
|
|
.media-item .edit-attachment,
|
|
.describe-toggle-on,
|
|
.describe-toggle-off {
|
|
display: block;
|
|
line-height: 36px;
|
|
float: left;
|
|
}
|
|
|
|
.media-item .describe-toggle-off,
|
|
.media-item.open .describe-toggle-on {
|
|
display: none;
|
|
}
|
|
|
|
.media-item.open .describe-toggle-off {
|
|
display: block;
|
|
}
|
|
|
|
#media-items .media-item {
|
|
border-bottom: 1px solid #dfdfdf;
|
|
min-height: 36px;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
#media-items {
|
|
width: 623px;
|
|
}
|
|
|
|
.media-new-php #media-items {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
#media-items:empty {
|
|
border: 0 none;
|
|
}
|
|
|
|
.media-item .filename {
|
|
line-height: 36px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.media-item .error-div {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.media-item .pinkynail {
|
|
float: right;
|
|
margin: 2px 0 0 10px;
|
|
max-width: 40px;
|
|
max-height: 32px;
|
|
}
|
|
|
|
.media-item .startopen,
|
|
.media-item .startclosed {
|
|
display: none;
|
|
}
|
|
|
|
.media-item .original {
|
|
position: relative;
|
|
height: 34px;
|
|
}
|
|
|
|
.media-item .progress {
|
|
float: left;
|
|
height: 22px;
|
|
margin: 7px 0 0;
|
|
width: 200px;
|
|
line-height: 2em;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
margin-bottom: 2px;
|
|
-webkit-border-radius: 22px;
|
|
border-radius: 22px;
|
|
background: #ddd;
|
|
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
|
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.media-item .bar {
|
|
z-index: 9;
|
|
width: 0;
|
|
height: 100%;
|
|
margin-top: -22px;
|
|
-webkit-border-radius: 22px;
|
|
border-radius: 22px;
|
|
background-color: #0074a2;
|
|
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
|
|
box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
.media-item .progress .percent {
|
|
z-index: 10;
|
|
position: relative;
|
|
width: 200px;
|
|
padding: 0;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 22px;
|
|
font-weight: 400;
|
|
text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.upload-php .fixed .column-parent {
|
|
width: 15%;
|
|
}
|
|
|
|
.js .html-uploader #plupload-upload-ui {
|
|
display: none;
|
|
}
|
|
|
|
.js .html-uploader #html-upload-ui {
|
|
display: block;
|
|
}
|
|
|
|
.media-upload-form .media-item.error {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.media-upload-form .media-item.error p,
|
|
.media-item .error-div {
|
|
line-height: 16px;
|
|
margin: 5px 10px;
|
|
padding: 0;
|
|
}
|
|
|
|
.media-item .error-div a.dismiss {
|
|
display: block;
|
|
float: left;
|
|
margin: 5px 15px 0 4px;
|
|
}
|
|
|
|
/*------------------------------------------------------------------------------
|
|
14.1 - Media Library
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.find-box {
|
|
width: 600px;
|
|
height: 300px;
|
|
overflow: hidden;
|
|
padding: 33px 0 51px;
|
|
position: absolute;
|
|
z-index: 1000;
|
|
background-color: #444;
|
|
}
|
|
|
|
.find-box-head {
|
|
cursor: move;
|
|
color: #eee;
|
|
font-weight: 600;
|
|
height: 2em;
|
|
line-height: 2em;
|
|
padding: 1px 12px;
|
|
position: absolute;
|
|
top: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
.find-box-inside {
|
|
overflow: auto;
|
|
padding: 6px;
|
|
height: 100%;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.find-box-search,
|
|
.find-box-buttons {
|
|
overflow: hidden;
|
|
padding: 8px;
|
|
position: relative;
|
|
background-color: #f7f7f7;
|
|
border-top: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.find-box-search .spinner {
|
|
float: none;
|
|
right: 125px;
|
|
position: absolute;
|
|
top: 9px;
|
|
}
|
|
|
|
#find-posts-input {
|
|
float: right;
|
|
width: 140px;
|
|
height: 24px;
|
|
}
|
|
|
|
#find-posts-search {
|
|
float: right;
|
|
margin: 1px 3px 0 4px;
|
|
}
|
|
|
|
#find-posts-response {
|
|
margin: 8px 0;
|
|
padding: 0 1px 6px;
|
|
}
|
|
|
|
#find-posts-response table {
|
|
width: 100%;
|
|
}
|
|
|
|
#find-posts-response .found-radio {
|
|
padding: 3px 8px 0 0;
|
|
width: 15px;
|
|
}
|
|
|
|
.find-box #resize-se {
|
|
position: absolute;
|
|
left: 1px;
|
|
bottom: 1px;
|
|
}
|
|
|
|
.ui-find-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
background-color: #000;
|
|
opacity: 0.6;
|
|
filter: alpha(opacity=60);
|
|
}
|
|
|
|
ul#dismissed-updates {
|
|
display: none;
|
|
}
|
|
|
|
form.upgrade {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
form.upgrade .hint {
|
|
font-style: italic;
|
|
font-size: 85%;
|
|
margin: -0.5em 0 2em 0;
|
|
}
|
|
|
|
#poststuff .inside .the-tagcloud {
|
|
margin: 5px 0 10px;
|
|
padding: 8px;
|
|
border: 1px solid #ddd;
|
|
line-height: 1.8em;
|
|
word-spacing: 3px;
|
|
-webkit-border-radius: 6px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.drag-drop #drag-drop-area {
|
|
border: 4px dashed #bbb;
|
|
height: 200px;
|
|
}
|
|
|
|
.drag-drop .drag-drop-inside {
|
|
margin: 70px auto 0;
|
|
width: 250px;
|
|
}
|
|
|
|
.drag-drop-inside p {
|
|
color: #aaa;
|
|
font-size: 14px;
|
|
margin: 5px 0;
|
|
display: none;
|
|
}
|
|
|
|
.drag-drop .drag-drop-inside p {
|
|
text-align: center;
|
|
}
|
|
|
|
.drag-drop-inside p.drag-drop-info {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.drag-drop .drag-drop-inside p,
|
|
.drag-drop-inside p.drag-drop-buttons {
|
|
display: block;
|
|
}
|
|
|
|
/*
|
|
#drag-drop-area:-moz-drag-over {
|
|
border-color: #83b4d8;
|
|
}
|
|
border color while dragging a file over the uploader drop area */
|
|
.drag-drop.drag-over #drag-drop-area {
|
|
border-color: #83b4d8;
|
|
}
|
|
|
|
#plupload-upload-ui {
|
|
position: relative;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
14.2 - Image Editor
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.wp_attachment_details label[for="content"] {
|
|
font-size: 13px;
|
|
line-height: 1.5;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.wp_attachment_details #attachment_caption {
|
|
height: 4em;
|
|
}
|
|
|
|
.describe .image-editor {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.imgedit-wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.imgedit-settings p {
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.post-php .imgedit-wrap table {
|
|
width: 100%;
|
|
}
|
|
|
|
.describe .imgedit-wrap table td,
|
|
.wp_attachment_holder .imgedit-wrap table td {
|
|
vertical-align: top;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.describe .imgedit-wrap table td.imgedit-settings {
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.wp_attachment_holder .imgedit-wrap table td.imgedit-settings {
|
|
width: 250px;
|
|
}
|
|
|
|
td.imgedit-settings input {
|
|
margin-top: 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.imgedit-wait {
|
|
position: absolute;
|
|
top: 0;
|
|
background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px;
|
|
-webkit-background-size: 20px 20px;
|
|
background-size: 20px 20px;
|
|
opacity: 0.7;
|
|
filter: alpha(opacity=70);
|
|
width: 100%;
|
|
height: 500px;
|
|
display: none;
|
|
}
|
|
|
|
.spinner {
|
|
background: url('../images/spinner.gif') no-repeat;
|
|
-webkit-background-size: 20px 20px;
|
|
background-size: 20px 20px;
|
|
display: none;
|
|
float: left;
|
|
opacity: 0.7;
|
|
filter: alpha(opacity=70);
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 2px 5px 0;
|
|
}
|
|
|
|
.no-float {
|
|
float: none;
|
|
}
|
|
|
|
.media-disabled,
|
|
.imgedit-settings .disabled {
|
|
color: grey;
|
|
}
|
|
|
|
.wp_attachment_image,
|
|
.A1B1 {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.wp_attachment_image .button,
|
|
.A1B1 .button {
|
|
float: right;
|
|
}
|
|
|
|
.no-js .wp_attachment_image .button {
|
|
display: none;
|
|
}
|
|
|
|
.wp_attachment_image .spinner,
|
|
.A1B1 .spinner {
|
|
float: right;
|
|
padding: 0 0 4px 0;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.imgedit-menu {
|
|
margin: 0 0 12px;
|
|
min-width: 300px;
|
|
}
|
|
|
|
.imgedit-menu div {
|
|
float: right;
|
|
width: 32px;
|
|
border: 1px solid #d5d5d5;
|
|
background: #f1f1f1;
|
|
margin: 0 0 0 8px;
|
|
height: 32px;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
color: #777;
|
|
}
|
|
|
|
.imgedit-menu div:before {
|
|
font: normal 20px/1 'dashicons';
|
|
speak: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.imgedit-menu div:hover {
|
|
border-color: #c1c1c1;
|
|
background-color: #eaeaea;
|
|
color: #333;
|
|
}
|
|
|
|
.imgedit-menu div.disabled {
|
|
border-color: #ccc;
|
|
background-color: #ddd;
|
|
filter: alpha(opacity=50);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.imgedit-crop:before {
|
|
content:'\f165';
|
|
}
|
|
|
|
.imgedit-rleft:before {
|
|
content:'\f166';
|
|
}
|
|
|
|
.imgedit-rright:before {
|
|
content:'\f167';
|
|
}
|
|
|
|
.imgedit-flipv:before {
|
|
content:'\f168';
|
|
}
|
|
|
|
.imgedit-fliph:before {
|
|
content:'\f169';
|
|
}
|
|
|
|
.imgedit-undo:before {
|
|
content:'\f171';
|
|
}
|
|
|
|
.imgedit-redo:before {
|
|
content:'\f172';
|
|
}
|
|
|
|
.imgedit-crop-wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.imgedit-crop {
|
|
margin: 0 0 0 8px;
|
|
}
|
|
|
|
.imgedit-rleft {
|
|
margin: 0 3px;
|
|
}
|
|
|
|
.imgedit-rright {
|
|
margin: 0 3px 0 8px;
|
|
}
|
|
|
|
.imgedit-flipv {
|
|
margin: 0 3px;
|
|
}
|
|
|
|
.imgedit-fliph {
|
|
margin: 0 3px 0 8px;
|
|
}
|
|
|
|
.imgedit-undo {
|
|
margin: 0 3px;
|
|
}
|
|
|
|
.imgedit-redo {
|
|
margin: 0 3px 0 8px;
|
|
}
|
|
|
|
.imgedit-applyto img {
|
|
margin: 0 0 0 8px;
|
|
}
|
|
|
|
.imgedit-group-top {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.imgedit-applyto .imgedit-label {
|
|
padding: 2px 0 0;
|
|
display: block;
|
|
}
|
|
|
|
.imgedit-help {
|
|
display: none;
|
|
font-style: italic;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
a.imgedit-help-toggle {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.form-table td.imgedit-response {
|
|
padding: 0;
|
|
}
|
|
|
|
.imgedit-submit {
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.imgedit-submit-btn {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.imgedit-wrap .nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
span.imgedit-scale-warn {
|
|
color: red;
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
visibility: hidden;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.imgedit-group {
|
|
margin-bottom: 8px;
|
|
padding: 2px 10px;
|
|
}
|
|
|
|
/* =Media Queries
|
|
-------------------------------------------------------------- */
|
|
|
|
/**
|
|
* HiDPI Displays
|
|
*/
|
|
@media print,
|
|
(-o-min-device-pixel-ratio: 5/4),
|
|
(-webkit-min-device-pixel-ratio: 1.25),
|
|
(min-resolution: 120dpi) {
|
|
.imgedit-wait {
|
|
background-image: url('../images/spinner-2x.gif');
|
|
}
|
|
}
|
|
|
|
@media screen and ( max-width: 782px ) {
|
|
.wp_attachment_details label[for="content"] {
|
|
font-size: 14px;
|
|
line-height: 1.5em;
|
|
}
|
|
}
|