X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/11be8dc178e77d0b46189bbd8e33a216a9b90942..fa11948979fd6a4ea5705dc613b239699a459db3:/wp-admin/css/media.css diff --git a/wp-admin/css/media.css b/wp-admin/css/media.css index 7c082700..85adbf30 100644 --- a/wp-admin/css/media.css +++ b/wp-admin/css/media.css @@ -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,64 +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; -} - -.filename.original { - float: left; -} - -.crunching { - display: block; - line-height: 32px; - text-align: right; - margin-right: 5px; -} - -button.dismiss { - position: absolute; - top: 7px; - right: 5px; - z-index: 4; - width: 8em; -} - -.file-error { - float: left; - font-weight: bold; - padding: 10px; -} - -.progress { - position: absolute; - top: 0; - left: 0; - width: 623px; - height: 36px; -} - -.bar { - width: 0; - height: 100%; - border-right-width: 3px; - border-right-style: solid; + margin: 0 0 5px; } #library-form .progress, #gallery-form .progress, -#flash-upload-ui, .insert-gallery, .describe.startopen, .describe.startclosed { @@ -158,23 +88,10 @@ button.dismiss { 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; } @@ -188,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 { @@ -204,95 +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 .media-upload-form p.ml-submit { +#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 { - 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 { - 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; @@ -314,11 +158,6 @@ abbr.required { width: auto; } -#media-upload a.delete, -#media-upload a.del-link { - padding: 0 3px 1px; -} - #media-upload .del-attachment { display: none; margin: 5px 0; @@ -345,17 +184,28 @@ 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; } .sorthelper { - z-index: -1; + height: 37px; + width: 623px; + display: block; } #gallery-settings th.label { @@ -369,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 { @@ -403,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, @@ -414,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 { @@ -424,3 +286,68 @@ h3.media-title { #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; + } +}