2012-08-22 20:04:18 -04:00
|
|
|
/* Styles for the media library iframe (not used on the Library screen) */
|
|
|
|
|
|
|
|
div#media-upload-header {
|
|
|
|
margin: 0;
|
|
|
|
padding: 5px 5px 0;
|
|
|
|
font-weight: bold;
|
|
|
|
position: relative;
|
|
|
|
border-bottom-width: 1px;
|
|
|
|
border-bottom-style: solid;
|
|
|
|
}
|
|
|
|
|
|
|
|
body#media-upload ul#sidemenu {
|
|
|
|
font-weight: normal;
|
|
|
|
margin: 0 5px;
|
|
|
|
left: 0;
|
|
|
|
bottom: -1px;
|
|
|
|
float: none;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
Say hello to a fresh new look for the WordPress admin.
Still to come: more color schemes, a responsive component, and more.
see #25858.
props iammattthomas, tillkruess, EmpireOfLight, melchoyce, ryelle, joen, mitchoyoshitaka, sirbrillig, andypeatling, isaackeyet, Otto42, dd32, matt, helen.
Built from https://develop.svn.wordpress.org/trunk@26072
git-svn-id: http://core.svn.wordpress.org/trunk@25992 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-09 19:27:10 -05:00
|
|
|
#media-upload:after { /* clearfix */
|
|
|
|
content: "";
|
|
|
|
display: table;
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
|
|
|
#media-upload,
|
|
|
|
#media-upload .media-item .slidetoggle {
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
#media-upload .slidetoggle {
|
|
|
|
border-top-color: #dfdfdf;
|
|
|
|
}
|
|
|
|
|
|
|
|
#media-upload input[type="radio"] {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
2012-08-22 20:04:18 -04:00
|
|
|
form {
|
|
|
|
margin: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#search-filter {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
th {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.media-upload-form label.form-help, td.help {
|
|
|
|
font-family: sans-serif;
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
.media-upload-form p.help {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.media-upload-form fieldset {
|
|
|
|
width: 100%;
|
|
|
|
border: none;
|
|
|
|
text-align: justify;
|
|
|
|
margin: 0 0 1em 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* specific to the image upload form */
|
|
|
|
|
|
|
|
.image-align-none-label {
|
|
|
|
background: url(../images/align-none.png) no-repeat center left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.image-align-left-label {
|
|
|
|
background: url(../images/align-left.png) no-repeat center left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.image-align-center-label {
|
|
|
|
background: url(../images/align-center.png) no-repeat center left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.image-align-right-label {
|
|
|
|
background: url(../images/align-right.png) no-repeat center left;
|
|
|
|
}
|
|
|
|
|
|
|
|
tr.image-size td {
|
|
|
|
width: 460px;
|
|
|
|
}
|
|
|
|
|
|
|
|
tr.image-size div.image-size-item {
|
|
|
|
margin: 0 0 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#library-form .progress,
|
|
|
|
#gallery-form .progress,
|
|
|
|
.insert-gallery,
|
|
|
|
.describe.startopen,
|
|
|
|
.describe.startclosed {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.media-item .thumbnail {
|
|
|
|
max-width: 128px;
|
|
|
|
max-height: 128px;
|
|
|
|
}
|
|
|
|
|
|
|
|
thead.media-item-info tr {
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-table thead.media-item-info {
|
|
|
|
border: 8px solid #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
abbr.required {
|
|
|
|
text-decoration: none;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.describe label {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.describe td.error {
|
|
|
|
padding: 2px 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.describe td.A1 {
|
|
|
|
width: 132px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.describe input[type="text"],
|
|
|
|
.describe textarea {
|
|
|
|
width: 460px;
|
|
|
|
border-width: 1px;
|
|
|
|
border-style: solid;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Specific to Uploader */
|
|
|
|
|
|
|
|
#media-upload p.ml-submit {
|
|
|
|
padding: 1em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#media-upload p.help,
|
|
|
|
#media-upload label.help {
|
|
|
|
font-family: sans-serif;
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
#media-upload .ui-sortable .media-item {
|
|
|
|
cursor: move;
|
|
|
|
}
|
|
|
|
|
|
|
|
#media-upload tr.image-size {
|
|
|
|
margin-bottom: 1em;
|
|
|
|
height: 3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#media-upload #filter {
|
|
|
|
width: 623px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#media-upload #filter .subsubsub {
|
|
|
|
margin: 8px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#filter .tablenav select {
|
|
|
|
border-style: solid;
|
|
|
|
border-width: 1px;
|
|
|
|
padding: 2px;
|
|
|
|
vertical-align: top;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
#media-upload .del-attachment {
|
|
|
|
display: none;
|
|
|
|
margin: 5px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.menu_order {
|
|
|
|
float: right;
|
|
|
|
font-size: 11px;
|
|
|
|
margin: 10px 10px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.menu_order_input {
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
font-size: 10px;
|
|
|
|
padding: 1px;
|
|
|
|
width: 23px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-sortable-helper {
|
|
|
|
background-color: #fff;
|
|
|
|
border: 1px solid #aaa;
|
|
|
|
opacity: 0.6;
|
|
|
|
filter: alpha(opacity=60);
|
|
|
|
}
|
|
|
|
|
|
|
|
#media-upload th.order-head {
|
|
|
|
width: 20%;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
#media-upload th.actions-head {
|
|
|
|
width: 25%;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
#media-upload a.wp-post-thumbnail {
|
|
|
|
margin: 0 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#media-upload .widefat {
|
|
|
|
width: 626px;
|
|
|
|
border-style: solid solid none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sorthelper {
|
|
|
|
height: 37px;
|
|
|
|
width: 623px;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
#gallery-settings th.label {
|
|
|
|
width: 160px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#gallery-settings #basic th.label {
|
|
|
|
padding: 5px 5px 5px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#gallery-settings .title {
|
|
|
|
clear: both;
|
|
|
|
padding: 0 0 3px;
|
|
|
|
font-size: 1.6em;
|
|
|
|
border-bottom: 1px solid #DADADA;
|
|
|
|
}
|
|
|
|
|
|
|
|
h3.media-title {
|
|
|
|
font-size: 1.6em;
|
|
|
|
}
|
|
|
|
|
|
|
|
h4.media-sub-title {
|
|
|
|
border-bottom: 1px solid #DADADA;
|
|
|
|
font-size: 1.3em;
|
|
|
|
margin: 12px;
|
|
|
|
padding: 0 0 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#gallery-settings .title,
|
|
|
|
h3.media-title,
|
|
|
|
h4.media-sub-title {
|
|
|
|
font-family: Georgia,"Times New Roman",Times,serif;
|
|
|
|
font-weight: normal;
|
|
|
|
color: #5A5A5A;
|
|
|
|
}
|
|
|
|
|
|
|
|
#gallery-settings .describe td {
|
|
|
|
vertical-align: middle;
|
|
|
|
height: 3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#gallery-settings .describe th.label {
|
|
|
|
padding-top: .5em;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
#gallery-settings .describe {
|
|
|
|
padding: 5px;
|
|
|
|
width: 615px;
|
|
|
|
clear: both;
|
|
|
|
cursor: default;
|
|
|
|
}
|
|
|
|
|
|
|
|
#gallery-settings .describe select {
|
|
|
|
width: 15em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#gallery-settings .describe select option,
|
|
|
|
#gallery-settings .describe td {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#gallery-settings label,
|
|
|
|
#gallery-settings legend {
|
|
|
|
font-size: 13px;
|
|
|
|
color: #464646;
|
|
|
|
margin-right: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#gallery-settings .align .field label {
|
|
|
|
margin: 0 1em 0 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#gallery-settings p.ml-submit {
|
|
|
|
border-top: 1px solid #dfdfdf;
|
|
|
|
}
|
|
|
|
|
|
|
|
#gallery-settings select#columns {
|
|
|
|
width: 6em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sort-buttons {
|
|
|
|
font-size: 0.8em;
|
|
|
|
margin: 3px 25px -8px 0;
|
|
|
|
text-align: right;
|
|
|
|
max-width: 625px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sort-buttons a {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sort-buttons #asc,
|
|
|
|
#sort-buttons #showall {
|
|
|
|
padding-left: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sort-buttons span {
|
|
|
|
margin-right: 25px;
|
|
|
|
}
|
|
|
|
|
|
|
|
p.media-types {
|
|
|
|
margin: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
tr.not-image {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
table.not-image tr.not-image {
|
|
|
|
display: table-row;
|
|
|
|
}
|
|
|
|
|
|
|
|
table.not-image tr.image-only {
|
|
|
|
display: none;
|
|
|
|
}
|
2012-09-26 22:12:54 -04:00
|
|
|
|
|
|
|
/**
|
|
|
|
* HiDPI Displays
|
|
|
|
*/
|
Introduce a new, cross-browser HiDPI CSS @media rule to be used everywhere.
{{{
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}}}
Serve HiDPI graphics for printing, regardless of screen resolution.
Specify Opera's vendor-prefixed device pixel ratio property, for Opera desktop.
Specify a minimum Webkit device pixel ratio of 1.25 instead of 1.5, to serve
2x images to Android devices that are between 1 and 1.5x (like the Nexus 7).
Firefox and Opera will respond to 1.5x on these devices, but Chrome will not.
Specify min-resolution, which covers Firefox 19. Opera on Android also supports
min-resolution, but Opera Mini does not support dppx, so the dpi unit is used.
props iammattthomas for the exhaustive research.
props lessbloat for patching.
fixes #22238.
git-svn-id: http://core.svn.wordpress.org/trunk@22629 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-17 01:50:08 -05:00
|
|
|
@media print,
|
|
|
|
(-o-min-device-pixel-ratio: 5/4),
|
|
|
|
(-webkit-min-device-pixel-ratio: 1.25),
|
|
|
|
(min-resolution: 120dpi) {
|
2012-09-26 22:12:54 -04:00
|
|
|
|
|
|
|
.image-align-none-label {
|
|
|
|
background-image: url("../images/align-none-2x.png?ver=20120916");
|
|
|
|
background-size: 21px 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.image-align-left-label {
|
|
|
|
background-image: url("../images/align-left-2x.png?ver=20120916");
|
|
|
|
background-size: 22px 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.image-align-center-label {
|
|
|
|
background-image: url("../images/align-center-2x.png?ver=20120916");
|
|
|
|
background-size: 21px 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.image-align-right-label {
|
|
|
|
background-image: url("../images/align-right-2x.png?ver=20120916");
|
|
|
|
background-size: 22px 15px;
|
|
|
|
}
|
|
|
|
}
|