]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-admin/css/media.css
Wordpress 3.7
[autoinstalls/wordpress.git] / wp-admin / css / media.css
index f3ccaf0813198e1667de7cc882b04c4430adcbc2..85adbf3066ec9593287767ccf3c1ddd0cb898702 100644 (file)
@@ -1,24 +1,21 @@
+/* Styles for the media library iframe (not used on the Library screen) */
+
 div#media-upload-header {
        margin: 0;
-       padding: 0 5px;
+       padding: 5px 5px 0;
        font-weight: bold;
        position: relative;
        border-bottom-width: 1px;
        border-bottom-style: solid;
-       height: 2.5em;
 }
 
 body#media-upload ul#sidemenu {
        font-weight: normal;
        margin: 0 5px;
-       position: absolute;
-       left: 0px;
+       left: 0;
        bottom: -1px;
-}
-
-div#media-upload-error {
-       margin: 1em;
-       font-weight: bold;
+       float: none;
+       overflow: hidden;
 }
 
 form {
@@ -29,21 +26,12 @@ form {
        text-align: right;
 }
 
-.media-upload-form label,
-.media-upload-form legend {
-       display: block;
-       font-weight: bold;
-       font-size: 13px;
-       margin-bottom: 0.5em;
-       margin: 0 0 0.5em 0;
-}
-
 th {
        position: relative;
 }
 
 .media-upload-form label.form-help, td.help {
-       font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
+       font-family: sans-serif;
        font-style: italic;
        font-weight: normal;
 }
@@ -62,11 +50,6 @@ th {
 }
 
 /* specific to the image upload form */
-.align .field label {
-       display: inline;
-       padding: 0 0 0 28px;
-       margin: 0 1em 0 0;
-}
 
 .image-align-none-label {
        background: url(../images/align-none.png) no-repeat center left;
@@ -89,24 +72,11 @@ tr.image-size td {
 }
 
 tr.image-size div.image-size-item {
-       float: left;
-       width: 25%;
-       margin: 0;
-}
-
-tr.image-size label {
-       display: inline;
-       margin: 0 0 0 1em;
-}
-
-.pinkynail {
-       max-width: 40px;
-       max-height: 40px;
+       margin: 0 0 5px;
 }
 
 #library-form .progress,
 #gallery-form .progress,
-#flash-upload-ui,
 .insert-gallery,
 .describe.startopen,
 .describe.startclosed {
@@ -118,23 +88,10 @@ tr.image-size label {
        max-height: 128px;
 }
 
-.media-item .pinkynail {
-       float: left;
-       margin: 2px;
-       height: 32px;
-       max-width: 40px;
-}
-
 thead.media-item-info tr {
        background-color: transparent;
 }
 
-thead.media-item-info th,
-thead.media-item-info td {
-       border: none;
-       margin: 0;
-}
-
 .form-table thead.media-item-info {
        border: 8px solid #fff;
 }
@@ -148,9 +105,8 @@ abbr.required {
        display: inline;
 }
 
-.describe td {
-       vertical-align: middle;
-       padding: 0 5px 0 0;
+.describe td.error {
+       padding: 2px 8px;
 }
 
 .describe td.A1 {
@@ -164,92 +120,23 @@ abbr.required {
        border-style: solid;
 }
 
-.describe-toggle-on,
-.describe-toggle-off {
-       display: block;
-       line-height: 36px;
-       float: right;
-       margin-right: 20px;
-}
-
-.describe-toggle-off {
-       display: none;
-}
-
-.hidden {
-       height: 0;
-       width: 0;
-       overflow: hidden;
-       border: none;
-}
-
 /* Specific to Uploader */
 
-#media-upload .media-upload-form p {
-       margin: 0 1em 1em 0;
-}
-
 #media-upload p.ml-submit {
        padding: 1em 0;
 }
 
 #media-upload p.help,
 #media-upload label.help {
-       font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
+       font-family: sans-serif;
        font-style: italic;
        font-weight: normal;
 }
 
-#media-upload tr.image-size td.field {
-       text-align: center;
-}
-
-#media-upload #media-items {
-       border-width: 1px;
-       border-style: solid;
-       border-bottom: none;
-       width: 623px;
-}
-
-#media-upload .media-item {
-       border-bottom-width: 1px;
-       border-bottom-style: solid;
-       min-height: 36px;
-       width: 100%;
-}
-
 #media-upload .ui-sortable .media-item {
        cursor: move;
 }
 
-.filename {
-       line-height: 36px;
-       padding: 0 10px;
-       overflow: hidden;
-}
-
-#media-upload .describe {
-       padding: 5px;
-       width: 100%;
-       clear: both;
-       cursor: default;
-}
-
-#media-upload .slidetoggle {
-       border-top-width: 1px;
-       border-top-style: solid;
-}
-
-#media-upload .describe th.label {
-       padding-top: .5em;
-       text-align: left;
-       min-width: 120px;
-}
-
-#media-upload tr.align td.field {
-       text-align: center;
-}
-
 #media-upload tr.image-size {
        margin-bottom: 1em;
        height: 3em;
@@ -297,10 +184,19 @@ abbr.required {
 }
 
 #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;
@@ -323,24 +219,32 @@ abbr.required {
 #gallery-settings .title {
        clear: both;
        padding: 0 0 3px;
-       border-bottom-style: solid;
-       border-bottom-width: 1px;
-       font-family: Georgia,"Times New Roman",Times,serif;
        font-size: 1.6em;
-       border-bottom-color: #DADADA;
-       color: #5A5A5A;
+       border-bottom: 1px solid #DADADA;
 }
 
 h3.media-title  {
-       color: #5A5A5A;
-       font-family: Georgia,"Times New Roman",Times,serif;
        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: 3.5em;
+       height: 3em;
 }
 
 #gallery-settings .describe th.label {
@@ -357,7 +261,11 @@ h3.media-title  {
 
 #gallery-settings .describe select {
        width: 15em;
-       border: 1px solid #dfdfdf;
+}
+
+#gallery-settings .describe select option,
+#gallery-settings .describe td {
+       padding: 0;
 }
 
 #gallery-settings label,
@@ -368,7 +276,7 @@ h3.media-title  {
 }
 
 #gallery-settings .align .field label {
-       margin: 0 1.5em 0 0;
+       margin: 0 1em 0 3px;
 }
 
 #gallery-settings p.ml-submit {
@@ -398,3 +306,48 @@ h3.media-title  {
 #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;
+}
+
+/**
+ * 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;
+       }
+}