wp/wp-admin/css/install.css
changeset 5 5e2f62d02dcd
parent 0 d970ebf37754
child 7 cf61fcea0001
equal deleted inserted replaced
4:346c88efed21 5:5e2f62d02dcd
     1 html {
     1 html {
     2 	background: #f9f9f9;
     2 	background: #f1f1f1;
       
     3 	margin: 0 20px;
     3 }
     4 }
     4 
     5 
     5 body {
     6 body {
     6 	background: #fff;
     7 	background: #fff;
     7 	color: #333;
     8 	color: #444;
     8 	font-family: sans-serif;
     9 	font-family: "Open Sans", sans-serif;
     9 	margin: 2em auto;
    10 	margin: 140px auto 25px;
    10 	padding: 1em 2em;
    11 	padding: 20px 20px 10px 20px;
    11 	-webkit-border-radius: 3px;
       
    12 	border-radius: 3px;
       
    13 	border: 1px solid #dfdfdf;
       
    14 	max-width: 700px;
    12 	max-width: 700px;
       
    13 	-webkit-font-smoothing: subpixel-antialiased;
       
    14 	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
       
    15 	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
    15 }
    16 }
    16 
    17 
    17 a {
    18 a {
    18 	color: #21759b;
    19 	color: #0073aa;
    19 	text-decoration: none;
    20 	text-decoration: none;
    20 }
    21 }
    21 
    22 
    22 a:hover {
    23 a:hover {
    23 	color: #d54e21;
    24 	color: #00a0d2;
    24 }
    25 }
    25 
    26 
    26 h1 {
    27 h1 {
    27 	border-bottom: 1px solid #dadada;
    28 	border-bottom: 1px solid #dedede;
    28 	clear: both;
    29 	clear: both;
    29 	color: #666;
    30 	color: #666;
    30 	font: 24px Georgia, "Times New Roman", Times, serif;
    31 	font-size: 24px;
    31 	margin: 30px 0 0 0;
    32 	margin: 30px 0;
    32 	padding: 0;
    33 	padding: 0;
    33 	padding-bottom: 7px;
    34 	padding-bottom: 7px;
       
    35 	font-weight: normal;
    34 }
    36 }
    35 
    37 
    36 h2 {
    38 h2 {
    37 	font-size: 16px;
    39 	font-size: 16px;
    38 }
    40 }
    42 	font-size: 14px;
    44 	font-size: 14px;
    43 	line-height: 1.5;
    45 	line-height: 1.5;
    44 }
    46 }
    45 
    47 
    46 code, .code {
    48 code, .code {
    47 	font-size: 14px;
    49 	font-family: Consolas, Monaco, monospace;
    48 }
    50 }
    49 
    51 
    50 ul, ol, dl {
    52 ul, ol, dl {
    51 	padding: 5px 5px 5px 22px;
    53 	padding: 5px 5px 5px 22px;
    52 }
    54 }
    56 }
    58 }
    57 abbr {
    59 abbr {
    58 	border: 0;
    60 	border: 0;
    59 	font-variant: normal;
    61 	font-variant: normal;
    60 }
    62 }
       
    63 
       
    64 label {
       
    65 	cursor: pointer;
       
    66 }
       
    67 
    61 #logo {
    68 #logo {
    62 	margin: 6px 0 14px 0;
    69 	margin: 6px 0 14px 0;
    63 	border-bottom: none;
    70 	border-bottom: none;
    64 	text-align:center
    71 	text-align:center
    65 }
    72 }
    66 #logo a {
    73 #logo a {
    67 	background-image: url('../images/wordpress-logo.png?ver=20120216');
    74 	background-image: url(../images/w-logo-blue.png?ver=20131202);
    68 	background-size: 274px 63px;
    75 	background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
    69 	background-position: top center;
    76 	-webkit-background-size: 84px;
       
    77 	background-size: 84px;
       
    78 	background-position: center top;
    70 	background-repeat: no-repeat;
    79 	background-repeat: no-repeat;
    71 	height: 67px;
    80 	color: #999;
       
    81 	height: 84px;
       
    82 	font-size: 20px;
       
    83 	font-weight: normal;
       
    84 	line-height: 1.3em;
       
    85 	margin: -130px auto 25px;
       
    86 	padding: 0;
       
    87 	text-decoration: none;
       
    88 	width: 84px;
    72 	text-indent: -9999px;
    89 	text-indent: -9999px;
    73 	outline: none;
    90 	outline: none;
    74 	overflow: hidden;
    91 	overflow: hidden;
    75 	display: block;
    92 	display: block;
    76 }
    93 }
    77 @media print,
       
    78   (-o-min-device-pixel-ratio: 5/4),
       
    79   (-webkit-min-device-pixel-ratio: 1.25),
       
    80   (min-resolution: 120dpi) {
       
    81 	#logo a {
       
    82 		background-image: url('../images/wordpress-logo-2x.png?ver=20120412');
       
    83 		background-size: 274px 63px;
       
    84 	}
       
    85 }
       
    86 .step {
    94 .step {
    87 	margin: 20px 0 15px;
    95 	margin: 20px 0 15px;
    88 }
    96 }
    89 .step, th {
    97 .step, th {
    90 	text-align: left;
    98 	text-align: left;
    91 	padding: 0;
    99 	padding: 0;
    92 }
   100 }
    93 .step .button-large {
   101 .language-chooser.wp-core-ui .step .button.button-large {
       
   102 	height: 36px;
       
   103 	vertical-align: middle;
    94 	font-size: 14px;
   104 	font-size: 14px;
    95 }
   105 }
    96 textarea {
   106 textarea {
    97 	border: 1px solid #dfdfdf;
   107 	border: 1px solid #dfdfdf;
    98 	-webkit-border-radius: 3px;
   108 	font-family: "Open Sans", sans-serif;
    99 	border-radius: 3px;
   109 	width: 100%;
   100 	font-family: sans-serif;
   110 	-webkit-box-sizing: border-box;
   101 	width:  695px;
   111 	-moz-box-sizing: border-box;
       
   112 	box-sizing: border-box;
   102 }
   113 }
   103 
   114 
   104 .form-table {
   115 .form-table {
   105 	border-collapse: collapse;
   116 	border-collapse: collapse;
   106 	margin-top: 1em;
   117 	margin-top: 1em;
   117 
   128 
   118 .form-table th {
   129 .form-table th {
   119 	font-size: 14px;
   130 	font-size: 14px;
   120 	text-align: left;
   131 	text-align: left;
   121 	padding: 16px 20px 10px 0;
   132 	padding: 16px 20px 10px 0;
   122 	border-bottom: 8px solid #fff;
       
   123 	width: 140px;
   133 	width: 140px;
   124 	vertical-align: top;
   134 	vertical-align: top;
   125 }
   135 }
   126 
   136 
   127 .form-table code {
   137 .form-table code {
   135 }
   145 }
   136 
   146 
   137 .form-table input {
   147 .form-table input {
   138 	line-height: 20px;
   148 	line-height: 20px;
   139 	font-size: 15px;
   149 	font-size: 15px;
   140 	padding: 2px;
   150 	padding: 3px 5px;
   141 	border: 1px #dfdfdf solid;
   151 	border: 1px solid #ddd;
   142 	-webkit-border-radius: 3px;
   152 	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
   143 	border-radius: 3px;
   153 	box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
   144 	font-family: sans-serif;
   154 }
       
   155 
       
   156 input,
       
   157 submit {
       
   158 	font-family: "Open Sans", sans-serif;
   145 }
   159 }
   146 
   160 
   147 .form-table input[type=text],
   161 .form-table input[type=text],
       
   162 .form-table input[type=email],
       
   163 .form-table input[type=url],
   148 .form-table input[type=password] {
   164 .form-table input[type=password] {
   149 	width: 206px;
   165 	width: 206px;
   150 }
   166 }
   151 
   167 
   152 .form-table th p {
   168 .form-table th p {
   214 	border-color: #8dff1c !important;
   230 	border-color: #8dff1c !important;
   215 }
   231 }
   216 
   232 
   217 .message {
   233 .message {
   218 	border: 1px solid #c00;
   234 	border: 1px solid #c00;
   219 	-webkit-border-radius: 3px;
       
   220 	border-radius:         3px;
       
   221 	padding: 0.5em 0.7em;
   235 	padding: 0.5em 0.7em;
   222 	margin: 5px 0 15px;
   236 	margin: 5px 0 15px;
   223 	background-color: #ffebe8;
   237 	background-color: #ffebe8;
   224 }
   238 }
   225 
   239 
   226 /* install-rtl */
   240 /* rtl:ignore */
   227 body.rtl {
   241 #dbname,
   228 	font-family: Tahoma, arial;
   242 #uname,
   229 }
   243 #pwd,
   230 
   244 #dbhost,
   231 .rtl h1 {
   245 #prefix,
   232 	font-family: arial;
   246 #user_login,
   233 	margin: 5px -4px 0 0;
   247 #admin_email,
   234 }
   248 #pass1,
   235 
   249 #pass2 {
   236 .rtl ul,
   250 	direction: ltr;
   237 .rtl ol {
   251 }
   238 	padding: 5px 22px 5px 5px;
   252 
   239 }
   253 
   240 
   254 /* localization */
   241 .rtl .step,
   255 body.rtl,
   242 .rtl th,
   256 .rtl textarea,
   243 .rtl .form-table th {
   257 .rtl input,
       
   258 .rtl submit {
       
   259 	font-family: Tahoma, sans-serif;
       
   260 }
       
   261 
       
   262 :lang(he-il) body.rtl,
       
   263 :lang(he-il) .rtl textarea,
       
   264 :lang(he-il) .rtl input,
       
   265 :lang(he-il) .rtl submit {
       
   266 	font-family: Arial, sans-serif;
       
   267 }
       
   268 
       
   269 @media only screen and (max-width: 799px) {
       
   270 	body {
       
   271 		margin-top: 115px;
       
   272 	}
       
   273 	#logo a {
       
   274 		margin: -125px auto 30px;
       
   275 	}
       
   276 }
       
   277 
       
   278 @media screen and ( max-width: 782px ) {
       
   279 
       
   280 	.form-table {
       
   281 		margin-top: 0;
       
   282 	}
       
   283 
       
   284 	.form-table th,
       
   285 	.form-table td {
       
   286 		display: block;
       
   287 		width: auto;
       
   288 		vertical-align: middle;
       
   289 	}
       
   290 
       
   291 	.form-table th {
       
   292 		padding: 20px 0 0;
       
   293 	}
       
   294 
       
   295 	.form-table td {
       
   296 		padding: 5px 0;
       
   297 		border: 0;
       
   298 		margin: 0;
       
   299 	}
       
   300 
       
   301 	textarea,
       
   302 	input {
       
   303 		font-size: 16px;
       
   304 	}
       
   305 
       
   306 	.form-table td input[type="text"],
       
   307 	.form-table td input[type="email"],
       
   308 	.form-table td input[type="url"],
       
   309 	.form-table td input[type="password"],
       
   310 	.form-table td select,
       
   311 	.form-table td textarea,
       
   312 	.form-table span.description {
       
   313 		width: 100%;
       
   314 		font-size: 16px;
       
   315 		line-height: 1.5;
       
   316 		padding: 7px 10px;
       
   317 		display: block;
       
   318 		max-width: none;
       
   319 		-webkit-box-sizing: border-box;
       
   320 		-moz-box-sizing: border-box;
       
   321 		box-sizing: border-box;
       
   322 	}
       
   323 
       
   324 }
       
   325 
       
   326 body.language-chooser {
       
   327 	max-width: 300px;
       
   328 }
       
   329 
       
   330 .language-chooser select {
       
   331 	padding: 8px;
       
   332 	width: 100%;
       
   333 	display: block;
       
   334 	border: 1px solid #ddd;
       
   335 	background-color: #fff;
       
   336 	color: #32373c;
       
   337 	font-size: 16px;
       
   338 	font-family: Arial, sans-serif;
       
   339 	font-weight: normal;
       
   340 }
       
   341 
       
   342 .language-chooser p {
   244 	text-align: right;
   343 	text-align: right;
   245 }
   344 }
   246 
   345 
   247 .rtl .submit input,
   346 .screen-reader-input,
   248 .rtl .button,
   347 .screen-reader-text {
   249 .rtl .button-secondary {
   348 	position: absolute;
   250 	margin-right: 0;
   349 	margin: -1px;
   251 }
   350 	padding: 0;
   252 
   351 	height: 1px;
   253 .rtl #dbname,
   352 	width: 1px;
   254 .rtl #uname,
   353 	overflow: hidden;
   255 .rtl #pwd,
   354 	clip: rect(0 0 0 0);
   256 .rtl #dbhost,
   355 	border: 0;
   257 .rtl #prefix,
   356 }
   258 .rtl #user_login,
   357 
   259 .rtl #admin_email,
   358 .spinner {
   260 .rtl #pass1,
   359 	background: url(../images/spinner.gif) no-repeat;
   261 .rtl #pass2 {
   360 	-webkit-background-size: 20px 20px;
   262 	direction: ltr;
   361 	background-size: 20px 20px;
   263 }
   362 	visibility: hidden;
       
   363 	opacity: 0.7;
       
   364 	filter: alpha(opacity=70);
       
   365 	width: 20px;
       
   366 	height: 20px;
       
   367 	margin: 2px 5px 0;
       
   368 }
       
   369 
       
   370 .step .spinner {
       
   371 	display: inline-block;
       
   372 	margin-top: 8px;
       
   373 	margin-right: 15px;
       
   374 	vertical-align: top;
       
   375 }
       
   376 
       
   377 /**
       
   378  * HiDPI Displays
       
   379  */
       
   380 @media print,
       
   381   (-webkit-min-device-pixel-ratio: 1.25),
       
   382   (min-resolution: 120dpi) {
       
   383 
       
   384 	.spinner {
       
   385 		background-image: url(../images/spinner-2x.gif);
       
   386 	}
       
   387 
       
   388 }