X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/76aea3697c6043c1613370f172395b4f65ee71f0..e08b42e8ad054ec67522d7ac1aaae5dc68cb3d01:/wp-admin/css/media.css

diff --git a/wp-admin/css/media.css b/wp-admin/css/media.css
index d04866af..2bc118c7 100644
--- a/wp-admin/css/media.css
+++ b/wp-admin/css/media.css
@@ -1,24 +1,40 @@
+/* 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;
+	float: none;
+	overflow: hidden;
 }
 
-div#media-upload-error {
-	margin: 1em;
-	font-weight: bold;
+#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 {
@@ -29,17 +45,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 +69,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 +86,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 +106,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 +170,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 +189,7 @@ abbr.required {
 }
 
 .menu_order_input {
-	border: 1px solid #DDDDDD;
+	border: 1px solid #ddd;
 	font-size: 10px;
 	padding: 1px;
 	width: 23px;
@@ -301,8 +203,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 +222,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;
+	}
 }