wp/wp-admin/css/common.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
equal deleted inserted replaced
18:be944660c56a 19:3d72ae0968f4
   268 	color: #135e96;
   268 	color: #135e96;
   269 }
   269 }
   270 
   270 
   271 a:focus,
   271 a:focus,
   272 a:focus .media-icon img,
   272 a:focus .media-icon img,
       
   273 a:focus .plugin-icon,
   273 .wp-person a:focus .gravatar {
   274 .wp-person a:focus .gravatar {
   274 	color: #043959;
   275 	color: #043959;
   275 	box-shadow:
   276 	box-shadow:
   276 		0 0 0 1px #4f94d4,
   277 		0 0 0 1px #4f94d4,
   277 		0 0 2px 1px rgba(79, 148, 212, 0.8);
   278 		0 0 2px 1px rgba(79, 148, 212, 0.8);
   415 	unicode-bidi: embed;
   416 	unicode-bidi: embed;
   416 }
   417 }
   417 
   418 
   418 kbd,
   419 kbd,
   419 code {
   420 code {
   420 	padding: 3px 5px 2px 5px;
   421 	padding: 3px 5px 2px;
   421 	margin: 0 1px;
   422 	margin: 0 1px;
   422 	background: #f0f0f1;
   423 	background: #f0f0f1;
   423 	background: rgba(0, 0, 0, 0.07);
   424 	background: rgba(0, 0, 0, 0.07);
   424 	font-size: 13px;
   425 	font-size: 13px;
   425 }
   426 }
   580 .postbox .inside h2, /* Back-compat for pre-4.4 */
   581 .postbox .inside h2, /* Back-compat for pre-4.4 */
   581 .wrap h1 {
   582 .wrap h1 {
   582 	font-size: 23px;
   583 	font-size: 23px;
   583 	font-weight: 400;
   584 	font-weight: 400;
   584 	margin: 0;
   585 	margin: 0;
   585 	padding: 9px 0 4px 0;
   586 	padding: 9px 0 4px;
   586 	line-height: 1.3;
   587 	line-height: 1.3;
   587 }
   588 }
   588 
   589 
   589 .wrap h1.wp-heading-inline {
   590 .wrap h1.wp-heading-inline {
   590 	display: inline-block;
   591 	display: inline-block;
   786 }
   787 }
   787 
   788 
   788 /* @todo can we combine these into a class or use an existing dashicon one? */
   789 /* @todo can we combine these into a class or use an existing dashicon one? */
   789 .welcome-panel .welcome-panel-close:before,
   790 .welcome-panel .welcome-panel-close:before,
   790 .tagchecklist .ntdelbutton .remove-tag-icon:before,
   791 .tagchecklist .ntdelbutton .remove-tag-icon:before,
   791 #bulk-titles div a:before,
   792 #bulk-titles .ntdelbutton:before,
   792 .notice-dismiss:before {
   793 .notice-dismiss:before {
   793 	background: none;
   794 	background: none;
   794 	color: #787c82;
   795 	color: #787c82;
   795 	content: "\f153";
   796 	content: "\f153";
   796 	display: block;
   797 	display: block;
   805 
   806 
   806 .welcome-panel .welcome-panel-close:before {
   807 .welcome-panel .welcome-panel-close:before {
   807 	margin: 0;
   808 	margin: 0;
   808 }
   809 }
   809 
   810 
   810 #bulk-titles div a:before {
       
   811 	margin: 1px 0;
       
   812 }
       
   813 
       
   814 .tagchecklist .ntdelbutton .remove-tag-icon:before {
   811 .tagchecklist .ntdelbutton .remove-tag-icon:before {
   815 	margin-left: 2px;
   812 	margin-left: 2px;
   816 	border-radius: 50%;
   813 	border-radius: 50%;
   817 	color: #2271b1;
   814 	color: #2271b1;
   818 	/* vertically center the icon cross browsers */
   815 	/* vertically center the icon cross browsers */
   821 
   818 
   822 .tagchecklist .ntdelbutton:focus {
   819 .tagchecklist .ntdelbutton:focus {
   823 	outline: 0;
   820 	outline: 0;
   824 }
   821 }
   825 
   822 
   826 .welcome-panel .welcome-panel-close:hover:before,
       
   827 .welcome-panel .welcome-panel-close:focus:before,
       
   828 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
   823 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
   829 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
   824 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
   830 #bulk-titles div a:hover:before,
   825 #bulk-titles .ntdelbutton:hover:before,
   831 #bulk-titles div a:focus:before {
   826 #bulk-titles .ntdelbutton:focus:before {
   832 	color: #d63638;
   827 	color: #d63638;
   833 }
   828 }
   834 
   829 
   835 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
   830 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
   836 	box-shadow:
   831 	box-shadow:
   881 .submitbox .submitdelete,
   876 .submitbox .submitdelete,
   882 #media-items a.delete,
   877 #media-items a.delete,
   883 #media-items a.delete-permanently,
   878 #media-items a.delete-permanently,
   884 #nav-menu-footer .menu-delete,
   879 #nav-menu-footer .menu-delete,
   885 #delete-link a.delete,
   880 #delete-link a.delete,
   886 a#remove-post-thumbnail {
   881 a#remove-post-thumbnail,
       
   882 .privacy_requests .remove-personal-data .remove-personal-data-handle {
   887 	color: #b32d2e;
   883 	color: #b32d2e;
   888 }
   884 }
   889 
   885 
   890 abbr.required,
   886 abbr.required,
   891 span.required,
   887 span.required,
   899 .submitbox .submitdelete:hover,
   895 .submitbox .submitdelete:hover,
   900 #media-items a.delete:hover,
   896 #media-items a.delete:hover,
   901 #media-items a.delete-permanently:hover,
   897 #media-items a.delete-permanently:hover,
   902 #nav-menu-footer .menu-delete:hover,
   898 #nav-menu-footer .menu-delete:hover,
   903 #delete-link a.delete:hover,
   899 #delete-link a.delete:hover,
   904 a#remove-post-thumbnail:hover {
   900 a#remove-post-thumbnail:hover,
       
   901 .privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
   905 	color: #b32d2e;
   902 	color: #b32d2e;
   906 	border: none;
   903 	border: none;
   907 }
   904 }
   908 
   905 
   909 /*------------------------------------------------------------------------------
   906 /*------------------------------------------------------------------------------
   955 .misc-pub-filename {
   952 .misc-pub-filename {
   956 	word-wrap: break-word;
   953 	word-wrap: break-word;
   957 }
   954 }
   958 
   955 
   959 #minor-publishing-actions {
   956 #minor-publishing-actions {
   960 	padding: 10px 10px 0 10px;
   957 	padding: 10px 10px 0;
   961 	text-align: right;
   958 	text-align: right;
   962 }
   959 }
   963 
   960 
   964 #save-post {
   961 #save-post {
   965 	float: left;
   962 	float: left;
  1230 	margin: 0;
  1227 	margin: 0;
  1231 }
  1228 }
  1232 
  1229 
  1233 .filter-group .filter-group-feature label {
  1230 .filter-group .filter-group-feature label {
  1234 	display: block;
  1231 	display: block;
  1235 	margin: 14px 0px 14px 23px;
  1232 	margin: 14px 0 14px 23px;
  1236 }
  1233 }
  1237 
  1234 
  1238 .filter-drawer .buttons {
  1235 .filter-drawer .buttons {
  1239 	clear: both;
  1236 	clear: both;
  1240 	margin-bottom: 20px;
  1237 	margin-bottom: 20px;
  1607 }
  1604 }
  1608 
  1605 
  1609 form.upgrade .hint {
  1606 form.upgrade .hint {
  1610 	font-style: italic;
  1607 	font-style: italic;
  1611 	font-size: 85%;
  1608 	font-size: 85%;
  1612 	margin: -0.5em 0 2em 0;
  1609 	margin: -0.5em 0 2em;
  1613 }
  1610 }
  1614 
  1611 
  1615 .update-php .spinner {
  1612 .update-php .spinner {
  1616 	float: none;
  1613 	float: none;
  1617 	margin: -4px 0;
  1614 	margin: -4px 0;
  1705 }
  1702 }
  1706 
  1703 
  1707 /* screen options and help tabs revert */
  1704 /* screen options and help tabs revert */
  1708 #screen-meta {
  1705 #screen-meta {
  1709 	display: none;
  1706 	display: none;
  1710 	margin: 0 20px -1px 0px;
  1707 	margin: 0 20px -1px 0;
  1711 	position: relative;
  1708 	position: relative;
  1712 	background-color: #fff;
  1709 	background-color: #fff;
  1713 	border: 1px solid #c3c4c7;
  1710 	border: 1px solid #c3c4c7;
  1714 	border-top: none;
  1711 	border-top: none;
  1715 	box-shadow: 0 0 0 transparent;
  1712 	box-shadow: 0 0 0 transparent;
  1835 	vertical-align: middle;
  1832 	vertical-align: middle;
  1836 }
  1833 }
  1837 
  1834 
  1838 .metabox-prefs .screen-options .screen-per-page {
  1835 .metabox-prefs .screen-options .screen-per-page {
  1839 	margin-right: 15px;
  1836 	margin-right: 15px;
       
  1837 	padding-right: 0;
  1840 }
  1838 }
  1841 
  1839 
  1842 .metabox-prefs .screen-options label {
  1840 .metabox-prefs .screen-options label {
  1843 	line-height: 2.2;
  1841 	line-height: 2.2;
  1844 	padding-right: 0;
  1842 	padding-right: 0;
  3141 /* @todo: appears to be Press This only and overridden */
  3139 /* @todo: appears to be Press This only and overridden */
  3142 #photo-add-url-div input[type="text"] {
  3140 #photo-add-url-div input[type="text"] {
  3143 	width: 300px;
  3141 	width: 300px;
  3144 }
  3142 }
  3145 
  3143 
  3146 /* Theme/Plugin Editor */
  3144 /* Theme/Plugin file editor */
  3147 .alignleft h2 {
  3145 .alignleft h2 {
  3148 	margin: 0;
  3146 	margin: 0;
  3149 }
  3147 }
  3150 
  3148 
  3151 #template textarea {
  3149 #template textarea {
  3152 	font-family: Consolas, Monaco, monospace;
  3150 	font-family: Consolas, Monaco, monospace;
  3153 	font-size: 13px;
  3151 	font-size: 13px;
  3154 	background: #f6f7f7;
  3152 	background: #f6f7f7;
  3155 	-moz-tab-size: 4;
       
  3156 	-o-tab-size: 4;
  3153 	-o-tab-size: 4;
  3157 	tab-size: 4;
  3154 	tab-size: 4;
  3158 }
  3155 }
  3159 
  3156 
  3160 #template textarea,
  3157 #template textarea,
  3194 #templateside > ul > li > ul[role=group] {
  3191 #templateside > ul > li > ul[role=group] {
  3195 	padding-left: 0;
  3192 	padding-left: 0;
  3196 }
  3193 }
  3197 
  3194 
  3198 /*
  3195 /*
  3199  * Styles for Theme and Plugin editors.
  3196  * Styles for Theme and Plugin file editors.
  3200  */
  3197  */
  3201 
  3198 
  3202 /* Hide collapsed items. */
  3199 /* Hide collapsed items. */
  3203 [role="treeitem"][aria-expanded="false"] > ul {
  3200 [role="treeitem"][aria-expanded="false"] > ul {
  3204 	display: none;
  3201 	display: none;
  3283 	margin: -4px 0 -2px;
  3280 	margin: -4px 0 -2px;
  3284 }
  3281 }
  3285 .tree-folder > .current-file::before {
  3282 .tree-folder > .current-file::before {
  3286 	left: 4px;
  3283 	left: 4px;
  3287 	height: 15px;
  3284 	height: 15px;
  3288 	width: 0px;
  3285 	width: 0;
  3289 	border-left: none;
  3286 	border-left: none;
  3290 	top: 3px;
  3287 	top: 3px;
  3291 }
  3288 }
  3292 .tree-folder > .current-file::after {
  3289 .tree-folder > .current-file::after {
  3293 	bottom: -4px;
  3290 	bottom: -4px;
  3378 #templateside li:not(.howto) > a:first-of-type {
  3375 #templateside li:not(.howto) > a:first-of-type {
  3379 	padding-top: 0;
  3376 	padding-top: 0;
  3380 }
  3377 }
  3381 
  3378 
  3382 #templateside li.howto {
  3379 #templateside li.howto {
  3383 	padding: 6px 12px 12px 12px;
  3380 	padding: 6px 12px 12px;
  3384 }
  3381 }
  3385 
  3382 
  3386 .theme-editor-php .highlight {
  3383 .theme-editor-php .highlight {
  3387 	margin: -3px 3px -3px -12px;
  3384 	margin: -3px 3px -3px -12px;
  3388 }
  3385 }
  3430 	-moz-osx-font-smoothing: grayscale;
  3427 	-moz-osx-font-smoothing: grayscale;
  3431 	text-decoration: none;
  3428 	text-decoration: none;
  3432 }
  3429 }
  3433 
  3430 
  3434 .widget-top .widget-action .toggle-indicator:before {
  3431 .widget-top .widget-action .toggle-indicator:before {
  3435 	padding: 1px 2px 1px 0px;
  3432 	padding: 1px 2px 1px 0;
  3436 	border-radius: 50%;
  3433 	border-radius: 50%;
  3437 }
  3434 }
  3438 
  3435 
  3439 .handlediv,
  3436 .handlediv,
  3440 .postbox .handlediv.button-link,
  3437 .postbox .handlediv.button-link,
  3825 	/* Feedback Messages */
  3822 	/* Feedback Messages */
  3826 	.notice,
  3823 	.notice,
  3827 	.wrap div.updated,
  3824 	.wrap div.updated,
  3828 	.wrap div.error,
  3825 	.wrap div.error,
  3829 	.media-upload-form div.error {
  3826 	.media-upload-form div.error {
  3830 		margin: 20px 0 10px 0;
  3827 		margin: 20px 0 10px;
  3831 		padding: 5px 10px;
  3828 		padding: 5px 10px;
  3832 		font-size: 14px;
  3829 		font-size: 14px;
  3833 		line-height: 175%;
  3830 		line-height: 175%;
  3834 	}
  3831 	}
  3835 
  3832 
  3935 	.tree-folder > li::after,
  3932 	.tree-folder > li::after,
  3936 	.tree-folder .tree-folder::after {
  3933 	.tree-folder .tree-folder::after {
  3937 		left: -8px;
  3934 		left: -8px;
  3938 	}
  3935 	}
  3939 	.tree-folder > li::before {
  3936 	.tree-folder > li::before {
  3940 		top: 0px;
  3937 		top: 0;
  3941 		height: 13px;
  3938 		height: 13px;
  3942 	}
  3939 	}
  3943 	.tree-folder > .current-file::before {
  3940 	.tree-folder > .current-file::before {
  3944 		left: -5px;
  3941 		left: -5px;
  3945 		top: 7px;
  3942 		top: 7px;