wp/wp-admin/css/forms-rtl.css
changeset 21 48c4eec2b7e6
parent 19 3d72ae0968f4
child 22 8c2e4d02f4ef
equal deleted inserted replaced
20:7b1b88e27a20 21:48c4eec2b7e6
    19 	overflow: auto;
    19 	overflow: auto;
    20 	padding: 2px 6px;
    20 	padding: 2px 6px;
    21 	/* inherits font size 14px */
    21 	/* inherits font size 14px */
    22 	line-height: 1.42857143; /* 20px */
    22 	line-height: 1.42857143; /* 20px */
    23 	resize: vertical;
    23 	resize: vertical;
    24 }
       
    25 
       
    26 label {
       
    27 	cursor: pointer;
       
    28 }
    24 }
    29 
    25 
    30 input,
    26 input,
    31 select {
    27 select {
    32 	margin: 0 1px;
    28 	margin: 0 1px;
   286 	color: rgba(44, 51, 56, 0.5);
   282 	color: rgba(44, 51, 56, 0.5);
   287 }
   283 }
   288 
   284 
   289 input[type="file"]:disabled,
   285 input[type="file"]:disabled,
   290 input[type="file"].disabled,
   286 input[type="file"].disabled,
       
   287 input[type="file"][aria-disabled="true"],
   291 input[type="range"]:disabled,
   288 input[type="range"]:disabled,
   292 input[type="range"].disabled {
   289 input[type="range"].disabled,
       
   290 input[type="range"][aria-disabled="true"] {
   293 	background: none;
   291 	background: none;
   294 	box-shadow: none;
   292 	box-shadow: none;
   295 	cursor: default;
   293 	cursor: default;
   296 }
   294 }
   297 
   295 
   298 input[type="checkbox"]:disabled,
   296 input[type="checkbox"]:disabled,
   299 input[type="checkbox"].disabled,
   297 input[type="checkbox"].disabled,
       
   298 input[type="checkbox"][aria-disabled="true"],
   300 input[type="radio"]:disabled,
   299 input[type="radio"]:disabled,
   301 input[type="radio"].disabled,
   300 input[type="radio"].disabled,
       
   301 input[type="radio"][aria-disabled="true"],
   302 input[type="checkbox"]:disabled:checked:before,
   302 input[type="checkbox"]:disabled:checked:before,
   303 input[type="checkbox"].disabled:checked:before,
   303 input[type="checkbox"].disabled:checked:before,
   304 input[type="radio"]:disabled:checked:before,
   304 input[type="radio"]:disabled:checked:before,
   305 input[type="radio"].disabled:checked:before {
   305 input[type="radio"].disabled:checked:before {
   306 	opacity: 0.7;
   306 	opacity: 0.7;
       
   307 	cursor: default;
   307 }
   308 }
   308 
   309 
   309 /*------------------------------------------------------------------------------
   310 /*------------------------------------------------------------------------------
   310   2.0 - Forms
   311   2.0 - Forms
   311 ------------------------------------------------------------------------------*/
   312 ------------------------------------------------------------------------------*/
   355 	text-shadow: 0 1px 0 #fff;
   356 	text-shadow: 0 1px 0 #fff;
   356 	cursor: default;
   357 	cursor: default;
   357 	transform: none;
   358 	transform: none;
   358 }
   359 }
   359 
   360 
       
   361 .wp-core-ui select[aria-disabled="true"] {
       
   362 	cursor: default;
       
   363 }
       
   364 
   360 /* Reset Firefox inner outline that appears on :focus. */
   365 /* Reset Firefox inner outline that appears on :focus. */
   361 /* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
   366 /* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
   362 .wp-core-ui select:-moz-focusring {
   367 .wp-core-ui select:-moz-focusring {
   363 	color: transparent;
   368 	color: transparent;
   364 	text-shadow: 0 0 0 #0a4b78;
   369 	text-shadow: 0 0 0 #0a4b78;
   546 	margin: 0 0 1em;
   551 	margin: 0 0 1em;
   547 }
   552 }
   548 
   553 
   549 .wp-generate-pw {
   554 .wp-generate-pw {
   550 	margin-top: 1em;
   555 	margin-top: 1em;
       
   556 	position: relative;
       
   557 }
       
   558 
       
   559 .wp-pwd button {
       
   560 	height: min-content;
       
   561 }
       
   562 
       
   563 .wp-pwd button.pwd-toggle .dashicons {
       
   564 	position: relative;
       
   565 	top: 0.25rem;
   551 }
   566 }
   552 
   567 
   553 .wp-pwd {
   568 .wp-pwd {
   554 	margin-top: 1em;
   569 	margin-top: 1em;
       
   570 	position: relative;
       
   571 }
       
   572 
       
   573 .mailserver-pass-wrap .wp-pwd {
       
   574 	display: inline-block;
       
   575 	margin-top: 0;
       
   576 }
       
   577 
       
   578 /* rtl:ignore */
       
   579 #mailserver_pass {
       
   580 	padding-right: 2.5rem;
       
   581 }
       
   582 
       
   583 /* rtl:ignore */
       
   584 .mailserver-pass-wrap .button.wp-hide-pw {
       
   585 	background: transparent;
       
   586 	border: 1px solid transparent;
       
   587 	box-shadow: none;
       
   588 	font-size: 14px;
       
   589 	line-height: 2;
       
   590 	width: 2.5rem;
       
   591 	min-width: 40px;
       
   592 	margin: 0;
       
   593 	padding: 0 9px;
       
   594 	position: absolute;
       
   595 	right: 0;
       
   596 	top: 0;
       
   597 }
       
   598 
       
   599 .mailserver-pass-wrap .button.wp-hide-pw:hover {
       
   600 	background: transparent;
       
   601 	border-color: transparent;
       
   602 }
       
   603 
       
   604 .mailserver-pass-wrap .button.wp-hide-pw:focus {
       
   605 	background: transparent;
       
   606 	border-color: #3582c4;
       
   607 	border-radius: 4px;
       
   608 	box-shadow: 0 0 0 1px #3582c4;
       
   609 	/* Only visible in Windows High Contrast mode */
       
   610 	outline: 2px solid transparent;
       
   611 }
       
   612 
       
   613 .mailserver-pass-wrap .button.wp-hide-pw:active {
       
   614 	background: transparent;
       
   615 	box-shadow: none;
       
   616 	transform: none;
   555 }
   617 }
   556 
   618 
   557 #misc-publishing-actions label {
   619 #misc-publishing-actions label {
   558 	vertical-align: baseline;
   620 	vertical-align: baseline;
   559 }
   621 }
   592 	background-color: #b8e6bf;
   654 	background-color: #b8e6bf;
   593 	border-color: #68de7c;
   655 	border-color: #68de7c;
   594 	opacity: 1;
   656 	opacity: 1;
   595 }
   657 }
   596 
   658 
       
   659 .password-input-wrapper {
       
   660 	display: inline-block;
       
   661 }
       
   662 
   597 .password-input-wrapper input {
   663 .password-input-wrapper input {
   598 	font-family: Consolas, Monaco, monospace;
   664 	font-family: Consolas, Monaco, monospace;
   599 }
   665 }
   600 
   666 
   601 #pass1.short, #pass1-text.short {
   667 #pass1.short, #pass1-text.short {
   610 	border-color: #f0c33c;
   676 	border-color: #f0c33c;
   611 }
   677 }
   612 
   678 
   613 #pass1.strong, #pass1-text.strong {
   679 #pass1.strong, #pass1-text.strong {
   614 	border-color: #68de7c;
   680 	border-color: #68de7c;
       
   681 }
       
   682 
       
   683 #pass1:focus,
       
   684 #pass1-text:focus {
       
   685 	box-shadow: 0 0 0 2px #2271b1;
       
   686 	/* Only visible in Windows High Contrast mode */
       
   687 	outline: 2px solid transparent;
   615 }
   688 }
   616 
   689 
   617 .pw-weak {
   690 .pw-weak {
   618 	display: none;
   691 	display: none;
   619 }
   692 }
   646 .show-password #pass1-text {
   719 .show-password #pass1-text {
   647 	display: inline-block;
   720 	display: inline-block;
   648 }
   721 }
   649 
   722 
   650 p.search-box {
   723 p.search-box {
       
   724 	display: flex;
       
   725 	flex-wrap: wrap;
       
   726 	align-items: center;
       
   727 	column-gap: 0.5rem;
       
   728 	position: relative;
   651 	float: left;
   729 	float: left;
   652 	margin: 0;
   730 	margin: 11px 0;
   653 }
   731 }
   654 
   732 
   655 .network-admin.themes-php p.search-box {
   733 .network-admin.themes-php p.search-box {
   656 	clear: right;
   734 	clear: right;
   657 }
   735 }
   670 
   748 
   671 input[type="text"].ui-autocomplete-loading,
   749 input[type="text"].ui-autocomplete-loading,
   672 input[type="email"].ui-autocomplete-loading {
   750 input[type="email"].ui-autocomplete-loading {
   673 	background-image: url(../images/loading.gif);
   751 	background-image: url(../images/loading.gif);
   674 	background-repeat: no-repeat;
   752 	background-repeat: no-repeat;
   675 	background-position: left center;
   753 	background-position: left 5px center;
   676 	visibility: visible;
   754 	visibility: visible;
   677 }
   755 }
   678 
   756 
   679 input.ui-autocomplete-input.open {
   757 input.ui-autocomplete-input.open {
   680 	border-bottom-color: transparent;
   758 	border-bottom-color: transparent;
   715 	color: #fff;
   793 	color: #fff;
   716 	/* Only visible in Windows High Contrast mode */
   794 	/* Only visible in Windows High Contrast mode */
   717 	outline: 2px solid transparent;
   795 	outline: 2px solid transparent;
   718 }
   796 }
   719 
   797 
       
   798 .button-add-site-icon {
       
   799 	width: 100%;
       
   800 	cursor: pointer;
       
   801 	text-align: center;
       
   802 	border: 1px dashed #c3c4c7;
       
   803 	box-sizing: border-box;
       
   804 	padding: 9px 0;
       
   805 	line-height: 1.6;
       
   806 	max-width: 270px;
       
   807 }
       
   808 
       
   809 .button-add-site-icon:focus,
       
   810 .button-add-site-icon:hover {
       
   811 	background: #fff;
       
   812 }
       
   813 
       
   814 .site-icon-section .favicon-preview {
       
   815 	float: right;
       
   816 }
       
   817 .site-icon-section .app-icon-preview {
       
   818 	float: right;
       
   819 	margin: 0 20px;
       
   820 }
       
   821 
       
   822 .site-icon-section .site-icon-preview img {
       
   823 	max-width: 100%;
       
   824 }
       
   825 
       
   826 .button-add-site-icon:focus {
       
   827 	background-color: #fff;
       
   828 	border-color: #3582c4;
       
   829 	border-style: solid;
       
   830 	box-shadow: 0 0 0 1px #3582c4;
       
   831 	outline: 2px solid transparent;
       
   832 }
       
   833 
   720 /*------------------------------------------------------------------------------
   834 /*------------------------------------------------------------------------------
   721   15.0 - Comments Screen
   835   15.0 - Comments Screen
   722 ------------------------------------------------------------------------------*/
   836 ------------------------------------------------------------------------------*/
   723 
   837 
   724 .form-table {
   838 .form-table {
   775 	margin-top: 1em;
   889 	margin-top: 1em;
   776 }
   890 }
   777 
   891 
   778 .form-table p.timezone-info {
   892 .form-table p.timezone-info {
   779 	margin: 1em 0;
   893 	margin: 1em 0;
       
   894 	display: flex;
       
   895 	flex-direction: column;
       
   896 }
       
   897 
       
   898 #local-time {
       
   899 	margin-top: 0.5em;
   780 }
   900 }
   781 
   901 
   782 .form-table td fieldset label {
   902 .form-table td fieldset label {
   783 	margin: 0.35em 0 0.5em !important;
   903 	margin: 0.35em 0 0.5em !important;
   784 	display: inline-block;
   904 	display: inline-block;
   853 .color-option.selected {
   973 .color-option.selected {
   854 	background: #dcdcde;
   974 	background: #dcdcde;
   855 }
   975 }
   856 
   976 
   857 .color-palette {
   977 .color-palette {
       
   978 	display: table;
   858 	width: 100%;
   979 	width: 100%;
   859 	border-spacing: 0;
   980 	border-spacing: 0;
   860 	border-collapse: collapse;
   981 	border-collapse: collapse;
   861 }
   982 }
       
   983 .color-palette .color-palette-shade,
   862 .color-palette td {
   984 .color-palette td {
       
   985 	display: table-cell;
   863 	height: 20px;
   986 	height: 20px;
   864 	padding: 0;
   987 	padding: 0;
   865 	border: none;
   988 	border: none;
   866 }
   989 }
   867 
   990 
   884 }
  1007 }
   885 
  1008 
   886 #application-passwords-section .notice {
  1009 #application-passwords-section .notice {
   887 	margin-top: 20px;
  1010 	margin-top: 20px;
   888 	margin-bottom: 0;
  1011 	margin-bottom: 0;
       
  1012 	word-wrap: break-word;
   889 }
  1013 }
   890 
  1014 
   891 .application-password-display input.code {
  1015 .application-password-display input.code {
   892 	width: 19em;
  1016 	width: 19em;
   893 }
  1017 }
  1061 	float: none;
  1185 	float: none;
  1062 	margin: -3px 3px 0;
  1186 	margin: -3px 3px 0;
  1063 }
  1187 }
  1064 
  1188 
  1065 .settings-php .language-install-spinner,
  1189 .settings-php .language-install-spinner,
  1066 .options-general-php .language-install-spinner {
  1190 .options-general-php .language-install-spinner,
       
  1191 .user-edit-php .language-install-spinner,
       
  1192 .profile-php .language-install-spinner {
  1067 	display: inline-block;
  1193 	display: inline-block;
  1068 	float: none;
  1194 	float: none;
  1069 	margin: -3px 5px 0;
  1195 	margin: -3px 5px 0;
  1070 	vertical-align: middle;
  1196 	vertical-align: middle;
  1071 }
  1197 }
  1072 
  1198 
       
  1199 .form-table.permalink-structure .available-structure-tags {
       
  1200 	margin-top: 8px;
       
  1201 }
       
  1202 
       
  1203 .form-table.permalink-structure .available-structure-tags ul {
       
  1204 	display: flex;
       
  1205 	flex-wrap: wrap;
       
  1206 	margin: 8px 0 0;
       
  1207 }
       
  1208 
  1073 .form-table.permalink-structure .available-structure-tags li {
  1209 .form-table.permalink-structure .available-structure-tags li {
  1074 	float: right;
  1210 	margin: 6px 0 0 5px;
  1075 	margin-left: 5px;
  1211 }
       
  1212 
       
  1213 .form-table.permalink-structure .available-structure-tags li:last-child {
       
  1214 	margin-left: 0;
       
  1215 }
       
  1216 
       
  1217 .form-table.permalink-structure .structure-selection .row {
       
  1218 	margin-bottom: 16px;
       
  1219 }
       
  1220 
       
  1221 .form-table.permalink-structure .structure-selection .row > div {
       
  1222 	max-width: calc(100% - 24px);
       
  1223 	display: inline-flex;
       
  1224 	flex-direction: column;
       
  1225 }
       
  1226 
       
  1227 .form-table.permalink-structure .structure-selection .row label {
       
  1228 	font-weight: 600;
       
  1229 }
       
  1230 
       
  1231 .form-table.permalink-structure .structure-selection .row p {
       
  1232 	margin-top: 0;
  1076 }
  1233 }
  1077 
  1234 
  1078 /*------------------------------------------------------------------------------
  1235 /*------------------------------------------------------------------------------
  1079   21.0 - Network Admin
  1236   21.0 - Network Admin
  1080 ------------------------------------------------------------------------------*/
  1237 ------------------------------------------------------------------------------*/
  1104 }
  1261 }
  1105 
  1262 
  1106 #search-users,
  1263 #search-users,
  1107 #search-sites {
  1264 #search-sites {
  1108 	max-width: 60%;
  1265 	max-width: 60%;
       
  1266 }
       
  1267 
       
  1268 .configuration-rules-label {
       
  1269 	font-weight: 600;
       
  1270 	margin-bottom: 4px;
  1109 }
  1271 }
  1110 
  1272 
  1111 /*------------------------------------------------------------------------------
  1273 /*------------------------------------------------------------------------------
  1112    Credentials check dialog for Install and Updates
  1274    Credentials check dialog for Install and Updates
  1113 ------------------------------------------------------------------------------*/
  1275 ------------------------------------------------------------------------------*/
  1482 
  1644 
  1483 	.export-filters li {
  1645 	.export-filters li {
  1484 		margin-bottom: 0;
  1646 		margin-bottom: 0;
  1485 	}
  1647 	}
  1486 
  1648 
       
  1649 	.form-table .color-palette .color-palette-shade,
  1487 	.form-table .color-palette td {
  1650 	.form-table .color-palette td {
  1488 		display: table-cell;
  1651 		display: table-cell;
  1489 		width: 15px;
  1652 		width: 15px;
  1490 	}
  1653 		height: 30px;
  1491 
  1654 		padding: 0;
  1492 	.form-table table.color-palette {
  1655 	}
       
  1656 
       
  1657 	.form-table .color-palette {
  1493 		margin-left: 10px;
  1658 		margin-left: 10px;
  1494 	}
  1659 	}
  1495 
  1660 
  1496 	textarea,
  1661 	textarea,
  1497 	input {
  1662 	input {
  1537 		width: 100%;
  1702 		width: 100%;
  1538 		box-sizing: border-box;
  1703 		box-sizing: border-box;
  1539 		padding: 8px;
  1704 		padding: 8px;
  1540 	}
  1705 	}
  1541 
  1706 
       
  1707 	.password-input-wrapper {
       
  1708 		display: block;
       
  1709 	}
       
  1710 
  1542 	p.search-box {
  1711 	p.search-box {
  1543 		float: none;
  1712 		float: none;
  1544 		position: absolute;
  1713 		width: 100%;
  1545 		bottom: 0;
       
  1546 		width: 98%;
       
  1547 		height: 90px;
       
  1548 		margin-bottom: 20px;
  1714 		margin-bottom: 20px;
       
  1715 		display: flex;
  1549 	}
  1716 	}
  1550 
  1717 
  1551 	p.search-box input[name="s"] {
  1718 	p.search-box input[name="s"] {
  1552 		float: none;
  1719 		float: none;
  1553 		width: 100%;
  1720 		width: 100%;
  1575 		margin-bottom: 0;
  1742 		margin-bottom: 0;
  1576 		padding: 4px 0 6px;
  1743 		padding: 4px 0 6px;
  1577 	}
  1744 	}
  1578 
  1745 
  1579 	.form-table.permalink-structure td code {
  1746 	.form-table.permalink-structure td code {
  1580 		margin-right: 32px;
       
  1581 		display: inline-block;
  1747 		display: inline-block;
  1582 	}
  1748 	}
  1583 
  1749 
       
  1750 	.form-table.permalink-structure .structure-selection {
       
  1751 		margin-top: 8px;
       
  1752 	}
       
  1753 
       
  1754 	.form-table.permalink-structure .structure-selection .row > div {
       
  1755 		max-width: calc(100% - 36px);
       
  1756 		width: 100%;
       
  1757 	}
       
  1758 
  1584 	.form-table.permalink-structure td input[type="text"] {
  1759 	.form-table.permalink-structure td input[type="text"] {
  1585 		margin-right: 32px;
       
  1586 		margin-top: 4px;
  1760 		margin-top: 4px;
  1587 		width: 96%;
       
  1588 	}
  1761 	}
  1589 
  1762 
  1590 	.form-table input.regular-text {
  1763 	.form-table input.regular-text {
  1591 		width: 100%;
  1764 		width: 100%;
  1592 	}
  1765 	}
  1593 
  1766 
  1594 	.form-table label {
  1767 	.form-table label {
  1595 		font-size: 14px;
  1768 		font-size: 14px;
  1596 	}
  1769 	}
  1597 
  1770 
       
  1771 	.form-table td > label:first-child {
       
  1772 		display: inline-block;
       
  1773 		margin-top: 0.35em;
       
  1774 	}
       
  1775 
  1598 	.background-position-control .button-group > label {
  1776 	.background-position-control .button-group > label {
  1599 		font-size: 0;
  1777 		font-size: 0;
  1600 	}
  1778 	}
  1601 
  1779 
  1602 	.form-table fieldset label {
  1780 	.form-table fieldset label {
  1603 		display: block;
  1781 		display: block;
  1604 	}
       
  1605 
       
  1606 	#utc-time,
       
  1607 	#local-time {
       
  1608 		display: block;
       
  1609 		float: none;
       
  1610 		margin-top: 0.5em;
       
  1611 	}
  1782 	}
  1612 
  1783 
  1613 	.form-field #domain {
  1784 	.form-field #domain {
  1614 		max-width: none;
  1785 		max-width: none;
  1615 	}
  1786 	}
  1642 
  1813 
  1643 	.wp-pwd button.wp-hide-pw {
  1814 	.wp-pwd button.wp-hide-pw {
  1644 		left: 2.5rem;
  1815 		left: 2.5rem;
  1645 	}
  1816 	}
  1646 
  1817 
       
  1818 	body.user-new-php .wp-pwd button.wp-hide-pw {
       
  1819 		left: 0;
       
  1820 	}
       
  1821 
  1647 	.wp-pwd button.button:hover,
  1822 	.wp-pwd button.button:hover,
  1648 	.wp-pwd button.button:focus {
  1823 	.wp-pwd button.button:focus {
  1649 		background: transparent;
  1824 		background: transparent;
  1650 	}
  1825 	}
  1651 
  1826 
  1663 	.wp-pwd [type="password"] {
  1838 	.wp-pwd [type="password"] {
  1664 		line-height: 2;
  1839 		line-height: 2;
  1665 		padding-left: 5rem;
  1840 		padding-left: 5rem;
  1666 	}
  1841 	}
  1667 
  1842 
       
  1843 	body.user-new-php .wp-pwd [type="text"],
       
  1844 	body.user-new-php .wp-pwd [type="password"] {
       
  1845 		padding-left: 2.5rem;
       
  1846 	}
       
  1847 
  1668 	.wp-cancel-pw .dashicons-no {
  1848 	.wp-cancel-pw .dashicons-no {
  1669 		display: inline-block;
  1849 		display: inline-block;
       
  1850 	}
       
  1851 
       
  1852 	.mailserver-pass-wrap .wp-pwd {
       
  1853 		display: block;
       
  1854 	}
       
  1855 
       
  1856 	/* rtl:ignore */
       
  1857 	#mailserver_pass {
       
  1858 		padding-left: 10px;
  1670 	}
  1859 	}
  1671 
  1860 
  1672 	.options-general-php input[type="text"].small-text {
  1861 	.options-general-php input[type="text"].small-text {
  1673 		max-width: 6.25em;
  1862 		max-width: 6.25em;
  1674 		margin: 0;
  1863 		margin: 0;