+/* 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 {
- left: auto;
+ font-weight: normal;
+ margin: 0 5px;
right: 0;
+ bottom: -1px;
+ float: none;
+ overflow: hidden;
+}
+
+#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;
+}
+
+form {
+ margin: 1em;
}
+
#search-filter {
text-align: left;
}
+
+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 */
-.align .field label {
- padding: 0 23px 0 0;
- margin: 0 3px 0 1em;
+
+.image-align-none-label {
+ background: url(../images/align-none.png) no-repeat center right;
}
-.image-align-none-label, .image-align-left-label, .image-align-center-label, .image-align-right-label {
- background-position: center right;
+
+.image-align-left-label {
+ background: url(../images/align-left.png) no-repeat center right;
}
-tr.image-size label {
- margin: 0 5px 0 0;
+
+.image-align-center-label {
+ background: url(../images/align-center.png) no-repeat center right;
}
-.file-error {
- margin: 0 50px 5px 0;
+
+.image-align-right-label {
+ background: url(../images/align-right.png) no-repeat center right;
}
-.progress {
- left: auto;
- right: 0;
+
+tr.image-size td {
+ width: 460px;
}
-.describe td {
- padding: 0 0 0 5px;
+
+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 .describe th.label {
- text-align: right;
+
+#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: left;
+ 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-form label.form-help, td.help, #media-upload p.help, #media-upload label.help {
- font-family: Tahoma, Arial;
+
+#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 0 5px 5px;
}
-#gallery-settings .title, h3.media-title {
- font-family: Tahoma, Arial;
+
+#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: right;
}
+
+#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 {
- margin-right: 0;
+ font-size: 13px;
+ color: #464646;
margin-left: 15px;
}
+
#gallery-settings .align .field label {
margin: 0 3px 0 1em;
}
+
+#gallery-settings p.ml-submit {
+ border-top: 1px solid #dfdfdf;
+}
+
+#gallery-settings select#columns {
+ width: 6em;
+}
+
#sort-buttons {
+ font-size: 0.8em;
margin: 3px 0 -8px 25px;
text-align: left;
+ max-width: 625px;
+}
+
+#sort-buttons a {
+ text-decoration: none;
}
#sort-buttons #asc,
#sort-buttons #showall {
- padding-left: 0;
padding-right: 5px;
}
#sort-buttons span {
- margin-right: 0;
margin-left: 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;
+}
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+ (-o-min-device-pixel-ratio: 5/4),
+ (-webkit-min-device-pixel-ratio: 1.25),
+ (min-resolution: 120dpi) {
+
+ .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;
+ }
+}