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