wp/wp-admin/css/forms.css
changeset 7 cf61fcea0001
parent 5 5e2f62d02dcd
child 9 177826044cd9
equal deleted inserted replaced
6:490d5cc509ed 7:cf61fcea0001
     1 /* Include margin and padding in the width calculation of input and textarea. */
     1 /* Include margin and padding in the width calculation of input and textarea. */
     2 input,
     2 input,
     3 textarea {
     3 textarea {
     4 	-webkit-box-sizing: border-box;
       
     5 	-moz-box-sizing: border-box;
       
     6 	box-sizing: border-box;
     4 	box-sizing: border-box;
     7 }
     5 }
     8 
     6 
     9 input[type="text"],
     7 input[type="text"],
    10 input[type="password"],
     8 input[type="password"],
    14 input[type="datetime"],
    12 input[type="datetime"],
    15 input[type="datetime-local"],
    13 input[type="datetime-local"],
    16 input[type="email"],
    14 input[type="email"],
    17 input[type="month"],
    15 input[type="month"],
    18 input[type="number"],
    16 input[type="number"],
    19 input[type="password"],
       
    20 input[type="search"],
    17 input[type="search"],
    21 input[type="radio"],
    18 input[type="radio"],
    22 input[type="tel"],
    19 input[type="tel"],
    23 input[type="text"],
    20 input[type="text"],
    24 input[type="time"],
    21 input[type="time"],
    25 input[type="url"],
    22 input[type="url"],
    26 input[type="week"],
    23 input[type="week"],
    27 select,
    24 select,
    28 textarea {
    25 textarea {
    29 	border: 1px solid #ddd;
    26 	border: 1px solid #ddd;
    30 	-webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
       
    31 	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 );
    32 	background-color: #fff;
    28 	background-color: #fff;
    33 	color: #32373c;
    29 	color: #32373c;
    34 	outline: none;
    30 	outline: none;
    35 	-webkit-transition: 0.05s border-color ease-in-out;
       
    36 	transition: 0.05s border-color ease-in-out;
    31 	transition: 0.05s border-color ease-in-out;
    37 }
    32 }
    38 
    33 
    39 input[type="text"]:focus,
    34 input[type="text"]:focus,
    40 input[type="password"]:focus,
    35 input[type="password"]:focus,
    43 input[type="datetime"]:focus,
    38 input[type="datetime"]:focus,
    44 input[type="datetime-local"]:focus,
    39 input[type="datetime-local"]:focus,
    45 input[type="email"]:focus,
    40 input[type="email"]:focus,
    46 input[type="month"]:focus,
    41 input[type="month"]:focus,
    47 input[type="number"]:focus,
    42 input[type="number"]:focus,
    48 input[type="password"]:focus,
       
    49 input[type="search"]:focus,
    43 input[type="search"]:focus,
    50 input[type="tel"]:focus,
    44 input[type="tel"]:focus,
    51 input[type="text"]:focus,
    45 input[type="text"]:focus,
    52 input[type="time"]:focus,
    46 input[type="time"]:focus,
    53 input[type="url"]:focus,
    47 input[type="url"]:focus,
    55 input[type="checkbox"]:focus,
    49 input[type="checkbox"]:focus,
    56 input[type="radio"]:focus,
    50 input[type="radio"]:focus,
    57 select:focus,
    51 select:focus,
    58 textarea:focus {
    52 textarea:focus {
    59 	border-color: #5b9dd9;
    53 	border-color: #5b9dd9;
    60 	-webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
       
    61 	box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
    54 	box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
    62 }
    55 }
    63 
    56 
    64 /* rtl:ignore */
    57 /* rtl:ignore */
    65 input[type="email"],
    58 input[type="email"],
    66 input[type="url"] {
    59 input[type="url"] {
    67 	direction: ltr;
    60 	direction: ltr;
       
    61 }
       
    62 
       
    63 /* Vertically align the number selector with the input. */
       
    64 input[type="number"] {
       
    65 	height: 28px;
       
    66 	line-height: 1;
    68 }
    67 }
    69 
    68 
    70 input[type="checkbox"],
    69 input[type="checkbox"],
    71 input[type="radio"] {
    70 input[type="radio"] {
    72 	border: 1px solid #b4b9be;
    71 	border: 1px solid #b4b9be;
    83 	text-align: center;
    82 	text-align: center;
    84 	vertical-align: middle;
    83 	vertical-align: middle;
    85 	width: 16px;
    84 	width: 16px;
    86 	min-width: 16px;
    85 	min-width: 16px;
    87 	-webkit-appearance: none;
    86 	-webkit-appearance: none;
    88 	-webkit-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 );
    87 	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
    90 	-webkit-transition: .05s border-color ease-in-out;
       
    91 	transition: .05s border-color ease-in-out;
    88 	transition: .05s border-color ease-in-out;
    92 }
    89 }
    93 
    90 
    94 input[type="radio"]:checked + label:before {
    91 input[type="radio"]:checked + label:before {
    95 	color: #82878c;
    92 	color: #82878c;
   113 .wp-admin p label input[type="radio"] {
   110 .wp-admin p label input[type="radio"] {
   114 	margin-top: -2px;
   111 	margin-top: -2px;
   115 }
   112 }
   116 
   113 
   117 input[type="radio"] {
   114 input[type="radio"] {
   118 	-webkit-border-radius: 50%;
       
   119 	border-radius: 50%;
   115 	border-radius: 50%;
   120 	margin-right: 4px;
   116 	margin-right: 4px;
   121 	line-height: 10px;
   117 	line-height: 10px;
   122 }
   118 }
   123 
   119 
   125 input[type="radio"]:checked:before {
   121 input[type="radio"]:checked:before {
   126 	float: left;
   122 	float: left;
   127 	display: inline-block;
   123 	display: inline-block;
   128 	vertical-align: middle;
   124 	vertical-align: middle;
   129 	width: 16px;
   125 	width: 16px;
   130 	font: normal 21px/1 'dashicons';
   126 	font: normal 21px/1 dashicons;
   131 	speak: none;
   127 	speak: none;
   132 	-webkit-font-smoothing: antialiased;
   128 	-webkit-font-smoothing: antialiased;
   133 	-moz-osx-font-smoothing: grayscale;
   129 	-moz-osx-font-smoothing: grayscale;
   134 }
   130 }
   135 
   131 
   136 input[type="checkbox"]:checked:before {
   132 input[type="checkbox"]:checked:before {
   137 	content: '\f147';
   133 	content: "\f147";
   138 	margin: -3px 0 0 -4px;
   134 	margin: -3px 0 0 -4px;
   139 	color: #1e8cbe;
   135 	color: #1e8cbe;
   140 }
   136 }
   141 
   137 
   142 input[type="radio"]:checked:before {
   138 input[type="radio"]:checked:before {
   143 	content: '\2022';
   139 	content: "\2022";
   144 	text-indent: -9999px;
   140 	text-indent: -9999px;
   145 	-webkit-border-radius: 50px;
       
   146 	border-radius: 50px;
   141 	border-radius: 50px;
   147 	font-size: 24px;
   142 	font-size: 24px;
   148 	width: 6px;
   143 	width: 6px;
   149 	height: 6px;
   144 	height: 6px;
   150 	margin: 4px;
   145 	margin: 4px;
   185 textarea,
   180 textarea,
   186 input,
   181 input,
   187 select {
   182 select {
   188 	font-size: 14px;
   183 	font-size: 14px;
   189 	padding: 3px 5px;
   184 	padding: 3px 5px;
   190 	-webkit-border-radius: 0;
       
   191 	border-radius: 0; /* Reset mobile webkit's default element styling */
   185 	border-radius: 0; /* Reset mobile webkit's default element styling */
   192 }
   186 }
   193 
   187 
   194 textarea {
   188 textarea {
   195 	overflow: auto;
   189 	overflow: auto;
   196 	padding: 2px 6px;
   190 	padding: 2px 6px;
   197 	line-height: 1.4;
   191 	line-height: 1.4;
       
   192 	resize: vertical;
   198 }
   193 }
   199 
   194 
   200 .wp-admin input[type="file"] {
   195 .wp-admin input[type="file"] {
   201 	padding: 3px 0;
   196 	padding: 3px 0;
       
   197 	cursor: pointer;
   202 }
   198 }
   203 
   199 
   204 label {
   200 label {
   205 	cursor: pointer;
   201 	cursor: pointer;
   206 }
   202 }
   225 textarea.readonly,
   221 textarea.readonly,
   226 textarea[readonly] {
   222 textarea[readonly] {
   227 	background-color: #eee;
   223 	background-color: #eee;
   228 }
   224 }
   229 
   225 
   230 :-moz-placeholder,
   226 ::-webkit-input-placeholder {
   231 .wp-core-ui :-moz-placeholder {
   227 	color: #72777c;
   232    color: #a9a9a9;
   228 }
   233 }
   229 
   234 
   230 ::-moz-placeholder {
   235 .form-invalid {
   231    color: #72777c;
   236 	background-color: #ffebe8 !important;
   232    opacity: 1;
   237 }
   233 }
   238 
   234 
   239 .form-invalid input,
   235 :-ms-input-placeholder {
   240 .form-invalid select {
   236 	color: #72777c;
   241 	border-color: #c00 !important;
   237 }
       
   238 
       
   239 .form-invalid input, .form-invalid input:focus,
       
   240 .form-invalid select, .form-invalid select:focus {
       
   241 	border-color: #dc3232 !important;
       
   242  box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
       
   243 }
       
   244 
       
   245 .form-table .form-required.form-invalid td:after {
       
   246 	content: "\f534";
       
   247 	font: normal 20px/1 dashicons;
       
   248 	color: #dc3232;
       
   249 	margin-left: -25px;
       
   250 	vertical-align: middle;
       
   251 }
       
   252 
       
   253 /* Adjust error indicator for password layout */
       
   254 .form-table .form-required.user-pass1-wrap.form-invalid td:after {
       
   255 	content: '';
       
   256 }
       
   257 
       
   258 .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after {
       
   259 	content: '\f534';
       
   260 	font: normal 20px/1 dashicons;
       
   261 	color: #dc3232;
       
   262 	margin: 0 6px 0 -29px;
       
   263 	vertical-align: middle;
   242 }
   264 }
   243 
   265 
   244 .form-input-tip {
   266 .form-input-tip {
   245 	color: #666;
   267 	color: #666;
   246 }
   268 }
   251 select.disabled,
   273 select.disabled,
   252 textarea:disabled,
   274 textarea:disabled,
   253 textarea.disabled {
   275 textarea.disabled {
   254 	background: rgba( 255, 255, 255, 0.5 );
   276 	background: rgba( 255, 255, 255, 0.5 );
   255 	border-color: rgba( 222, 222, 222, 0.75 );
   277 	border-color: rgba( 222, 222, 222, 0.75 );
   256 	-webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
       
   257 	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
   278 	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
   258 	color: rgba( 51, 51, 51, 0.5 );
   279 	color: rgba( 51, 51, 51, 0.5 );
   259 }
   280 }
   260 
   281 
   261 input[type="file"]:disabled,
   282 input[type="file"]:disabled,
   262 input[type="file"].disabled,
   283 input[type="file"].disabled,
   263 input[type="range"]:disabled,
   284 input[type="range"]:disabled,
   264 input[type="range"].disabled {
   285 input[type="range"].disabled {
   265 	background: none;
   286 	background: none;
   266 	-webkit-box-shadow: none;
       
   267 	box-shadow: none;
   287 	box-shadow: none;
       
   288 	cursor: default;
   268 }
   289 }
   269 
   290 
   270 input[type="checkbox"]:disabled,
   291 input[type="checkbox"]:disabled,
   271 input[type="checkbox"].disabled,
   292 input[type="checkbox"].disabled,
   272 input[type="radio"]:disabled,
   293 input[type="radio"]:disabled,
   304 }
   325 }
   305 
   326 
   306 .submit {
   327 .submit {
   307 	padding: 1.5em 0;
   328 	padding: 1.5em 0;
   308 	margin: 5px 0;
   329 	margin: 5px 0;
   309 	-webkit-border-bottom-left-radius: 3px;
       
   310 	border-bottom-left-radius: 3px;
   330 	border-bottom-left-radius: 3px;
   311 	-webkit-border-bottom-right-radius: 3px;
       
   312 	border-bottom-right-radius: 3px;
   331 	border-bottom-right-radius: 3px;
   313 	border: none;
   332 	border: none;
   314 }
   333 }
   315 
   334 
   316 form p.submit a.cancel:hover {
   335 form p.submit a.cancel:hover {
   350 input.large-text,
   369 input.large-text,
   351 textarea.large-text {
   370 textarea.large-text {
   352 	width: 99%;
   371 	width: 99%;
   353 }
   372 }
   354 
   373 
   355 input.regular-text,
   374 .regular-text {
   356 #adduser .form-field input {
       
   357 	width: 25em;
   375 	width: 25em;
   358 }
   376 }
   359 
   377 
   360 input.small-text {
   378 input.small-text {
   361 	width: 50px;
   379 	width: 50px;
   362 	padding: 1px 6px;
   380 	padding: 1px 6px;
   363 }
   381 }
   364 
   382 
   365 input[type="number"].small-text {
   383 input[type="number"].small-text {
   366 	width: 65px;
   384 	width: 65px;
       
   385 }
       
   386 
       
   387 input.tiny-text {
       
   388 	width: 35px;
       
   389 }
       
   390 
       
   391 input[type="number"].tiny-text {
       
   392 	width: 45px;
   367 }
   393 }
   368 
   394 
   369 #doaction,
   395 #doaction,
   370 #doaction2,
   396 #doaction2,
   371 #post-query-submit {
   397 #post-query-submit {
   395 
   421 
   396 #timezone_string option {
   422 #timezone_string option {
   397 	margin-left: 1em;
   423 	margin-left: 1em;
   398 }
   424 }
   399 
   425 
   400 #upload-form label {
   426 button.wp-hide-pw > .dashicons {
   401 	color: #777;
   427 	position: relative;
       
   428 	top: 3px;
   402 }
   429 }
   403 
   430 
   404 label,
   431 label,
   405 #your-profile label + a {
   432 #your-profile label + a {
   406 	vertical-align: middle;
   433 	vertical-align: middle;
   409 fieldset label,
   436 fieldset label,
   410 #your-profile label + a {
   437 #your-profile label + a {
   411 	vertical-align: middle;
   438 	vertical-align: middle;
   412 }
   439 }
   413 
   440 
   414 .options-media-php label[for*="_size_"],
   441 .options-media-php [for*="_size_"] {
       
   442 	min-width: 10em;
       
   443 	vertical-align: baseline;
       
   444 }
       
   445 
       
   446 .options-media-php .small-text[name*="_size_"] {
       
   447 	margin: 0 0 1em;
       
   448 }
       
   449 
   415 #misc-publishing-actions label {
   450 #misc-publishing-actions label {
   416 	vertical-align: baseline;
   451 	vertical-align: baseline;
   417 }
       
   418 
       
   419 #misc-publishing-actions label[for="post_status"]:before {
       
   420 	content: '\f173';
       
   421 	display: inline-block;
       
   422 	font: normal 20px/1 'dashicons';
       
   423 	speak: none;
       
   424 	left: -1px;
       
   425 	padding: 0 5px 0 0;
       
   426 	position: relative;
       
   427 	top: 0;
       
   428 	text-decoration: none !important;
       
   429 	vertical-align: top;
       
   430 	-webkit-font-smoothing: antialiased;
       
   431 	-moz-osx-font-smoothing: grayscale;
       
   432 }
   452 }
   433 
   453 
   434 #pass-strength-result {
   454 #pass-strength-result {
   435 	background-color: #eee;
   455 	background-color: #eee;
   436 	border: 1px solid #ddd;
   456 	border: 1px solid #ddd;
   437 	float: left;
   457 	color: #23282d;
   438 	margin: 13px 5px 5px 1px;
   458 	margin: -2px 5px 5px 1px;
   439 	padding: 3px 5px;
   459 	padding: 3px 5px;
   440 	text-align: center;
   460 	text-align: center;
   441 	width: 200px;
   461 	width: 25em;
   442 	display: none;
   462 	box-sizing: border-box;
       
   463 	opacity: 0;
   443 }
   464 }
   444 
   465 
   445 #pass-strength-result.short {
   466 #pass-strength-result.short {
   446 	background-color: #ffa0a0;
   467 	background-color: #f1adad;
   447 	border-color: #f04040;
   468 	border-color: #e35b5b;
       
   469 	opacity: 1;
   448 }
   470 }
   449 
   471 
   450 #pass-strength-result.bad {
   472 #pass-strength-result.bad {
   451 	background-color: #ffb78c;
   473 	background-color: #fbc5a9;
   452 	border-color: #ff853c;
   474 	border-color: #f78b53;
       
   475 	opacity: 1;
   453 }
   476 }
   454 
   477 
   455 #pass-strength-result.good {
   478 #pass-strength-result.good {
   456 	background-color: #ffec8b;
   479 	background-color: #ffe399;
   457 	border-color: #fc0;
   480 	border-color: #ffc733;
       
   481 	opacity: 1;
   458 }
   482 }
   459 
   483 
   460 #pass-strength-result.strong {
   484 #pass-strength-result.strong {
   461 	background-color: #c3ff88;
   485 	background-color: #c1e1b9;
   462 	border-color: #8dff1c;
   486 	border-color: #83c373;
       
   487 	opacity: 1;
       
   488 }
       
   489 
       
   490 #pass1.short, #pass1-text.short {
       
   491 	border-color: #e35b5b;
       
   492 }
       
   493 
       
   494 #pass1.bad, #pass1-text.bad {
       
   495 	border-color: #f78b53;
       
   496 }
       
   497 
       
   498 #pass1.good, #pass1-text.good {
       
   499 	border-color: #ffc733;
       
   500 }
       
   501 
       
   502 #pass1.strong, #pass1-text.strong {
       
   503 	border-color: #83c373;
       
   504 }
       
   505 
       
   506 .pw-weak {
       
   507 	display:none;
   463 }
   508 }
   464 
   509 
   465 .indicator-hint {
   510 .indicator-hint {
   466 	padding-top: 8px;
   511 	padding-top: 8px;
       
   512 }
       
   513 
       
   514 #pass1-text,
       
   515 .show-password #pass1 {
       
   516 	display: none;
       
   517 }
       
   518 
       
   519 .show-password #pass1-text
       
   520 {
       
   521 	display: inline-block;
       
   522 }
       
   523 
       
   524 .form-table span.description.important {
       
   525 	font-size: 12px;
   467 }
   526 }
   468 
   527 
   469 p.search-box {
   528 p.search-box {
   470 	float: right;
   529 	float: right;
   471 	margin: 0;
   530 	margin: 0;
   479 .tablenav .search-plugins input[name="s"],
   538 .tablenav .search-plugins input[name="s"],
   480 .tagsdiv .newtag {
   539 .tagsdiv .newtag {
   481 	float: left;
   540 	float: left;
   482 	height: 28px;
   541 	height: 28px;
   483 	margin: 0 4px 0 0;
   542 	margin: 0 4px 0 0;
       
   543 }
       
   544 
       
   545 .js.plugins-php .search-box .wp-filter-search {
       
   546 	margin: 0;
       
   547 	width: 280px;
       
   548 	font-size: 16px;
       
   549 	font-weight: 300;
       
   550 	line-height: 1.5;
       
   551 	padding: 3px 5px;
       
   552 	height: 32px;
   484 }
   553 }
   485 
   554 
   486 input[type="text"].ui-autocomplete-loading,
   555 input[type="text"].ui-autocomplete-loading,
   487 input[type="email"].ui-autocomplete-loading {
   556 input[type="email"].ui-autocomplete-loading {
   488 	background-image: url(../images/loading.gif);
   557 	background-image: url(../images/loading.gif);
   504 	margin: 0;
   573 	margin: 0;
   505 	list-style: none;
   574 	list-style: none;
   506 	position: absolute;
   575 	position: absolute;
   507 	z-index: 10000;
   576 	z-index: 10000;
   508 	border: 1px solid #5b9dd9;
   577 	border: 1px solid #5b9dd9;
   509 	-webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
       
   510 	box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
   578 	box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
   511 	background-color: #fff;
   579 	background-color: #fff;
   512 }
   580 }
   513 
   581 
   514 .ui-autocomplete li {
   582 .ui-autocomplete li {
   515 	margin-bottom: 0;
   583 	margin-bottom: 0;
   516 	padding: 4px 10px;
   584 	padding: 4px 10px;
   517 	white-space: nowrap;
   585 	white-space: nowrap;
   518 	text-align: left;
   586 	text-align: left;
   519 }
   587 	cursor: pointer;
   520 
   588 }
   521 .ui-autocomplete li.ui-state-focus {
   589 
       
   590 /* Colors for the wplink toolbar autocomplete. */
       
   591 .ui-autocomplete .ui-state-focus {
   522 	background-color: #ddd;
   592 	background-color: #ddd;
   523 	cursor: pointer;
   593 }
       
   594 
       
   595 /* Colors for the tags autocomplete. */
       
   596 .wp-tags-autocomplete .ui-state-focus {
       
   597 	background-color: #0073aa;
       
   598 	color: #fff;
   524 }
   599 }
   525 
   600 
   526 /*------------------------------------------------------------------------------
   601 /*------------------------------------------------------------------------------
   527   15.0 - Comments Screen
   602   15.0 - Comments Screen
   528 ------------------------------------------------------------------------------*/
   603 ------------------------------------------------------------------------------*/
   535 }
   610 }
   536 
   611 
   537 .form-table,
   612 .form-table,
   538 .form-table td,
   613 .form-table td,
   539 .form-table th,
   614 .form-table th,
   540 .form-table td p,
   615 .form-table td p {
   541 .form-wrap label {
       
   542 	font-size: 14px;
   616 	font-size: 14px;
   543 }
   617 }
   544 
   618 
   545 .form-table td {
   619 .form-table td {
   546 	margin-bottom: 9px;
   620 	margin-bottom: 9px;
   550 }
   624 }
   551 
   625 
   552 .form-table th,
   626 .form-table th,
   553 .form-wrap label {
   627 .form-wrap label {
   554 	color: #23282d;
   628 	color: #23282d;
   555 	font-weight: normal;
   629 	font-weight: 400;
   556 	text-shadow: none;
   630 	text-shadow: none;
   557 	vertical-align: baseline;
   631 	vertical-align: baseline;
   558 }
   632 }
   559 
   633 
   560 .form-table th {
   634 .form-table th {
   564 	width: 200px;
   638 	width: 200px;
   565 	line-height: 1.3;
   639 	line-height: 1.3;
   566 	font-weight: 600;
   640 	font-weight: 600;
   567 }
   641 }
   568 
   642 
   569 .form-table th.th-full {
   643 .form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */
       
   644 .form-table .td-full {
   570 	width: auto;
   645 	width: auto;
       
   646 	padding: 20px 10px 20px 0;
   571 	font-weight: 400;
   647 	font-weight: 400;
   572 }
   648 }
   573 
   649 
   574 .form-table td p {
   650 .form-table td p {
   575 	margin-top: 4px;
   651 	margin-top: 4px;
   576 	margin-bottom: 0;
   652 	margin-bottom: 0;
       
   653 }
       
   654 
       
   655 .form-table .date-time-doc {
       
   656 	margin-top: 1em;
       
   657 }
       
   658 
       
   659 .form-table p.timezone-info {
       
   660 	margin: 1em 0;
   577 }
   661 }
   578 
   662 
   579 .form-table td fieldset label {
   663 .form-table td fieldset label {
   580 	margin: 0.25em 0 0.5em !important;
   664 	margin: 0.25em 0 0.5em !important;
   581 	display: inline-block;
   665 	display: inline-block;
   627 
   711 
   628 #display_name {
   712 #display_name {
   629 	width: 15em;
   713 	width: 15em;
   630 }
   714 }
   631 
   715 
       
   716 #adduser .form-field input,
   632 #createuser .form-field input {
   717 #createuser .form-field input {
   633 	width: 25em;
   718 	width: 25em;
   634 }
   719 }
   635 
   720 
   636 .color-option {
   721 .color-option {
   637 	display: inline-block;
   722 	display: inline-block;
   638 	width: 24%;
   723 	width: 24%;
   639 	padding: 5px 15px 15px;
   724 	padding: 5px 15px 15px;
   640 	-webkit-box-sizing: border-box;
       
   641 	-moz-box-sizing: border-box;
       
   642 	box-sizing: border-box;
   725 	box-sizing: border-box;
   643 	margin-bottom: 3px;
   726 	margin-bottom: 3px;
   644 }
   727 }
   645 
   728 
   646 .color-option:hover,
   729 .color-option:hover,
   668 ------------------------------------------------------------------------------*/
   751 ------------------------------------------------------------------------------*/
   669 
   752 
   670 .tool-box .title {
   753 .tool-box .title {
   671 	margin: 8px 0;
   754 	margin: 8px 0;
   672 	font-size: 18px;
   755 	font-size: 18px;
   673 	font-weight: normal;
   756 	font-weight: 400;
   674 	line-height: 24px;
   757 	line-height: 24px;
       
   758 }
       
   759 
       
   760 .label-responsive {
       
   761 	vertical-align: middle;
       
   762 }
       
   763 
       
   764 #export-filters p {
       
   765 	margin: 0 0 1em;
       
   766 }
       
   767 
       
   768 #export-filters p.submit {
       
   769 	margin: 7px 0 5px;
   675 }
   770 }
   676 
   771 
   677 /* Card styles */
   772 /* Card styles */
   678 
   773 
   679 .card {
   774 .card {
   681 	margin-top: 20px;
   776 	margin-top: 20px;
   682 	padding: 0.7em 2em 1em;
   777 	padding: 0.7em 2em 1em;
   683 	min-width: 255px;
   778 	min-width: 255px;
   684 	max-width: 520px;
   779 	max-width: 520px;
   685 	border: 1px solid #e5e5e5;
   780 	border: 1px solid #e5e5e5;
   686 	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
       
   687 	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
   781 	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
   688 	background: #fff;
   782 	background: #fff;
   689 }
   783 }
   690 
   784 
   691 /* Press this styles */
   785 /* Press this styles */
   716 .pressthis-bookmarklet:active {
   810 .pressthis-bookmarklet:active {
   717 	display: inline-block;
   811 	display: inline-block;
   718 	position: relative;
   812 	position: relative;
   719 	cursor: move;
   813 	cursor: move;
   720 	color: #32373c;
   814 	color: #32373c;
   721 	background: #e6e6e6;
   815 	background: #e5e5e5;
   722 	-webkit-border-radius: 5px;
       
   723 	border-radius: 5px;
   816 	border-radius: 5px;
   724 	border: 1px solid #b4b4b4;
   817 	border: 1px solid #b4b9be;
   725 	font-style: normal;
   818 	font-style: normal;
   726 	line-height: 16px;
   819 	line-height: 16px;
   727 	font-size: 14px;
   820 	font-size: 14px;
   728 	text-decoration: none;
   821 	text-decoration: none;
   729 }
   822 }
   731 .pressthis-bookmarklet:active {
   824 .pressthis-bookmarklet:active {
   732 	outline: none;
   825 	outline: none;
   733 }
   826 }
   734 
   827 
   735 .pressthis-bookmarklet:after {
   828 .pressthis-bookmarklet:after {
   736 	content: '';
   829 	content: "";
   737 	width: 70%;
   830 	width: 70%;
   738 	height: 55%;
   831 	height: 55%;
   739 	z-index: -1;
   832 	z-index: -1;
   740 	position: absolute;
   833 	position: absolute;
   741 	right: 10px;
   834 	right: 10px;
   742 	bottom: 9px;
   835 	bottom: 9px;
   743 	background: transparent;
   836 	background: transparent;
   744 	-webkit-transform: skew(20deg) rotate(6deg);
   837 	-webkit-transform: skew(20deg) rotate(6deg);
   745 	-ms-transform: skew(20deg) rotate(6deg);
       
   746 	transform: skew(20deg) rotate(6deg);
   838 	transform: skew(20deg) rotate(6deg);
   747 	-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
       
   748 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
   839 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
   749 }
   840 }
   750 
   841 
   751 .pressthis-bookmarklet:hover:after {
   842 .pressthis-bookmarklet:hover:after {
   752 	-webkit-transform: skew(20deg) rotate(9deg);
   843 	-webkit-transform: skew(20deg) rotate(9deg);
   753 	-ms-transform: skew(20deg) rotate(9deg);
       
   754 	transform: skew(20deg) rotate(9deg);
   844 	transform: skew(20deg) rotate(9deg);
   755 	-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
       
   756 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
   845 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
   757 }
   846 }
   758 
   847 
   759 .pressthis-bookmarklet span {
   848 .pressthis-bookmarklet span {
   760 	display: inline-block;
   849 	display: inline-block;
   761 	margin: 0px 0 0;
   850 	margin: 0px 0 0;
   762 	padding: 0px 12px 8px 9px;
   851 	padding: 0px 12px 8px 9px;
   763 }
   852 }
   764 
   853 
   765 .pressthis-bookmarklet span:before {
   854 .pressthis-bookmarklet span:before {
   766 	color: #777;
   855 	color: #72777c;
   767 	font: normal 20px/1 'dashicons';
   856 	font: normal 20px/1 dashicons;
   768 	content:'\f157';
   857 	content: "\f157";
   769 	position: relative;
   858 	position: relative;
   770 	display: inline-block;
   859 	display: inline-block;
   771 	top: 4px;
   860 	top: 4px;
   772 	margin-right: 4px;
   861 	margin-right: 4px;
   773 }
   862 }
   775 .pressthis-js-toggle {
   864 .pressthis-js-toggle {
   776 	margin-left: 10px;
   865 	margin-left: 10px;
   777 	padding: 0;
   866 	padding: 0;
   778 	height: auto;
   867 	height: auto;
   779 	vertical-align: top;
   868 	vertical-align: top;
   780 }
       
   781 
       
   782 .pressthis-js-toggle .dashicons {
       
   783 	margin: 5px 8px 6px 7px;
       
   784 	color: #777;
       
   785 }
   869 }
   786 
   870 
   787 /* to override the button class being applied */
   871 /* to override the button class being applied */
   788 .pressthis-js-toggle.button.button {
   872 .pressthis-js-toggle.button.button {
   789 	margin-left: 10px;
   873 	margin-left: 10px;
   792 	vertical-align: top;
   876 	vertical-align: top;
   793 }
   877 }
   794 
   878 
   795 .pressthis-js-toggle .dashicons {
   879 .pressthis-js-toggle .dashicons {
   796 	margin: 5px 8px 6px 7px;
   880 	margin: 5px 8px 6px 7px;
   797 	color: #777;
   881 	color: #555d66;
   798 }
   882 }
   799 
   883 
   800 /*------------------------------------------------------------------------------
   884 /*------------------------------------------------------------------------------
   801   20.0 - Settings
   885   20.0 - Settings
   802 ------------------------------------------------------------------------------*/
   886 ------------------------------------------------------------------------------*/
   803 
   887 
   804 #utc-time, #local-time {
   888 .timezone-info code {
   805 	padding-left: 25px;
   889 	white-space: nowrap;
   806 	font-style: italic;
       
   807 }
   890 }
   808 
   891 
   809 .defaultavatarpicker .avatar {
   892 .defaultavatarpicker .avatar {
   810 	margin: 2px 0;
   893 	margin: 2px 0;
   811 	vertical-align: middle;
   894 	vertical-align: middle;
   812 }
   895 }
   813 
   896 
       
   897 .options-general-php .date-time-text {
       
   898 	display: inline-block;
       
   899 	min-width: 10em;
       
   900 }
       
   901 
   814 .options-general-php input.small-text {
   902 .options-general-php input.small-text {
   815 	width: 56px;
   903 	width: 56px;
   816 }
   904 }
   817 
   905 
   818 .options-general-php .spinner {
   906 .options-general-php .spinner {
   819 	float: none;
   907 	float: none;
   820 	margin: 0 3px;
   908 	margin: -3px 3px 0;
   821 }
   909 }
   822 
   910 
   823 .settings-php .language-install-spinner,
   911 .settings-php .language-install-spinner,
   824 .options-general-php .language-install-spinner {
   912 .options-general-php .language-install-spinner {
   825 	display: inline-block;
   913 	display: inline-block;
   826 	float: none;
   914 	float: none;
   827 	margin: -3px 5px 0;
   915 	margin: -3px 5px 0;
   828 	vertical-align: middle;
   916 	vertical-align: middle;
   829 }
   917 }
   830 
   918 
       
   919 .form-table.permalink-structure .available-structure-tags li {
       
   920 	float: left;
       
   921 	margin-right: 5px;
       
   922 }
       
   923 
   831 /*------------------------------------------------------------------------------
   924 /*------------------------------------------------------------------------------
   832   21.0 - Network Admin
   925   21.0 - Network Admin
   833 ------------------------------------------------------------------------------*/
   926 ------------------------------------------------------------------------------*/
       
   927 
       
   928 .setup-php textarea {
       
   929 	max-width: 100%;
       
   930 }
   834 
   931 
   835 .form-field #site-address {
   932 .form-field #site-address {
   836 	max-width: 25em;
   933 	max-width: 25em;
   837 }
   934 }
   838 
   935 
   850 
   947 
   851 .form-field #path {
   948 .form-field #path {
   852 	margin-bottom: 5px;
   949 	margin-bottom: 5px;
   853 }
   950 }
   854 
   951 
       
   952 #search-users,
       
   953 #search-sites {
       
   954 	max-width: 100%;
       
   955 }
       
   956 
   855 /*------------------------------------------------------------------------------
   957 /*------------------------------------------------------------------------------
   856    Credentials check dialog for Install and Updates
   958    Credentials check dialog for Install and Updates
   857 ------------------------------------------------------------------------------*/
   959 ------------------------------------------------------------------------------*/
   858 
   960 
   859 .request-filesystem-credentials-dialog {
   961 .request-filesystem-credentials-dialog {
   860 	display: none;
   962 	display: none;
       
   963 	/* The customizer uses visibility: hidden on the body for full-overlays. */
       
   964 	visibility: visible;
   861 }
   965 }
   862 
   966 
   863 .request-filesystem-credentials-dialog .notification-dialog {
   967 .request-filesystem-credentials-dialog .notification-dialog {
   864 	top: 15%;
   968 	top: 10%;
       
   969 	max-height: 85%;
   865 }
   970 }
   866 
   971 
   867 .request-filesystem-credentials-dialog-content {
   972 .request-filesystem-credentials-dialog-content {
   868 	margin: 25px;
   973 	margin: 25px;
       
   974 }
       
   975 
       
   976 #request-filesystem-credentials-title {
       
   977     font-size: 1.3em;
       
   978     margin: 1em 0;
       
   979 }
       
   980 
       
   981 .request-filesystem-credentials-form legend {
       
   982 	font-size: 1em;
       
   983 	padding: 1.33em 0;
       
   984 	font-weight: 600;
   869 }
   985 }
   870 
   986 
   871 .request-filesystem-credentials-form input[type="text"],
   987 .request-filesystem-credentials-form input[type="text"],
   872 .request-filesystem-credentials-form input[type="password"] {
   988 .request-filesystem-credentials-form input[type="password"] {
   873 	display: block;
   989 	display: block;
   905 
  1021 
   906 .request-filesystem-credentials-dialog label[for="ftp"] {
  1022 .request-filesystem-credentials-dialog label[for="ftp"] {
   907 	margin-right: 10px;
  1023 	margin-right: 10px;
   908 }
  1024 }
   909 
  1025 
       
  1026 .request-filesystem-credentials-dialog #auth-keys-desc {
       
  1027 	margin-bottom: 0;
       
  1028 }
       
  1029 
   910 #request-filesystem-credentials-dialog .button:not(:last-child) {
  1030 #request-filesystem-credentials-dialog .button:not(:last-child) {
   911 	margin-right: 10px;
  1031 	margin-right: 10px;
   912 }
  1032 }
   913 
  1033 
   914 #request-filesystem-credentials-form .cancel-button {
  1034 #request-filesystem-credentials-form .cancel-button {
   915 	display: none;
  1035 	display: none;
   916 }
  1036 }
   917 
  1037 
   918 #request-filesystem-credentials-dialog .cancel-button {
  1038 #request-filesystem-credentials-dialog .cancel-button {
   919 	display: inline;
  1039 	display: inline;
       
  1040 }
       
  1041 
       
  1042 .request-filesystem-credentials-dialog .ftp-username,
       
  1043 .request-filesystem-credentials-dialog .ftp-password {
       
  1044 	float: none;
       
  1045 	width: auto;
       
  1046 }
       
  1047 
       
  1048 .request-filesystem-credentials-dialog .ftp-username {
       
  1049 	margin-bottom: 1em;
       
  1050 }
       
  1051 
       
  1052 .request-filesystem-credentials-dialog .ftp-password {
       
  1053 	margin: 0;
       
  1054 }
       
  1055 
       
  1056 .request-filesystem-credentials-dialog .ftp-password em {
       
  1057 	color: #888;
       
  1058 }
       
  1059 
       
  1060 .request-filesystem-credentials-dialog label {
       
  1061 	display: block;
       
  1062 	line-height: 1.5;
       
  1063 	margin-bottom: 1em;
       
  1064 }
       
  1065 
       
  1066 .request-filesystem-credentials-form legend {
       
  1067 	padding-bottom: 0;
       
  1068 }
       
  1069 
       
  1070 .request-filesystem-credentials-form #ssh-keys legend {
       
  1071 	font-size: 1.3em;
       
  1072 }
       
  1073 
       
  1074 .request-filesystem-credentials-form .notice {
       
  1075 	margin: 0 0 20px 0;
       
  1076 	clear: both;
       
  1077 }
       
  1078 
       
  1079 /*------------------------------------------------------------------------------
       
  1080    Privacy Policy settings screen
       
  1081 ------------------------------------------------------------------------------*/
       
  1082 .tools-privacy-policy-page form {
       
  1083 	margin-bottom: 1.3em;
       
  1084 }
       
  1085 
       
  1086 .tools-privacy-policy-page input.button,
       
  1087 .tools-privacy-policy-page select {
       
  1088 	margin-left: 6px;
       
  1089 }
       
  1090 
       
  1091 .tools-privacy-edit {
       
  1092 	margin: 1.5em 0;
       
  1093 }
       
  1094 
       
  1095 .tools-privacy-policy-page span {
       
  1096 	line-height: 2em;
       
  1097 }
       
  1098 
       
  1099 .privacy_requests .column-email {
       
  1100 	width: 40%;
       
  1101 }
       
  1102 
       
  1103 .privacy_requests .column-type {
       
  1104 	text-align: center;
       
  1105 }
       
  1106 
       
  1107 .privacy_requests thead td:first-child,
       
  1108 .privacy_requests tfoot td:first-child {
       
  1109 	border-left: 4px solid #fff;
       
  1110 }
       
  1111 
       
  1112 .privacy_requests tbody th {
       
  1113 	border-left: 4px solid #fff;
       
  1114 	background: #fff;
       
  1115 	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
       
  1116 }
       
  1117 
       
  1118 .privacy_requests tbody .has-request-results th {
       
  1119 	box-shadow: none;
       
  1120 }
       
  1121 
       
  1122 .privacy_requests tbody .request-results th .notice {
       
  1123 	margin: 0 0 5px;
       
  1124 }
       
  1125 
       
  1126 .privacy_requests tbody td {
       
  1127 	background: #fff;
       
  1128 	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
       
  1129 }
       
  1130 
       
  1131 .privacy_requests tbody .has-request-results td {
       
  1132 	box-shadow: none;
       
  1133 }
       
  1134 
       
  1135 .privacy_requests .next_steps .button {
       
  1136 	height: auto;
       
  1137 	line-height: 1.5;
       
  1138 	padding: 4px 10px;
       
  1139 	word-break: break-all;
       
  1140 	white-space: unset;
       
  1141 }
       
  1142 
       
  1143 .privacy_requests .status-request-confirmed th,
       
  1144 .privacy_requests .status-request-confirmed td {
       
  1145 	background-color: #f7fcfe;
       
  1146 	border-left-color: #00a0d2;
       
  1147 }
       
  1148 
       
  1149 .privacy_requests .status-request-failed th,
       
  1150 .privacy_requests .status-request-failed td {
       
  1151 	background-color: #fef7f1;
       
  1152 	border-left-color: #d64d21;
       
  1153 }
       
  1154 
       
  1155 .privacy_requests .export_personal_data_failed a {
       
  1156 	vertical-align: baseline;
       
  1157 }
       
  1158 
       
  1159 .status-label {
       
  1160 	font-weight: bold;
       
  1161 }
       
  1162 
       
  1163 .status-label.status-request-pending {
       
  1164 	font-weight: normal;
       
  1165 	font-style: italic;
       
  1166 	color: #6c7781;
       
  1167 }
       
  1168 
       
  1169 .status-label.status-request-failed {
       
  1170 	color: #aa0000;
       
  1171 	font-weight: bold;
       
  1172 }
       
  1173 
       
  1174 .wp-privacy-request-form {
       
  1175 	clear: both;
       
  1176 }
       
  1177 
       
  1178 .wp-privacy-request-form-field {
       
  1179 	margin: 1.5em 0;
       
  1180 }
       
  1181 
       
  1182 .wp-privacy-request-form label {
       
  1183 	font-weight: bold;
       
  1184 	line-height: 1.5;
       
  1185 	padding-bottom: .5em;
       
  1186 	display: block;
       
  1187 }
       
  1188 
       
  1189 .wp-privacy-request-form input {
       
  1190 	line-height: 1.5;
       
  1191 	margin: 0;
       
  1192 }
       
  1193 
       
  1194 .email-personal-data::before {
       
  1195 	display: inline-block;
       
  1196 	font: normal 20px/1 dashicons;
       
  1197 	margin: 3px 5px 0 -2px;
       
  1198 	speak: none;
       
  1199 	-webkit-font-smoothing: antialiased;
       
  1200 	-moz-osx-font-smoothing: grayscale;
       
  1201 	vertical-align: top;
       
  1202 }
       
  1203 
       
  1204 .email-personal-data--sending::before {
       
  1205 	color: #f56e28;
       
  1206 	content: "\f463";
       
  1207 	-webkit-animation: rotation 2s infinite linear;
       
  1208 	animation: rotation 2s infinite linear;
       
  1209 }
       
  1210 
       
  1211 .email-personal-data--sent::before {
       
  1212 	color: #79ba49;
       
  1213 	content: "\f147";
   920 }
  1214 }
   921 
  1215 
   922 
  1216 
   923 /* =Media Queries
  1217 /* =Media Queries
   924 -------------------------------------------------------------- */
  1218 -------------------------------------------------------------- */
   936 	input[type="number"] {
  1230 	input[type="number"] {
   937 		-webkit-appearance: none;
  1231 		-webkit-appearance: none;
   938 		padding: 6px 10px;
  1232 		padding: 6px 10px;
   939 	}
  1233 	}
   940 
  1234 
       
  1235 	input[type="number"] {
       
  1236 		height: 40px;
       
  1237 	}
       
  1238 
   941 	input.code {
  1239 	input.code {
   942 		padding-bottom: 5px;
  1240 		padding-bottom: 5px;
   943 		padding-top: 10px;
  1241 		padding-top: 10px;
   944 	}
  1242 	}
   945 
  1243 
   946 	input[type="checkbox"], .widefat th input[type="checkbox"] {
  1244 	input[type="checkbox"],
       
  1245 	.widefat th input[type="checkbox"],
       
  1246 	.widefat thead td input[type="checkbox"],
       
  1247 	.widefat tfoot td input[type="checkbox"] {
   947 		-webkit-appearance: none;
  1248 		-webkit-appearance: none;
   948 		padding: 10px;
  1249 		padding: 10px;
   949 	}
  1250 	}
   950 
  1251 
   951 	.widefat th input[type="checkbox"] {
  1252 	.widefat th input[type="checkbox"],
       
  1253 	.widefat thead td input[type="checkbox"],
       
  1254 	.widefat tfoot td input[type="checkbox"] {
   952 		margin-bottom: 8px;
  1255 		margin-bottom: 8px;
   953 	}
  1256 	}
   954 
  1257 
   955 	input[type="checkbox"]:checked:before, .widefat th input[type="checkbox"]:before {
  1258 	input[type="checkbox"]:checked:before,
   956 		font: normal 30px/1 'Dashicons';
  1259 	.widefat th input[type="checkbox"]:before,
       
  1260 	.widefat thead td input[type="checkbox"]:before,
       
  1261 	.widefat tfoot td input[type="checkbox"]:before {
       
  1262 		font: normal 30px/1 dashicons;
   957 		margin: -3px -5px;
  1263 		margin: -3px -5px;
   958 	}
  1264 	}
   959 
  1265 
   960 	input[type="radio"],
  1266 	input[type="radio"],
   961 	input[type="checkbox"] {
  1267 	input[type="checkbox"] {
   988 	.wp-admin .button-cancel {
  1294 	.wp-admin .button-cancel {
   989 		padding: 0;
  1295 		padding: 0;
   990 		font-size: 14px;
  1296 		font-size: 14px;
   991 	}
  1297 	}
   992 
  1298 
       
  1299 	#adduser .form-field input,
   993 	#createuser .form-field input {
  1300 	#createuser .form-field input {
   994 		width: 100%;
  1301 		width: 100%;
   995 	}
  1302 	}
   996 
  1303 
   997 	.form-table {
  1304 	.form-table {
   998 		-webkit-box-sizing: border-box;
       
   999 		-moz-box-sizing: border-box;
       
  1000 		box-sizing: border-box;
  1305 		box-sizing: border-box;
  1001 	}
  1306 	}
  1002 
  1307 
  1003 	.form-table th,
  1308 	.form-table th,
  1004 	.form-table td {
  1309 	.form-table td,
       
  1310 	.label-responsive {
  1005 		display: block;
  1311 		display: block;
  1006 		width: auto;
  1312 		width: auto;
  1007 		vertical-align: middle;
  1313 		vertical-align: middle;
       
  1314 	}
       
  1315 
       
  1316 	.label-responsive {
       
  1317 		margin: 0.5em 0;
       
  1318 	}
       
  1319 
       
  1320 	.export-filters li {
       
  1321 		margin-bottom: 0;
  1008 	}
  1322 	}
  1009 
  1323 
  1010 	.form-table .color-palette td {
  1324 	.form-table .color-palette td {
  1011 		display: table-cell;
  1325 		display: table-cell;
  1012 		width: 15px;
  1326 		width: 15px;
  1032 		font-size: 16px;
  1346 		font-size: 16px;
  1033 		line-height: 1.5;
  1347 		line-height: 1.5;
  1034 		padding: 7px 10px;
  1348 		padding: 7px 10px;
  1035 		display: block;
  1349 		display: block;
  1036 		max-width: none;
  1350 		max-width: none;
  1037 		-webkit-box-sizing: border-box;
       
  1038 		-moz-box-sizing: border-box;
       
  1039 		box-sizing: border-box;
  1351 		box-sizing: border-box;
       
  1352 	}
       
  1353 
       
  1354 	.form-table .form-required.form-invalid td:after {
       
  1355 		float: right;
       
  1356 		margin: -30px 3px 0 0;
  1040 	}
  1357 	}
  1041 
  1358 
  1042 	#wpbody .form-table td select {
  1359 	#wpbody .form-table td select {
  1043 		height: 40px;
  1360 		height: 40px;
  1044 	}
  1361 	}
  1048 	input[type="password"].small-text,
  1365 	input[type="password"].small-text,
  1049 	input[type="number"].small-text,
  1366 	input[type="number"].small-text,
  1050 	input[type="number"].small-text,
  1367 	input[type="number"].small-text,
  1051 	.form-table input[type="text"].small-text {
  1368 	.form-table input[type="text"].small-text {
  1052 		width: auto;
  1369 		width: auto;
  1053 		max-width: 55px;
  1370 		max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */
  1054 		display: inline;
  1371 		display: inline;
  1055 		padding: 3px 6px;
  1372 		padding: 3px 6px;
  1056 		margin: 0 3px;
  1373 		margin: 0 3px;
  1057 	}
  1374 	}
  1058 
  1375 
  1059 	#pass-strength-result {
  1376 	#pass-strength-result {
  1060 		width: 100%;
  1377 		width: 100%;
  1061 		-webkit-box-sizing: border-box;
       
  1062 		-moz-box-sizing: border-box;
       
  1063 		box-sizing: border-box;
  1378 		box-sizing: border-box;
  1064 		padding: 8px;
  1379 		padding: 8px;
  1065 	}
  1380 	}
  1066 
  1381 
  1067 	p.search-box {
  1382 	p.search-box {
  1085 	p.search-box input[type="submit"] {
  1400 	p.search-box input[type="submit"] {
  1086 		margin-bottom: 10px;
  1401 		margin-bottom: 10px;
  1087 	}
  1402 	}
  1088 
  1403 
  1089 	.form-table span.description {
  1404 	.form-table span.description {
       
  1405 		display: inline;
  1090 		padding: 4px 0 0;
  1406 		padding: 4px 0 0;
  1091 		line-height: 1.4em;
  1407 		line-height: 1.4em;
       
  1408 		font-size: 14px;
  1092 	}
  1409 	}
  1093 
  1410 
  1094 	.form-table th {
  1411 	.form-table th {
  1095 		padding-top: 10px;
  1412 		padding-top: 10px;
  1096 		padding-bottom: 0;
  1413 		padding-bottom: 0;
  1097 		border-bottom: 0;
  1414 		border-bottom: 0;
  1098 	}
  1415 	}
  1099 
  1416 
  1100 	.form-table td {
  1417 	.form-table td {
  1101 		padding-top: 8px;
  1418 		margin-bottom: 0;
       
  1419 		padding-bottom: 6px;
       
  1420 		padding-top: 4px;
  1102 		padding-left: 0;
  1421 		padding-left: 0;
       
  1422 	}
       
  1423 
       
  1424 	.form-table.permalink-structure td code {
       
  1425 		margin-left: 32px;
       
  1426 	}
       
  1427 
       
  1428 	.form-table.permalink-structure td input[type="text"] {
       
  1429 		margin-left: 32px;
       
  1430 		margin-top: 4px;
       
  1431 		width: 96%;
  1103 	}
  1432 	}
  1104 
  1433 
  1105 	.form-table input.regular-text {
  1434 	.form-table input.regular-text {
  1106 		width: 100%;
  1435 		width: 100%;
  1107 	}
  1436 	}
  1110 		font-size: 14px;
  1439 		font-size: 14px;
  1111 	}
  1440 	}
  1112 
  1441 
  1113 	.form-table fieldset label {
  1442 	.form-table fieldset label {
  1114 		display: block;
  1443 		display: block;
  1115 	}
       
  1116 
       
  1117 	#utc-time {
       
  1118 		margin-top: 10px;
       
  1119 	}
  1444 	}
  1120 
  1445 
  1121 	#utc-time,
  1446 	#utc-time,
  1122 	#local-time {
  1447 	#local-time {
  1123 		display: block;
  1448 		display: block;
  1124 		float: none;
  1449 		float: none;
  1125 		padding: 0;
  1450 		margin-top: 0.5em;
  1126 		line-height: 2;
       
  1127 	}
  1451 	}
  1128 
  1452 
  1129 	.form-field #domain {
  1453 	.form-field #domain {
  1130 		max-width: none;
  1454 		max-width: none;
       
  1455 	}
       
  1456 
       
  1457 	/* New Password */
       
  1458 	.wp-pwd {
       
  1459 		position: relative;
       
  1460 	}
       
  1461 
       
  1462 	.wp-pwd [type="text"],
       
  1463 	.wp-pwd [type="password"] {
       
  1464 		padding-right: 40px;
       
  1465 	}
       
  1466 
       
  1467 	.wp-pwd button.button {
       
  1468 		background: transparent;
       
  1469 		border: none;
       
  1470 		box-shadow: none;
       
  1471 		line-height: 2;
       
  1472 		margin: 0;
       
  1473 		padding: 5px 10px;
       
  1474 		position: absolute;
       
  1475 		right: 0;
       
  1476 		top: 0;
       
  1477 	}
       
  1478 
       
  1479 	.wp-pwd button.button:hover,
       
  1480 	.wp-pwd button.button:focus,
       
  1481 	.wp-pwd button.button:active {
       
  1482 		background: transparent;
       
  1483 	}
       
  1484 
       
  1485 	.wp-pwd .button .text {
       
  1486 		display: none;
       
  1487 	}
       
  1488 
       
  1489 	.options-general-php input[type="text"].small-text {
       
  1490 		max-width: 6.25em;
       
  1491 		margin: 0;
       
  1492 	}
       
  1493 
       
  1494 	/* Privacy Policy settings screen */
       
  1495 	.tools-privacy-policy-page form.wp-create-privacy-page {
       
  1496 	    margin-bottom: 1em;
       
  1497 	}
       
  1498 
       
  1499  	.tools-privacy-policy-page input#set-page,
       
  1500 	.tools-privacy-policy-page select {
       
  1501 		margin: 10px 0 0;
       
  1502 	}
       
  1503 
       
  1504 	.tools-privacy-policy-page .wp-create-privacy-page span {
       
  1505 	    display: block;
       
  1506 	    margin-bottom: 1em;
       
  1507 	}
       
  1508 
       
  1509 	.tools-privacy-policy-page .wp-create-privacy-page .button {
       
  1510 	    margin-left: 0;
       
  1511 	}
       
  1512 
       
  1513 	.wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) {
       
  1514 		display: table-cell;
       
  1515 	}
       
  1516 
       
  1517 	.wp-list-table.privacy_requests.widefat th input,
       
  1518 	.wp-list-table.privacy_requests.widefat thead td input {
       
  1519 		margin-left: 5px;
  1131 	}
  1520 	}
  1132 }
  1521 }
  1133 
  1522 
  1134 @media only screen and (max-width: 768px) {
  1523 @media only screen and (max-width: 768px) {
  1135 	.form-field input[type="text"],
  1524 	.form-field input[type="text"],
  1147 	/* users */
  1536 	/* users */
  1148 	#profile-page .form-table textarea {
  1537 	#profile-page .form-table textarea {
  1149 		max-width: 400px;
  1538 		max-width: 400px;
  1150 		width: auto;
  1539 		width: auto;
  1151 	}
  1540 	}
  1152 
  1541 }
  1153 }
  1542 
  1154 
  1543 @media only screen and (max-height: 480px), screen and (max-width: 450px) {
  1155 @media only screen and (max-height: 480px) {
  1544 	/*  Request Credentials / File Editor Warning */
  1156 	/*  Request Credentials */
  1545 	.request-filesystem-credentials-dialog .notification-dialog,
  1157 	.request-filesystem-credentials-dialog	.notification-dialog{
  1546 	.file-editor-warning .notification-dialog {
  1158 		width: 100%;
  1547 		width: 100%;
  1159 		height: 100%;
  1548 		height: 100%;
       
  1549 		max-height: 100%;
  1160 		position: fixed;
  1550 		position: fixed;
  1161 		top: 0;
  1551 		top: 0;
  1162 		margin: 0;
  1552 		margin: 0;
  1163 		left: 0;
  1553 		left: 0;
  1164 		overflow-y: auto;
       
  1165 	}
  1554 	}
  1166 }
  1555 }
  1167 
  1556 
  1168 /* Smartphone */
  1557 /* Smartphone */
  1169 @media screen and (max-width: 600px) {
  1558 @media screen and (max-width: 600px) {
  1171 	.color-option {
  1560 	.color-option {
  1172 		width: 49%;
  1561 		width: 49%;
  1173 	}
  1562 	}
  1174 }
  1563 }
  1175 
  1564 
       
  1565 @media only screen and (max-width: 320px) {
       
  1566 	.options-general-php .date-time-text.date-time-custom-text {
       
  1567 		min-width: 0;
       
  1568 		margin-right: 0.5em;
       
  1569 	}
       
  1570 }
       
  1571 
       
  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 {
       
  1584 	0% {
       
  1585 		-webkit-transform: rotate(0deg);
       
  1586 		transform: rotate(0deg);
       
  1587 	}
       
  1588 	100% {
       
  1589 		-webkit-transform: rotate(359deg);
       
  1590 		transform: rotate(359deg);
       
  1591 	}
       
  1592 }