wp/wp-admin/css/forms-rtl.css
changeset 9 177826044cd9
parent 7 cf61fcea0001
child 16 a86126ab1dd4
equal deleted inserted replaced
8:c7c34916027a 9:177826044cd9
    22 input[type="url"],
    22 input[type="url"],
    23 input[type="week"],
    23 input[type="week"],
    24 select,
    24 select,
    25 textarea {
    25 textarea {
    26 	border: 1px solid #ddd;
    26 	border: 1px solid #ddd;
    27 	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
    27 	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    28 	background-color: #fff;
    28 	background-color: #fff;
    29 	color: #32373c;
    29 	color: #32373c;
    30 	outline: none;
    30 	outline: none;
    31 	transition: 0.05s border-color ease-in-out;
    31 	transition: 0.05s border-color ease-in-out;
    32 }
    32 }
    49 input[type="checkbox"]:focus,
    49 input[type="checkbox"]:focus,
    50 input[type="radio"]:focus,
    50 input[type="radio"]:focus,
    51 select:focus,
    51 select:focus,
    52 textarea:focus {
    52 textarea:focus {
    53 	border-color: #5b9dd9;
    53 	border-color: #5b9dd9;
    54 	box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
    54 	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
       
    55 	/* Only visible in Windows High Contrast mode */
       
    56 	outline: 2px solid transparent;
    55 }
    57 }
    56 
    58 
    57 /* rtl:ignore */
    59 /* rtl:ignore */
    58 input[type="email"],
    60 input[type="email"],
    59 input[type="url"] {
    61 input[type="url"] {
    82 	text-align: center;
    84 	text-align: center;
    83 	vertical-align: middle;
    85 	vertical-align: middle;
    84 	width: 16px;
    86 	width: 16px;
    85 	min-width: 16px;
    87 	min-width: 16px;
    86 	-webkit-appearance: none;
    88 	-webkit-appearance: none;
    87 	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
    89 	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    88 	transition: .05s border-color ease-in-out;
    90 	transition: .05s border-color ease-in-out;
    89 }
    91 }
    90 
    92 
    91 input[type="radio"]:checked + label:before {
    93 input[type="radio"]:checked + label:before {
    92 	color: #82878c;
    94 	color: #82878c;
   226 ::-webkit-input-placeholder {
   228 ::-webkit-input-placeholder {
   227 	color: #72777c;
   229 	color: #72777c;
   228 }
   230 }
   229 
   231 
   230 ::-moz-placeholder {
   232 ::-moz-placeholder {
   231    color: #72777c;
   233 	color: #72777c;
   232    opacity: 1;
   234 	opacity: 1;
   233 }
   235 }
   234 
   236 
   235 :-ms-input-placeholder {
   237 :-ms-input-placeholder {
   236 	color: #72777c;
   238 	color: #72777c;
   237 }
   239 }
   238 
   240 
   239 .form-invalid input, .form-invalid input:focus,
   241 .form-invalid input,
   240 .form-invalid select, .form-invalid select:focus {
   242 .form-invalid input:focus,
       
   243 .form-invalid select,
       
   244 .form-invalid select:focus {
   241 	border-color: #dc3232 !important;
   245 	border-color: #dc3232 !important;
   242  box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
   246 	box-shadow: 0 0 2px rgba(204, 0, 0, 0.8);
   243 }
   247 }
   244 
   248 
   245 .form-table .form-required.form-invalid td:after {
   249 .form-table .form-required.form-invalid td:after {
   246 	content: "\f534";
   250 	content: "\f534";
   247 	font: normal 20px/1 dashicons;
   251 	font: normal 20px/1 dashicons;
   250 	vertical-align: middle;
   254 	vertical-align: middle;
   251 }
   255 }
   252 
   256 
   253 /* Adjust error indicator for password layout */
   257 /* Adjust error indicator for password layout */
   254 .form-table .form-required.user-pass1-wrap.form-invalid td:after {
   258 .form-table .form-required.user-pass1-wrap.form-invalid td:after {
   255 	content: '';
   259 	content: "";
   256 }
   260 }
   257 
   261 
   258 .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after {
   262 .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after {
   259 	content: '\f534';
   263 	content: "\f534";
   260 	font: normal 20px/1 dashicons;
   264 	font: normal 20px/1 dashicons;
   261 	color: #dc3232;
   265 	color: #dc3232;
   262 	margin: 0 -29px 0 6px;
   266 	margin: 0 -29px 0 6px;
   263 	vertical-align: middle;
   267 	vertical-align: middle;
   264 }
   268 }
   271 input.disabled,
   275 input.disabled,
   272 select:disabled,
   276 select:disabled,
   273 select.disabled,
   277 select.disabled,
   274 textarea:disabled,
   278 textarea:disabled,
   275 textarea.disabled {
   279 textarea.disabled {
   276 	background: rgba( 255, 255, 255, 0.5 );
   280 	background: rgba(255, 255, 255, 0.5);
   277 	border-color: rgba( 222, 222, 222, 0.75 );
   281 	border-color: rgba(222, 222, 222, 0.75);
   278 	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
   282 	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
   279 	color: rgba( 51, 51, 51, 0.5 );
   283 	color: rgba(51, 51, 51, 0.5);
   280 }
   284 }
   281 
   285 
   282 input[type="file"]:disabled,
   286 input[type="file"]:disabled,
   283 input[type="file"].disabled,
   287 input[type="file"].disabled,
   284 input[type="range"]:disabled,
   288 input[type="range"]:disabled,
   421 
   425 
   422 #timezone_string option {
   426 #timezone_string option {
   423 	margin-right: 1em;
   427 	margin-right: 1em;
   424 }
   428 }
   425 
   429 
   426 button.wp-hide-pw > .dashicons {
   430 .wp-hide-pw > .dashicons,
       
   431 .wp-cancel-pw > .dashicons {
   427 	position: relative;
   432 	position: relative;
   428 	top: 3px;
   433 	top: 3px;
       
   434 }
       
   435 
       
   436 .wp-cancel-pw .dashicons-no {
       
   437 	display: none;
   429 }
   438 }
   430 
   439 
   431 label,
   440 label,
   432 #your-profile label + a {
   441 #your-profile label + a {
   433 	vertical-align: middle;
   442 	vertical-align: middle;
   453 
   462 
   454 #pass-strength-result {
   463 #pass-strength-result {
   455 	background-color: #eee;
   464 	background-color: #eee;
   456 	border: 1px solid #ddd;
   465 	border: 1px solid #ddd;
   457 	color: #23282d;
   466 	color: #23282d;
   458 	margin: -2px 1px 5px 5px;
   467 	margin: -1px 1px 5px;
   459 	padding: 3px 5px;
   468 	padding: 3px 5px;
   460 	text-align: center;
   469 	text-align: center;
   461 	width: 25em;
   470 	width: 25em;
   462 	box-sizing: border-box;
   471 	box-sizing: border-box;
   463 	opacity: 0;
   472 	opacity: 0;
   502 #pass1.strong, #pass1-text.strong {
   511 #pass1.strong, #pass1-text.strong {
   503 	border-color: #83c373;
   512 	border-color: #83c373;
   504 }
   513 }
   505 
   514 
   506 .pw-weak {
   515 .pw-weak {
   507 	display:none;
   516 	display: none;
   508 }
   517 }
   509 
   518 
   510 .indicator-hint {
   519 .indicator-hint {
   511 	padding-top: 8px;
   520 	padding-top: 8px;
       
   521 }
       
   522 
       
   523 .wp-pwd [type="text"],
       
   524 .wp-pwd [type="password"] {
       
   525 	margin-bottom: 0;
       
   526 	/* Same height as the buttons */
       
   527 	line-height: 20px;
       
   528 	min-height: 28px;
       
   529 	max-height: 40px;
   512 }
   530 }
   513 
   531 
   514 #pass1-text,
   532 #pass1-text,
   515 .show-password #pass1 {
   533 .show-password #pass1 {
   516 	display: none;
   534 	display: none;
   517 }
   535 }
   518 
   536 
   519 .show-password #pass1-text
   537 #pass1-text::-ms-clear {
   520 {
   538 	display: none;
       
   539 }
       
   540 
       
   541 .show-password #pass1-text {
   521 	display: inline-block;
   542 	display: inline-block;
   522 }
       
   523 
       
   524 .form-table span.description.important {
       
   525 	font-size: 12px;
       
   526 }
   543 }
   527 
   544 
   528 p.search-box {
   545 p.search-box {
   529 	float: left;
   546 	float: left;
   530 	margin: 0;
   547 	margin: 0;
   573 	margin: 0;
   590 	margin: 0;
   574 	list-style: none;
   591 	list-style: none;
   575 	position: absolute;
   592 	position: absolute;
   576 	z-index: 10000;
   593 	z-index: 10000;
   577 	border: 1px solid #5b9dd9;
   594 	border: 1px solid #5b9dd9;
   578 	box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
   595 	box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8);
   579 	background-color: #fff;
   596 	background-color: #fff;
   580 }
   597 }
   581 
   598 
   582 .ui-autocomplete li {
   599 .ui-autocomplete li {
   583 	margin-bottom: 0;
   600 	margin-bottom: 0;
   776 	margin-top: 20px;
   793 	margin-top: 20px;
   777 	padding: 0.7em 2em 1em;
   794 	padding: 0.7em 2em 1em;
   778 	min-width: 255px;
   795 	min-width: 255px;
   779 	max-width: 520px;
   796 	max-width: 520px;
   780 	border: 1px solid #e5e5e5;
   797 	border: 1px solid #e5e5e5;
   781 	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
   798 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
   782 	background: #fff;
   799 	background: #fff;
       
   800 	box-sizing: border-box;
   783 }
   801 }
   784 
   802 
   785 /* Press this styles */
   803 /* Press this styles */
   786 
   804 
   787 .pressthis h4 {
   805 .pressthis h4 {
   832 	z-index: -1;
   850 	z-index: -1;
   833 	position: absolute;
   851 	position: absolute;
   834 	left: 10px;
   852 	left: 10px;
   835 	bottom: 9px;
   853 	bottom: 9px;
   836 	background: transparent;
   854 	background: transparent;
   837 	-webkit-transform: skew(-20deg) rotate(-6deg);
       
   838 	transform: skew(-20deg) rotate(-6deg);
   855 	transform: skew(-20deg) rotate(-6deg);
   839 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
   856 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
   840 }
   857 }
   841 
   858 
   842 .pressthis-bookmarklet:hover:after {
   859 .pressthis-bookmarklet:hover:after {
   843 	-webkit-transform: skew(-20deg) rotate(-9deg);
       
   844 	transform: skew(-20deg) rotate(-9deg);
   860 	transform: skew(-20deg) rotate(-9deg);
   845 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
   861 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
   846 }
   862 }
   847 
   863 
   848 .pressthis-bookmarklet span {
   864 .pressthis-bookmarklet span {
   972 .request-filesystem-credentials-dialog-content {
   988 .request-filesystem-credentials-dialog-content {
   973 	margin: 25px;
   989 	margin: 25px;
   974 }
   990 }
   975 
   991 
   976 #request-filesystem-credentials-title {
   992 #request-filesystem-credentials-title {
   977     font-size: 1.3em;
   993 	font-size: 1.3em;
   978     margin: 1em 0;
   994 	margin: 1em 0;
   979 }
   995 }
   980 
   996 
   981 .request-filesystem-credentials-form legend {
   997 .request-filesystem-credentials-form legend {
   982 	font-size: 1em;
   998 	font-size: 1em;
   983 	padding: 1.33em 0;
   999 	padding: 1.33em 0;
  1110 }
  1126 }
  1111 
  1127 
  1112 .privacy_requests tbody th {
  1128 .privacy_requests tbody th {
  1113 	border-right: 4px solid #fff;
  1129 	border-right: 4px solid #fff;
  1114 	background: #fff;
  1130 	background: #fff;
  1115 	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
  1131 	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  1116 }
  1132 }
  1117 
  1133 
  1118 .privacy_requests tbody .has-request-results th {
  1134 .privacy_requests tbody .has-request-results th {
  1119 	box-shadow: none;
  1135 	box-shadow: none;
  1120 }
  1136 }
  1123 	margin: 0 0 5px;
  1139 	margin: 0 0 5px;
  1124 }
  1140 }
  1125 
  1141 
  1126 .privacy_requests tbody td {
  1142 .privacy_requests tbody td {
  1127 	background: #fff;
  1143 	background: #fff;
  1128 	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
  1144 	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  1129 }
  1145 }
  1130 
  1146 
  1131 .privacy_requests tbody .has-request-results td {
  1147 .privacy_requests tbody .has-request-results td {
  1132 	box-shadow: none;
  1148 	box-shadow: none;
  1133 }
  1149 }
  1155 .privacy_requests .export_personal_data_failed a {
  1171 .privacy_requests .export_personal_data_failed a {
  1156 	vertical-align: baseline;
  1172 	vertical-align: baseline;
  1157 }
  1173 }
  1158 
  1174 
  1159 .status-label {
  1175 .status-label {
  1160 	font-weight: bold;
  1176 	font-weight: 600;
  1161 }
  1177 }
  1162 
  1178 
  1163 .status-label.status-request-pending {
  1179 .status-label.status-request-pending {
  1164 	font-weight: normal;
  1180 	font-weight: 400;
  1165 	font-style: italic;
  1181 	font-style: italic;
  1166 	color: #6c7781;
  1182 	color: #6c7781;
  1167 }
  1183 }
  1168 
  1184 
  1169 .status-label.status-request-failed {
  1185 .status-label.status-request-failed {
  1170 	color: #aa0000;
  1186 	color: #aa0000;
  1171 	font-weight: bold;
  1187 	font-weight: 600;
  1172 }
  1188 }
  1173 
  1189 
  1174 .wp-privacy-request-form {
  1190 .wp-privacy-request-form {
  1175 	clear: both;
  1191 	clear: both;
  1176 }
  1192 }
  1178 .wp-privacy-request-form-field {
  1194 .wp-privacy-request-form-field {
  1179 	margin: 1.5em 0;
  1195 	margin: 1.5em 0;
  1180 }
  1196 }
  1181 
  1197 
  1182 .wp-privacy-request-form label {
  1198 .wp-privacy-request-form label {
  1183 	font-weight: bold;
  1199 	font-weight: 600;
  1184 	line-height: 1.5;
  1200 	line-height: 1.5;
  1185 	padding-bottom: .5em;
  1201 	padding-bottom: .5em;
  1186 	display: block;
  1202 	display: block;
  1187 }
  1203 }
  1188 
  1204 
  1202 }
  1218 }
  1203 
  1219 
  1204 .email-personal-data--sending::before {
  1220 .email-personal-data--sending::before {
  1205 	color: #f56e28;
  1221 	color: #f56e28;
  1206 	content: "\f463";
  1222 	content: "\f463";
  1207 	-webkit-animation: rotation 2s infinite linear;
       
  1208 	animation: rotation 2s infinite linear;
  1223 	animation: rotation 2s infinite linear;
  1209 }
  1224 }
  1210 
  1225 
  1211 .email-personal-data--sent::before {
  1226 .email-personal-data--sent::before {
  1212 	color: #79ba49;
  1227 	color: #79ba49;
  1215 
  1230 
  1216 
  1231 
  1217 /* =Media Queries
  1232 /* =Media Queries
  1218 -------------------------------------------------------------- */
  1233 -------------------------------------------------------------- */
  1219 
  1234 
  1220 @media screen and ( max-width: 782px ) {
  1235 @media screen and (max-width: 782px) {
  1221 	/* Input Elements */
  1236 	/* Input Elements */
  1222 	textarea {
  1237 	textarea {
  1223 		-webkit-appearance: none;
  1238 		-webkit-appearance: none;
  1224 	}
  1239 	}
  1225 
  1240 
  1459 		position: relative;
  1474 		position: relative;
  1460 	}
  1475 	}
  1461 
  1476 
  1462 	.wp-pwd [type="text"],
  1477 	.wp-pwd [type="text"],
  1463 	.wp-pwd [type="password"] {
  1478 	.wp-pwd [type="password"] {
  1464 		padding-left: 40px;
  1479 		padding-left: 88px;
  1465 	}
  1480 	}
  1466 
  1481 
  1467 	.wp-pwd button.button {
  1482 	.wp-pwd button.button {
  1468 		background: transparent;
  1483 		background: transparent;
  1469 		border: none;
  1484 		border: 1px solid transparent;
  1470 		box-shadow: none;
  1485 		box-shadow: none;
  1471 		line-height: 2;
  1486 		line-height: 2;
  1472 		margin: 0;
  1487 		margin: 0;
  1473 		padding: 5px 10px;
  1488 		padding: 5px 9px;
  1474 		position: absolute;
  1489 		position: absolute;
  1475 		left: 0;
  1490 		left: 0;
  1476 		top: 0;
  1491 		top: 0;
  1477 	}
  1492 	}
  1478 
  1493 
       
  1494 	.wp-pwd button.wp-hide-pw {
       
  1495 		left: 40px;
       
  1496 	}
       
  1497 
  1479 	.wp-pwd button.button:hover,
  1498 	.wp-pwd button.button:hover,
  1480 	.wp-pwd button.button:focus,
  1499 	.wp-pwd button.button:focus {
       
  1500 		background: transparent;
       
  1501 	}
       
  1502 
  1481 	.wp-pwd button.button:active {
  1503 	.wp-pwd button.button:active {
  1482 		background: transparent;
  1504 		background: transparent;
       
  1505 		box-shadow: none;
       
  1506 		transform: none;
  1483 	}
  1507 	}
  1484 
  1508 
  1485 	.wp-pwd .button .text {
  1509 	.wp-pwd .button .text {
  1486 		display: none;
  1510 		display: none;
       
  1511 	}
       
  1512 
       
  1513 	.wp-cancel-pw .dashicons-no {
       
  1514 		display: inline-block;
  1487 	}
  1515 	}
  1488 
  1516 
  1489 	.options-general-php input[type="text"].small-text {
  1517 	.options-general-php input[type="text"].small-text {
  1490 		max-width: 6.25em;
  1518 		max-width: 6.25em;
  1491 		margin: 0;
  1519 		margin: 0;
  1492 	}
  1520 	}
  1493 
  1521 
  1494 	/* Privacy Policy settings screen */
  1522 	/* Privacy Policy settings screen */
  1495 	.tools-privacy-policy-page form.wp-create-privacy-page {
  1523 	.tools-privacy-policy-page form.wp-create-privacy-page {
  1496 	    margin-bottom: 1em;
  1524 		margin-bottom: 1em;
  1497 	}
  1525 	}
  1498 
  1526 
  1499  	.tools-privacy-policy-page input#set-page,
  1527 	.tools-privacy-policy-page input#set-page,
  1500 	.tools-privacy-policy-page select {
  1528 	.tools-privacy-policy-page select {
  1501 		margin: 10px 0 0;
  1529 		margin: 10px 0 0;
  1502 	}
  1530 	}
  1503 
  1531 
  1504 	.tools-privacy-policy-page .wp-create-privacy-page span {
  1532 	.tools-privacy-policy-page .wp-create-privacy-page span {
  1505 	    display: block;
  1533 		display: block;
  1506 	    margin-bottom: 1em;
  1534 		margin-bottom: 1em;
  1507 	}
  1535 	}
  1508 
  1536 
  1509 	.tools-privacy-policy-page .wp-create-privacy-page .button {
  1537 	.tools-privacy-policy-page .wp-create-privacy-page .button {
  1510 	    margin-right: 0;
  1538 		margin-right: 0;
  1511 	}
  1539 	}
  1512 
  1540 
  1513 	.wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) {
  1541 	.wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) {
  1514 		display: table-cell;
  1542 		display: table-cell;
  1515 	}
  1543 	}
  1516 
  1544 
  1517 	.wp-list-table.privacy_requests.widefat th input,
  1545 	.wp-list-table.privacy_requests.widefat th input,
  1518 	.wp-list-table.privacy_requests.widefat thead td input {
  1546 	.wp-list-table.privacy_requests.widefat thead td input {
  1519 		margin-right: 5px;
  1547 		margin-right: 5px;
       
  1548 	}
       
  1549 	.regular-text {
       
  1550 		max-width: 100%;
  1520 	}
  1551 	}
  1521 }
  1552 }
  1522 
  1553 
  1523 @media only screen and (max-width: 768px) {
  1554 @media only screen and (max-width: 768px) {
  1524 	.form-field input[type="text"],
  1555 	.form-field input[type="text"],
  1528 	.form-field textarea {
  1559 	.form-field textarea {
  1529 		width: 99%;
  1560 		width: 99%;
  1530 	}
  1561 	}
  1531 
  1562 
  1532 	.form-wrap .form-field {
  1563 	.form-wrap .form-field {
  1533 		padding:0;
  1564 		padding: 0;
  1534 	}
       
  1535 
       
  1536 	/* users */
       
  1537 	#profile-page .form-table textarea {
       
  1538 		max-width: 400px;
       
  1539 		width: auto;
       
  1540 	}
  1565 	}
  1541 }
  1566 }
  1542 
  1567 
  1543 @media only screen and (max-height: 480px), screen and (max-width: 450px) {
  1568 @media only screen and (max-height: 480px), screen and (max-width: 450px) {
  1544 	/*  Request Credentials / File Editor Warning */
  1569 	/* Request Credentials / File Editor Warning */
  1545 	.request-filesystem-credentials-dialog .notification-dialog,
  1570 	.request-filesystem-credentials-dialog .notification-dialog,
  1546 	.file-editor-warning .notification-dialog {
  1571 	.file-editor-warning .notification-dialog {
  1547 		width: 100%;
  1572 		width: 100%;
  1548 		height: 100%;
  1573 		height: 100%;
  1549 		max-height: 100%;
  1574 		max-height: 100%;
  1567 		min-width: 0;
  1592 		min-width: 0;
  1568 		margin-left: 0.5em;
  1593 		margin-left: 0.5em;
  1569 	}
  1594 	}
  1570 }
  1595 }
  1571 
  1596 
  1572 @-webkit-keyframes rotation {
       
  1573 	0% {
       
  1574 		-webkit-transform: rotate(0deg);
       
  1575 		transform: rotate(0deg);
       
  1576 	}
       
  1577 	100% {
       
  1578 		-webkit-transform: rotate(-359deg);
       
  1579 		transform: rotate(-359deg);
       
  1580 	}
       
  1581 }
       
  1582 
       
  1583 @keyframes rotation {
  1597 @keyframes rotation {
  1584 	0% {
  1598 	0% {
  1585 		-webkit-transform: rotate(0deg);
       
  1586 		transform: rotate(0deg);
  1599 		transform: rotate(0deg);
  1587 	}
  1600 	}
  1588 	100% {
  1601 	100% {
  1589 		-webkit-transform: rotate(-359deg);
       
  1590 		transform: rotate(-359deg);
  1602 		transform: rotate(-359deg);
  1591 	}
  1603 	}
  1592 }
  1604 }