enmi-conf.org: comparison wp/wp-admin/css/edit.css

equal deleted inserted replaced

-:3d4e9c994f10
+:a86126ab1dd4
 #titlediv #title-prompt-text {
 	color: #72777c;
 	position: absolute;
 	font-size: 1.7em;
-	padding: 11px 10px;
+	padding: 10px;
+	pointer-events: none;
 }
 input#link_description,
 input#link_url {
 	width: 98%;
 	margin-top: -1px;
 }
 #edit-slug-box,
 #comment-link-box {
-	line-height: 24px;
+	line-height: 1.84615384;
-	min-height: 25px; /* Yes, line-height + 1 */
+	min-height: 25px;
 	margin-top: 5px;
 	padding: 0 10px;
 	color: #666;
 }
 #post-status-select {
 	margin-top: 3px;
 }
 /* Post Screen */
-#post-body #normal-sortables {
-	min-height: 50px;
+/* Only highlight drop zones when dragging and only in the 2 columns layout. */
+.is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables {
+	outline: 3px dashed #606a73;
+	/* Prevent margin on the child from collapsing with margin on the parent. */
+	display: flow-root;
+	/*
+	 * This min-height is meant to limit jumpiness while dragging. It's equivalent
+	 * to the minimum height of the sortable-placeholder which is given by the height
+	 * of a collapsed post box (36px + 1px top and bottom borders) + the placeholder
+	 * bottom margin (20px) + 2 additional pixels to compensate browsers rounding.
+	 */
+	min-height: 60px;
+	margin-bottom: 20px;
 }
 .postbox {
 	position: relative;
 	min-width: 255px;
-	border: 1px solid #e5e5e5;
+	border: 1px solid #ccd0d4;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
 }
 #trackback_url {
 ul.category-tabs li,
 #side-sortables .add-menu-item-tabs li,
 .wp-tab-bar li {
 	display: inline;
-	line-height: 1.35em;
+	line-height: 1.35;
 }
 .no-js .category-tabs li.hide-if-no-js {
 	display: none;
 }
 }
 #post-status-info {
 	width: 100%;
 	border-spacing: 0;
-	border: 1px solid #e5e5e5;
+	border: 1px solid #ccd0d4;
 	border-top: none;
 	background-color: #f7f7f7;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	z-index: 999;
 }
 	position: relative;
 }
 .wp-editor-expand #wp-content-editor-tools {
 	z-index: 1000;
-	border-bottom: 1px solid #e5e5e5;
+	border-bottom: 1px solid #ccd0d4;
 }
 .wp-editor-expand #wp-content-editor-container {
 	box-shadow: none;
 	margin-top: -1px;
 .wp-editor-expand div.mce-statusbar {
 	z-index: 1;
 }
 .wp-editor-expand #post-status-info {
-	border-top: 1px solid #e5e5e5;
+	border-top: 1px solid #ccd0d4;
 }
 .wp-editor-expand div.mce-toolbar-grp {
 	z-index: 999;
 }
 #poststuff #post-body.columns-2 #side-sortables {
 	width: 280px;
 }
 #timestampdiv select {
-	height: 21px;
-	line-height: 14px;
-	padding: 0;
 	vertical-align: top;
 	font-size: 12px;
+	line-height: 2.33333333; /* 28px */
 }
 #aa, #jj, #hh, #mn {
-	padding: 1px;
+	padding: 6px 1px;
 	font-size: 12px;
+	line-height: 1.16666666; /* 14px */
 }
 #jj, #hh, #mn {
 	width: 2em;
 }
 #post-body .misc-pub-post-status:before,
 #post-body #visibility:before,
 .curtime #timestamp:before,
 #post-body .misc-pub-revisions:before,
-span.wp-media-buttons-icon:before {
+#post-body .misc-pub-response-to:before,
+#post-body .misc-pub-comment-status:before {
 	color: #82878c;
 }
 #post-body .misc-pub-post-status:before,
 #post-body #visibility:before,
 .curtime #timestamp:before,
-#post-body .misc-pub-revisions:before {
+#post-body .misc-pub-revisions:before,
+#post-body .misc-pub-response-to:before,
+#post-body .misc-pub-comment-status:before {
 	font: normal 20px/1 dashicons;
 	speak: none;
 	display: inline-block;
 	margin-left: -1px;
 	padding-right: 3px;
 	vertical-align: top;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
-#post-body .misc-pub-post-status:before {
+#post-body .misc-pub-post-status:before,
+#post-body .misc-pub-comment-status:before {
 	content: "\f173";
 }
 #post-body #visibility:before {
 	content: "\f177";
 #post-body .misc-pub-revisions:before {
 	content: "\f321";
 }
+#post-body .misc-pub-response-to:before {
+	content: "\f101";
+}
 #timestampdiv {
 	padding-top: 5px;
-	line-height: 23px;
+	line-height: 1.76923076;
 }
 #timestampdiv p {
 	margin: 8px 0 6px;
 }
 #timestampdiv input {
-	border-width: 1px;
-	border-style: solid;
 	text-align: center;
 }
 .notification-dialog {
 	position: fixed;
 .tagchecklist > li {
 	float: left;
 	margin-right: 25px;
 	font-size: 13px;
-	line-height: 1.8em;
+	line-height: 1.8;
 	cursor: default;
 	max-width: 100%;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
 #poststuff .stuffbox h2 {
 	padding: 8px 10px;
 }
+#poststuff .stuffbox > h2 {
+	border-bottom: 1px solid #eee;
+}
 #poststuff .inside {
 	margin: 6px 0 0 0;
 }
 #poststuff .stuffbox .inside {
 #poststuff .inside #parent_id,
 #poststuff .inside #page_template {
 	max-width: 100%;
 }
-.ie8 #poststuff .inside #parent_id,
-.ie8 #poststuff .inside #page_template {
-	width: 250px;
-}
 .post-attributes-label-wrapper {
 	margin-bottom: 0.5em;
 }
 .post-attributes-label {
 	vertical-align: baseline;
 	font-weight: 600;
 }
-#post-visibility-select {
+#post-visibility-select,
-	line-height: 1.5em;
+#comment-status-radio {
+	line-height: 1.5;
 	margin-top: 3px;
 }
 #linksubmitdiv .inside, /* Old Link Manager back-compat. */
 #poststuff #submitdiv .inside {
 #post-body-content,
 .edit-form-section {
 	margin-bottom: 20px;
 }
+.wp_attachment_details .attachment-content-description {
+	margin-top: 0.5385em;
+	display: inline-block;
+	min-height: 1.6923em;
+}
 /* Suggested text for privacy policy */
 .wp-privacy-policy-guide {
 	max-width: 1000px;
 }
 .privacy-text-section.text-removed {
 	padding-bottom: 12px;
 }
 .text-removed .policy-text {
-	font-style: italic;
 	color: #666;
 	font-weight: 600;
 }
 .privacy-text-actions {
+	display: inline-block;
+	width: 100%;
 	height: 32px;
-	line-height: 32px;
+	line-height: 2.46153846;
 	padding-bottom: 6px;
+}
+.privacy-text-actions .success {
+	display: none;
+	color: #40860a;
+	float: right;
+	padding-right: 1em;
+}
+.privacy-text-actions .success.visible {
+	display: inline-block;
+	height: 32px;
 }
 .wp-privacy-policy-guide .policy-text h2 {
 	margin: 1.2em 0 1em;
 	padding: 0;
 .suggested-policy-content {
 	font-style: italic;
 }
-.privacy-text-section a.return-to-top {
+.privacy-text-section .return-to-top {
 	float: right;
 	margin-right: -250px;
 	margin-top: 6px;
 }
+#wpbody:target:before {
+	content: "";
+	display: block;
+	padding-top: 50px;
+	margin-top: -50px;
+}
+.hide-privacy-policy-tutorial {
+	background-color: #fff;
+}
+.hide-privacy-policy-tutorial .wp-policy-help, /* For back-compat, see #49282 */
 .hide-privacy-policy-tutorial .privacy-policy-tutorial {
-	visibility: hidden;
+	display: none;
 }
-.wp-suggested-text p {
+.policy-text {
-	font-style: italic;
+	margin-bottom: 1em;
 }
-.wp-suggested-text p.privacy-policy-tutorial {
+.policy-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help),
-	font-style: normal;
+.policy-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) {
+	background-color: #fff;
+	margin: 0;
+	padding: 1em;
+}
+.policy-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) + *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help),
+.policy-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) + *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) {
+	padding-top: 0;
+}
+.hide-privacy-policy-tutorial > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) {
+	margin: 1em 0;
+	padding: 0;
+}
+.policy-text ul li,
+.policy-text ol li {
+	margin-left: 2em;
+}
+.policy-text ul {
+	list-style: disc;
+}
+strong.wp-policy-help, /* For back-compat, see #49282 */
+strong.privacy-policy-tutorial {
+	display: block;
+	margin: 0 0 1em;
 }
 .notice.wp-pp-notice {
 	margin: 15px 0 3px;
 }
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 a.post-format-icon:hover:before {
-	color: #00a0d2;
+	color: #006799;
 }
 #post-formats-select {
-	line-height: 2em;
+	line-height: 2;
 }
 #post-formats-select .post-format-icon::before {
 	top: 5px;
 }
 div.tabs-panel-inactive {
 	display: none;
 }
+div.tabs-panel-active:focus {
+	box-shadow: inset 0 0 0 1px #5b9dd9, inset 0 0 2px 1px rgba(30, 140, 190, 0.8);
+	outline: 0 none;
+}
 #front-page-warning,
 #front-static-pages ul,
 ul.export-filters,
 .inline-editor ul.cat-checklist ul,
 .categorydiv ul.categorychecklist ul,
 }
 ul.categorychecklist li {
 	margin: 0;
 	padding: 0;
-	line-height: 22px;
+	line-height: 1.69230769;
 	word-wrap: break-word;
 }
 .categorydiv .tabs-panel,
 .customlinkdiv .tabs-panel,
 	border-style: solid;
 	border-width: 1px;
 	width: 95%;
 }
+.form-field select,
+.form-field p {
+	max-width: 95%;
+}
 p.description,
 .form-wrap p {
 	margin: 2px 0 5px;
 	color: #666;
 }
 p.help,
 p.description,
 span.description,
 .form-wrap p {
 	font-size: 13px;
-	font-style: italic;
+}
+p.description code {
+	font-style: normal;
 }
 .form-wrap .form-field {
 	margin: 1em 0;
 	padding: 0;
-}
-.form-wrap .form-field #parent {
-	max-width: 100%;
 }
 .col-wrap h2 {
 	margin: 12px 0;
 	font-size: 1.1em;
 	text-align: justify;
 }
 .tagcloud h2 {
 	margin: 2px 0 12px;
+}
+#poststuff .inside .the-tagcloud {
+	margin: 5px 0 10px;
+	padding: 8px;
+	border: 1px solid #ddd;
+	line-height: 1.2;
+	word-spacing: 3px;
 }
 .the-tagcloud ul {
 	margin: 0;
 }
 .ac_match {
 	text-decoration: underline;
 }
+#addtag .spinner {
+	float: none;
+	vertical-align: top;
+}
 #edittag {
 	max-width: 800px;
 }
 .edit-tag-actions {
 }
 .trash-undo-inside,
 .spam-undo-inside {
 	margin: 1px 8px 1px 0;
-	line-height: 16px;
+	line-height: 1.23076923;
 }
 .spam-undo-inside .avatar,
 .trash-undo-inside .avatar {
 	height: 20px;
 		background-image: url(../images/resize-rtl-2x.gif);
 		background-position: left bottom;
 	}
 }
+/*
+* The edit attachment screen auto-switches to one column layout when the
+* viewport is smaller than 1200 pixels.
+*/
+@media only screen and (max-width: 1200px) {
+	.post-type-attachment #poststuff {
+		min-width: 0;
+	}
+	.post-type-attachment #wpbody-content #poststuff #post-body {
+		margin: 0;
+	}
+	.post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 {
+		margin-right: 0;
+		width: 100%;
+	}
+	.post-type-attachment #poststuff #postbox-container-1 .empty-container,
+	.post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty {
+		outline: none;
+		height: 0;
+		min-height: 0;
+	}
+	.post-type-attachment #poststuff #post-body.columns-2 #side-sortables {
+		min-height: 0;
+		width: auto;
+	}
+	.is-dragging-metaboxes.post-type-attachment #post-body .meta-box-sortables {
+		outline: none;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+	/* hide the radio buttons for column prefs */
+	.post-type-attachment .screen-layout,
+	.post-type-attachment .columns-prefs {
+		display: none;
+	}
+}
 /* one column on the post write/edit screen */
 @media only screen and (max-width: 850px) {
 	#poststuff {
 		min-width: 0;
 	}
 		width: 100%;
 	}
 	#poststuff #postbox-container-1 .empty-container,
 	#poststuff #postbox-container-1 #side-sortables:empty {
-		border: 0 none;
 		height: 0;
 		min-height: 0;
 	}
 	#poststuff #post-body.columns-2 #side-sortables {
 		min-height: 0;
 		width: auto;
+	}
+	/* Increase min-height while dragging for the #side-sortables and any potential sortables area with custom ID. */
+	.is-dragging-metaboxes #poststuff #postbox-container-1 .empty-container,
+	.is-dragging-metaboxes #poststuff #postbox-container-1 #side-sortables:empty,
+	.is-dragging-metaboxes #poststuff #post-body.columns-2 #side-sortables,
+	.is-dragging-metaboxes #poststuff #post-body.columns-2 .meta-box-sortables {
+		height: auto;
+		min-height: 60px;
 	}
 	/* hide the radio buttons for column prefs */
 	.screen-layout,
 	.columns-prefs {
 		padding: 10px 20px;
 	}
 	button.wp-switch-editor {
 		font-size: 16px;
-		line-height: 1em;
+		line-height: 1;
 		margin: 7px 0 0 7px;
 		padding: 8px 12px;
 	}
 	#wp-content-media-buttons a {
 		font-size: 16px;
 	}
 	#delete-action,
 	#publishing-action {
-		line-height: 47px;
+		line-height: 3.61538461;
 	}
 	#publishing-action .spinner {
 		float: none;
 		margin-top: -2px; /* Half of the Publish button's bottom margin. */
 	.privacy-text-box-toc {
 		float: none;
 		width: auto;
 		height: 100%;
-	}
+		display: flex;
+		flex-direction: column;
-	.privacy-text-section a.return-to-top {
+	}
-		float: none;
-		margin: 0;
+	.privacy-text-section .return-to-top {
-	}
+		margin: 2em 0 0;
-}
+	}
+}

changeset 16	a86126ab1dd4
parent 9	177826044cd9
child 18	be944660c56a