wp/wp-admin/css/login.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
equal deleted inserted replaced
18:be944660c56a 19:3d72ae0968f4
    48 	padding: 12px;
    48 	padding: 12px;
    49 	margin-left: 0;
    49 	margin-left: 0;
    50 	margin-bottom: 20px;
    50 	margin-bottom: 20px;
    51 	background-color: #fff;
    51 	background-color: #fff;
    52 	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    52 	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
       
    53 	word-wrap: break-word;
    53 }
    54 }
    54 
    55 
    55 .login .success {
    56 .login .success {
    56 	border-left-color: #00a32a;
    57 	border-left-color: #00a32a;
    57 }
    58 }
   279 	display: block;
   280 	display: block;
   280 }
   281 }
   281 
   282 
   282 #login {
   283 #login {
   283 	width: 320px;
   284 	width: 320px;
   284 	padding: 8% 0 0;
   285 	padding: 5% 0 0;
   285 	margin: auto;
   286 	margin: auto;
   286 }
   287 }
   287 
   288 
   288 .login #nav,
   289 .login #nav,
   289 .login #backtoblog {
   290 .login #backtoblog {
   290 	font-size: 13px;
   291 	font-size: 13px;
   291 	padding: 0 24px 0;
   292 	padding: 0 24px;
   292 }
   293 }
   293 
   294 
   294 .login #nav {
   295 .login #nav {
   295 	margin: 24px 0 0 0;
   296 	margin: 24px 0 0;
   296 }
   297 }
   297 
   298 
   298 #backtoblog {
   299 #backtoblog {
   299 	margin: 16px 0;
   300 	margin: 16px 0;
   300 	word-break: break-word;
   301 	word-wrap: break-word;
   301 }
   302 }
   302 
   303 
   303 .login #nav a,
   304 .login #nav a,
   304 .login #backtoblog a {
   305 .login #backtoblog a {
   305 	text-decoration: none;
   306 	text-decoration: none;
   319 }
   320 }
   320 
   321 
   321 .login .privacy-policy-page-link {
   322 .login .privacy-policy-page-link {
   322 	text-align: center;
   323 	text-align: center;
   323 	width: 100%;
   324 	width: 100%;
   324 	margin: 5em 0 2em;
   325 	margin: 3em 0 2em;
   325 }
   326 }
   326 
   327 
   327 .login form .input,
   328 .login form .input,
   328 .login input[type="text"],
   329 .login input[type="text"],
   329 .login input[type="password"] {
   330 .login input[type="password"] {
   407 /* Hide the Edge "reveal password" native button */
   408 /* Hide the Edge "reveal password" native button */
   408 input::-ms-reveal {
   409 input::-ms-reveal {
   409 	display: none;
   410 	display: none;
   410 }
   411 }
   411 
   412 
       
   413 #language-switcher {
       
   414 	padding: 0;
       
   415 	overflow: visible;
       
   416 	background: none;
       
   417 	border: none;
       
   418 	box-shadow: none;
       
   419 }
       
   420 
       
   421 #language-switcher select {
       
   422 	margin-right: 0.25em;
       
   423 }
       
   424 
       
   425 .language-switcher {
       
   426 	margin: 0 auto;
       
   427 	padding: 0 0 24px;
       
   428 	text-align: center;
       
   429 }
       
   430 
       
   431 .language-switcher label {
       
   432 	margin-right: 0.25em;
       
   433 }
       
   434 
       
   435 .language-switcher label .dashicons {
       
   436 	width: auto;
       
   437 	height: auto;
       
   438 }
       
   439 
       
   440 .login .language-switcher .button-primary {
       
   441 	float: none;
       
   442 	margin-bottom: 0;
       
   443 }
       
   444 
   412 @media screen and (max-height: 550px) {
   445 @media screen and (max-height: 550px) {
   413 	#login {
   446 	#login {
   414 		padding: 20px 0;
   447 		padding: 20px 0;
       
   448 	}
       
   449 
       
   450 	#language-switcher {
       
   451 		margin-top: 0;
   415 	}
   452 	}
   416 }
   453 }
   417 
   454 
   418 
   455 
   419 @media screen and (max-width: 782px) {
   456 @media screen and (max-width: 782px) {
   425 	.interim-login input[type=checkbox]:checked:before {
   462 	.interim-login input[type=checkbox]:checked:before {
   426 		width: 1.3125rem;
   463 		width: 1.3125rem;
   427 		height: 1.3125rem;
   464 		height: 1.3125rem;
   428 		margin: -0.1875rem 0 0 -0.25rem;
   465 		margin: -0.1875rem 0 0 -0.25rem;
   429 	}
   466 	}
   430 }
   467 
       
   468 	#language-switcher label,
       
   469 	#language-switcher select {
       
   470 		margin-right: 0;
       
   471 	}
       
   472 }
       
   473 
       
   474 @media screen and (max-width: 400px) {
       
   475 	.login .language-switcher .button-primary {
       
   476 		display: block;
       
   477 		margin: 5px auto 0;
       
   478 	}
       
   479 }