]> 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 d04866afe0da6e0d16c804062ab12e844af24725..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,17 +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;
 }
 
-th { position: relative; }
-
 .media-upload-form label.form-help, td.help {
+       font-family: sans-serif;
        font-style: italic;
        font-weight: normal;
 }
@@ -58,11 +50,7 @@ th { position: relative; }
 }
 
 /* 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;
 }
@@ -79,54 +67,19 @@ th { position: relative; }
        background: url(../images/align-right.png) no-repeat center left;
 }
 
-#flash-upload-ui, .insert-gallery {
-       display: none;
-}
-
-tr.image-size label {
-       display: inline;
-       margin: 0 1em 0 0;
-}
-.pinkynail {
-       max-width: 40px;
-       max-height: 40px;
-}
-
-.filename.original {
-       float: left;
-}
-.crunching {
-       display: block;
-       line-height: 32px;
-       text-align: right;
-       margin-right: 5px;
-}
-button.dismiss {
-       position: absolute;
-       top: 5px;
-       right: 5px;
-       z-index: 4;
-}
-.file-error {
-       margin: 0 0 5px 50px;
-       font-weight: bold;
+tr.image-size td {
+       width: 460px;
 }
 
-.progress {
-       position: absolute;
-       top: 0px;
-       left: 0px;
-       width: 623px;
-       height: 36px;
-}
-.bar {
-       width: 0px;
-       height: 100%;
-       border-right-width: 3px;
-       border-right-style: solid;
+tr.image-size div.image-size-item {
+       margin: 0 0 5px;
 }
 
-#library-form .progress, #gallery-form .progress {
+#library-form .progress,
+#gallery-form .progress,
+.insert-gallery,
+.describe.startopen,
+.describe.startclosed {
        display: none;
 }
 
@@ -134,122 +87,56 @@ button.dismiss {
        max-width: 128px;
        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;
 }
 
-.describe.startopen, .describe.startclosed {
-       display: none;
-}
 abbr.required {
        text-decoration: none;
        border: none;
 }
+
 .describe label {
        display: inline;
 }
-.describe td {
-       vertical-align: middle;
+
+.describe td.error {
+       padding: 2px 8px;
 }
+
 .describe td.A1 {
        width: 132px;
 }
-.describe input[type="text"], .describe textarea {
-       width: 460px;
-}
-.describe-toggle-on, .describe-toggle-off {
-       display: block;
-       line-height: 36px;
-       float: right;
-       margin-right: 20px;
-}
-.describe-toggle-off {
-       display: none;
-}
 
-.clickmask {
-}
-
-.hidden {
-       height: 0px;
-       width: 0px;
-       overflow: hidden;
-       border: none;
+.describe input[type="text"],
+.describe textarea {
+       width: 460px;
+       border-width: 1px;
+       border-style: solid;
 }
 
 /* Specific to Uploader */
 
-#media-upload .media-upload-form p {
-       margin: 0 1em 1em 0;
-}
-
-#media-upload .media-upload-form p.ml-submit {
+#media-upload p.ml-submit {
        padding: 1em 0;
 }
 
-#media-upload p.help {
+#media-upload p.help,
+#media-upload label.help {
+       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 {
-       position: relative;
-       border-bottom-width: 1px;
-       border-bottom-style: solid;
-       min-height: 36px;
-       width: 100%;
-}
 
 #media-upload .ui-sortable .media-item {
        cursor: move;
 }
 
-.filename {
-       float: left;
-       line-height: 36px;
-       margin-left: 10px;
-       overflow: hidden;
-       max-width: 430px;
-}
-#media-upload .describe {
-       border-top-width: 1px;
-       border-top-style: solid;
-       padding: 5px;
-       width: 100%;
-       clear: both;
-       cursor: default;
-}
-#media-upload .describe th.label {
-       padding-top: .5em;
-       text-align: left;
-}
-#media-upload tr.align td.field {
-       text-align: center;
-}
 #media-upload tr.image-size {
        margin-bottom: 1em;
        height: 3em;
@@ -264,15 +151,11 @@ abbr.required {
 }
 
 #filter .tablenav select {
-       border-style:solid;
-       border-width:1px;
-       padding:2px;
-       vertical-align:top;
-}
-
-#media-upload a.delete,
-#media-upload a.del-link {
-       padding: 0 3px 1px;
+       border-style: solid;
+       border-width: 1px;
+       padding: 2px;
+       vertical-align: top;
+       width: auto;
 }
 
 #media-upload .del-attachment {
@@ -287,7 +170,7 @@ abbr.required {
 }
 
 .menu_order_input {
-       border: 1px solid #DDDDDD;
+       border: 1px solid #ddd;
        font-size: 10px;
        padding: 1px;
        width: 23px;
@@ -301,8 +184,17 @@ abbr.required {
 }
 
 #media-upload th.order-head {
-        width: 25%;
-        text-align: center;
+       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 {
@@ -311,5 +203,151 @@ abbr.required {
 }
 
 .sorthelper {
-       z-index: -1;
+       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;
+}
+
+/**
+ * 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;
+       }
 }