mirror of
https://github.com/WordPress/WordPress.git
synced 2024-10-30 15:31:04 +01:00
7183a9cce9
{{{
@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
442 lines
6.8 KiB
CSS
442 lines
6.8 KiB
CSS
|
|
html, body {
|
|
background-color: #fff;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
font-family: sans-serif;
|
|
font-size: 12px;
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
a.button {
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
textarea,
|
|
input,
|
|
select {
|
|
font: inherit;
|
|
margin: 1px;
|
|
padding: 3px;
|
|
}
|
|
|
|
p.help {
|
|
margin: 4px 0;
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
}
|
|
|
|
abbr.required {
|
|
color: #FF0000;
|
|
text-align: left;
|
|
}
|
|
|
|
img.alignright,
|
|
.alignright {
|
|
float: right;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
img.alignleft,
|
|
.alignleft {
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
img.aligncenter {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
th.label {
|
|
width: 107px;
|
|
}
|
|
|
|
#media-upload #basic th.label {
|
|
padding: 5px 5px 5px 0;
|
|
}
|
|
|
|
.show-align {
|
|
height: 200px;
|
|
width: 480px;
|
|
float: right;
|
|
background-color: #f1f1f1;
|
|
cursor: default;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#img-edit {
|
|
border: 1px solid #dfdfdf;
|
|
width: 623px;
|
|
margin: 15px auto;
|
|
}
|
|
|
|
#media-upload .media-upload-form table.describe {
|
|
border-top-style: none;
|
|
border-top-width: 0;
|
|
}
|
|
|
|
#img_demo_txt {
|
|
font-size: 9px;
|
|
line-height: 13px;
|
|
font-family: Monaco,"Courier New",Courier,monospace;
|
|
color: #888;
|
|
}
|
|
|
|
#img_demo {
|
|
padding: 0;
|
|
}
|
|
|
|
#saveeditimg {
|
|
padding: 10px 0 0 5px;
|
|
border-top: 1px solid #ccc;
|
|
}
|
|
|
|
#sidemenu,
|
|
#sidemenu li {
|
|
list-style: none;
|
|
}
|
|
|
|
#sidemenu li {
|
|
display: inline;
|
|
}
|
|
|
|
#sidemenu a {
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
display: block;
|
|
float: left;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
margin: 0;
|
|
padding: 0pt 7px;
|
|
background-color: #f9f9f9;
|
|
border-color: #f9f9f9;
|
|
border-bottom-color: #dfdfdf;
|
|
}
|
|
|
|
a {
|
|
color: #21759B;
|
|
}
|
|
|
|
a:hover,
|
|
a:active,
|
|
a:focus {
|
|
color: #D54E21;
|
|
}
|
|
|
|
#sidemenu a.current {
|
|
-webkit-border-top-left-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
-webkit-border-top-right-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
font-weight: normal;
|
|
background-color: #fff;
|
|
border-color: #dfdfdf #dfdfdf #fff;
|
|
color: #D54E21;
|
|
}
|
|
|
|
#adv_settings .field label {
|
|
padding: 0 5px 5px;
|
|
}
|
|
|
|
#media-upload h3 {
|
|
clear: both;
|
|
padding: 0pt 0pt 3px;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
font-family: Georgia,"Times New Roman",Times,serif;
|
|
font-size: 20px;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
margin: 0 0 10px -4px;
|
|
padding: 15px 0 3px;
|
|
border-bottom-color: #DADADA;
|
|
color: #5A5A5A;
|
|
}
|
|
|
|
#img_dim #width,
|
|
#img_dim #height,
|
|
#img_prop #border,
|
|
#img_prop #vspace,
|
|
#img_prop #hspace {
|
|
width: 36px;
|
|
}
|
|
|
|
#img_dim abbr {
|
|
padding: 0 4px;
|
|
}
|
|
|
|
#show_align_sp {
|
|
width: 115px;
|
|
}
|
|
|
|
#img_dim input,
|
|
#img_prop input {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#basic .align .field label {
|
|
padding: 0 0 0 24px;
|
|
}
|
|
|
|
#basic {
|
|
padding-top: 2px;
|
|
}
|
|
|
|
td {
|
|
padding: 2px 0;
|
|
}
|
|
|
|
#img_size {
|
|
float: right;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
background-color: #f1f1f1;
|
|
padding: 5px 0;
|
|
width: 45px;
|
|
}
|
|
|
|
#img_size div {
|
|
font-size: 10px;
|
|
padding: 2px;
|
|
border: 1px solid #f1f1f1;
|
|
line-height: 15px;
|
|
height: 15px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
color: #07273E;
|
|
}
|
|
|
|
#img_size div#s100 {
|
|
border-color: #A3A3A3;
|
|
background-color: #E5E5E5;
|
|
}
|
|
|
|
#img_size_div {
|
|
width: 100px;
|
|
float: left;
|
|
cursor: default;
|
|
}
|
|
|
|
#img_size_title {
|
|
margin: 0 7px 5px;
|
|
text-align: right;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#img_align_td {
|
|
padding: 2px 0 8px;
|
|
}
|
|
|
|
#media-upload tr.align td.field {
|
|
text-align: center;
|
|
}
|
|
|
|
.describe td {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#media-upload .describe th.label {
|
|
padding-top: .5em;
|
|
text-align: left;
|
|
}
|
|
|
|
#media-upload .describe {
|
|
border-top-width: 1px;
|
|
border-top-style: solid;
|
|
padding: 5px;
|
|
width: 100%;
|
|
clear: both;
|
|
cursor: default;
|
|
}
|
|
|
|
form {
|
|
margin: 1em;
|
|
}
|
|
|
|
.describe input[type="text"],
|
|
.describe textarea {
|
|
width: 460px;
|
|
border: 1px solid #dfdfdf;
|
|
-webkit-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.media-upload-form label,
|
|
.media-upload-form legend {
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
color: #464646;
|
|
}
|
|
|
|
.align .field label {
|
|
display: inline;
|
|
padding: 0 0 0 28px;
|
|
margin: 0 1em 0 0;
|
|
}
|
|
|
|
.image-align-none-label {
|
|
background: url(../../../../../../wp-admin/images/align-none.png) no-repeat center left;
|
|
}
|
|
|
|
.image-align-left-label {
|
|
background: url(../../../../../../wp-admin/images/align-left.png) no-repeat center left;
|
|
}
|
|
|
|
.image-align-center-label {
|
|
background: url(../../../../../../wp-admin/images/align-center.png) no-repeat center left;
|
|
}
|
|
|
|
.image-align-right-label {
|
|
background: url(../../../../../../wp-admin/images/align-right.png) no-repeat center left;
|
|
}
|
|
|
|
div#media-upload-header {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-weight: bold;
|
|
position: relative;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
height: 33px;
|
|
background-color: #f9f9f9;
|
|
border-bottom-color: #dfdfdf;
|
|
}
|
|
|
|
body#media-upload ul#sidemenu {
|
|
font-weight: normal;
|
|
margin: 0 5px;
|
|
position: relative;
|
|
left: 0px;
|
|
bottom: -4px;
|
|
}
|
|
|
|
div#media-upload-error {
|
|
margin: 1em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#TB_window #TB_title {
|
|
background-color: #222222;
|
|
color: #CFCFCF;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
/* RTL */
|
|
body#media-upload.rtl ul#sidemenu {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.rtl #basic .align .field label {
|
|
display: block;
|
|
float: right;
|
|
padding: 0 24px 0 0;
|
|
margin: 5px 3px 5px 5px;
|
|
}
|
|
|
|
.rtl .align .field input {
|
|
display: block;
|
|
float: right;
|
|
margin: 5px 15px 5px 0;
|
|
}
|
|
|
|
.rtl tr.image-size label {
|
|
margin: 0;
|
|
}
|
|
|
|
.rtl tr.image-size input {
|
|
margin: 3px 15px 0 5px;
|
|
}
|
|
|
|
.rtl .image-align-none-label,
|
|
.rtl .image-align-left-label,
|
|
.rtl .image-align-center-label,
|
|
.rtl .image-align-right-label {
|
|
background-position: center right;
|
|
}
|
|
|
|
#media-upload.rtl .describe th.label {
|
|
text-align: right;
|
|
}
|
|
|
|
.rtl .show-align,
|
|
.rtl .alignright,
|
|
.rtl #img_size {
|
|
float: left;
|
|
}
|
|
|
|
.rtl tr.image-size label,
|
|
.rtl tr.image-size input,
|
|
.rtl #img_dim label,
|
|
.rtl #img_dim input,
|
|
.rtl #img_prop label,
|
|
.rtl #img_prop input,
|
|
.rtl #img_size_div,
|
|
.rtl .alignleft {
|
|
float: right;
|
|
}
|
|
|
|
.rtl #img_dim label,
|
|
.rtl #img_prop label {
|
|
margin: 5px 0pt;
|
|
}
|
|
|
|
.rtl #img_dim input,
|
|
.rtl #img_prop input {
|
|
margin: 0 5px 0 10px;
|
|
}
|
|
|
|
.rtl #img_size_title {
|
|
text-align: left;
|
|
}
|
|
|
|
/**
|
|
* Retina display 2x icons
|
|
*/
|
|
@media print,
|
|
(-o-min-device-pixel-ratio: 5/4),
|
|
(-webkit-min-device-pixel-ratio: 1.25),
|
|
(min-resolution: 120dpi) {
|
|
.image-align-none-label {
|
|
background: url(../../../../../../wp-admin/images/align-none-2x.png) no-repeat center left;
|
|
background-size: auto 15px;
|
|
}
|
|
|
|
.image-align-left-label {
|
|
background: url(../../../../../../wp-admin/images/align-left-2x.png) no-repeat center left;
|
|
background-size: auto 15px;
|
|
}
|
|
|
|
.image-align-center-label {
|
|
background: url(../../../../../../wp-admin/images/align-center-2x.png) no-repeat center left;
|
|
background-size: auto 15px;
|
|
}
|
|
|
|
.image-align-right-label {
|
|
background: url(../../../../../../wp-admin/images/align-right-2x.png) no-repeat center left;
|
|
background-size: auto 15px;
|
|
}
|
|
}
|