wp/wp-admin/css/login-rtl.css
changeset 9 177826044cd9
parent 7 cf61fcea0001
child 16 a86126ab1dd4
equal deleted inserted replaced
8:c7c34916027a 9:177826044cd9
     1 @import url(forms-rtl.css);
       
     2 @import url(l10n-rtl.css);
       
     3 
       
     4 html,
     1 html,
     5 body {
     2 body {
     6 	height: 100%;
     3 	height: 100%;
     7 	margin: 0;
     4 	margin: 0;
     8 	padding: 0;
     5 	padding: 0;
    35 
    32 
    36 a:focus {
    33 a:focus {
    37 	color: #124964;
    34 	color: #124964;
    38 	box-shadow:
    35 	box-shadow:
    39 		0 0 0 1px #5b9dd9,
    36 		0 0 0 1px #5b9dd9,
    40 		0 0 2px 1px rgba(30, 140, 190, .8);
    37 		0 0 2px 1px rgba(30, 140, 190, 0.8);
    41 }
    38 }
    42 
    39 
    43 .ie8 a:focus {
    40 .ie8 a:focus {
    44 	outline: #5b9dd9 solid 1px;
    41 	outline: #5b9dd9 solid 1px;
    45 }
    42 }
    54 	border-right: 4px solid #00a0d2;
    51 	border-right: 4px solid #00a0d2;
    55 	padding: 12px;
    52 	padding: 12px;
    56 	margin-right: 0;
    53 	margin-right: 0;
    57 	margin-bottom: 20px;
    54 	margin-bottom: 20px;
    58 	background-color: #fff;
    55 	background-color: #fff;
    59 	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    56 	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    60 }
    57 }
    61 
    58 
    62 .login .success {
    59 .login .success {
    63 	border-right-color: #46b450;
    60 	border-right-color: #46b450;
    64 }
    61 }
    77 	margin: 0;
    74 	margin: 0;
    78 	padding: 0;
    75 	padding: 0;
    79 }
    76 }
    80 
    77 
    81 .login .password-input-wrapper {
    78 .login .password-input-wrapper {
    82     display: table;
    79 	position: relative;
    83 }
    80 }
    84 
    81 
    85 .login .input.password-input {
    82 .login .input.password-input {
    86     display: table-cell;
    83 	margin: 0;
    87     margin: 0;
    84 }
       
    85 
       
    86 .login .input::-ms-clear {
       
    87 	display: none;
    88 }
    88 }
    89 
    89 
    90 .login .pw-weak {
    90 .login .pw-weak {
    91     margin-bottom: 15px;
    91 	margin-bottom: 15px;
    92 }
    92 }
    93 
    93 
    94 .login .button.button-secondary {
    94 .login .button.button-secondary {
    95     display: table-cell;
    95 	background: transparent;
    96     border-radius: 0;
    96 	border: 1px solid transparent;
    97     vertical-align: middle;
    97 	box-shadow: none;
       
    98 	font-size: 14px;
       
    99 	line-height: 2;
       
   100 	height: auto;
       
   101 	margin: 0;
       
   102 	padding: 5px 9px;
       
   103 	position: absolute;
       
   104 	left: 0;
       
   105 	top: 0;
       
   106 }
       
   107 
       
   108 .login .button.button-secondary:hover {
       
   109 	background: transparent;
       
   110 }
       
   111 
       
   112 .login .button.button-secondary:focus {
       
   113 	background: transparent;
       
   114 	border-color: #5b9dd9;
       
   115 	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
       
   116 }
       
   117 
       
   118 .login .button.button-secondary:active {
       
   119 	background: transparent;
       
   120 	box-shadow: none;
       
   121 	transform: none;
    98 }
   122 }
    99 
   123 
   100 .login form {
   124 .login form {
   101 	margin-top: 20px;
   125 	margin-top: 20px;
   102 	margin-right: 0;
   126 	margin-right: 0;
   103 	padding: 26px 24px 46px;
   127 	padding: 26px 24px 46px;
   104 	font-weight: 400;
   128 	font-weight: 400;
   105 	overflow: hidden;
   129 	overflow: hidden;
   106 	background: #fff;
   130 	background: #fff;
   107 	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
   131 	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
   108 }
   132 }
   109 
   133 
   110 .login form .forgetmenot {
   134 .login form .forgetmenot {
   111 	font-weight: 400;
   135 	font-weight: 400;
   112 	float: right;
   136 	float: right;
   125 	margin: 0;
   149 	margin: 0;
   126 	padding: 0;
   150 	padding: 0;
   127 }
   151 }
   128 
   152 
   129 .login label {
   153 .login label {
   130 	color: #72777c;
       
   131 	font-size: 14px;
   154 	font-size: 14px;
   132 }
   155 }
   133 
   156 
   134 .login form .forgetmenot label {
   157 .login form .forgetmenot label {
   135 	font-size: 12px;
   158 	font-size: 12px;
   207 
   230 
   208 .login form .input,
   231 .login form .input,
   209 .login input[type="text"] {
   232 .login input[type="text"] {
   210 	font-size: 24px;
   233 	font-size: 24px;
   211 	width: 100%;
   234 	width: 100%;
   212 	padding: 3px;
   235 	padding: 5px;
   213 	margin: 2px 0 16px 6px;
   236 	margin: 2px 0 16px 6px;
       
   237 }
       
   238 
       
   239 .login-action-rp form .input,
       
   240 .login-action-rp input[type="text"] {
       
   241 	padding: 5px 5px 5px 45px;
   214 }
   242 }
   215 
   243 
   216 .login form .input,
   244 .login form .input,
   217 .login input[type="text"],
   245 .login input[type="text"],
   218 .login form input[type="checkbox"] {
   246 .login form input[type="checkbox"] {
   261 
   289 
   262 @-ms-viewport {
   290 @-ms-viewport {
   263 	width: device-width;
   291 	width: device-width;
   264 }
   292 }
   265 
   293 
   266 @media screen and ( max-height: 550px ) {
   294 @media screen and (max-height: 550px) {
   267 	#login {
   295 	#login {
   268 		padding: 20px 0;
   296 		padding: 20px 0;
   269 	}
   297 	}
   270 }
   298 }
   271 
   299 
   272 @media screen and ( max-width: 782px ) {
   300 @media screen and (max-width: 782px) {
   273 	.interim-login input[type=checkbox] {
   301 	.interim-login input[type=checkbox] {
   274 		height: 16px;
   302 		height: 16px;
   275 		width: 16px;
   303 		width: 16px;
   276 	}
   304 	}
   277 
   305