You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

401 lines
6.1 KiB

1 year ago
  1. html {
  2. background: #f0f0f1;
  3. margin: 0 20px;
  4. }
  5. body {
  6. background: #fff;
  7. border: 1px solid #c3c4c7;
  8. color: #3c434a;
  9. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  10. margin: 140px auto 25px;
  11. padding: 20px 20px 10px;
  12. max-width: 700px;
  13. -webkit-font-smoothing: subpixel-antialiased;
  14. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  15. }
  16. a {
  17. color: #2271b1;
  18. }
  19. a:hover,
  20. a:active {
  21. color: #135e96;
  22. }
  23. a:focus {
  24. color: #043959;
  25. box-shadow:
  26. 0 0 0 1px #4f94d4,
  27. 0 0 2px 1px rgba(79, 148, 212, 0.8);
  28. }
  29. h1, h2 {
  30. border-bottom: 1px solid #dcdcde;
  31. clear: both;
  32. color: #646970;
  33. font-size: 24px;
  34. padding: 0 0 7px;
  35. font-weight: 400;
  36. }
  37. h3 {
  38. font-size: 16px;
  39. }
  40. p, li, dd, dt {
  41. padding-bottom: 2px;
  42. font-size: 14px;
  43. line-height: 1.5;
  44. }
  45. code, .code {
  46. font-family: Consolas, Monaco, monospace;
  47. }
  48. ul, ol, dl {
  49. padding: 5px 5px 5px 22px;
  50. }
  51. a img {
  52. border: 0
  53. }
  54. abbr {
  55. border: 0;
  56. font-variant: normal;
  57. }
  58. fieldset {
  59. border: 0;
  60. padding: 0;
  61. margin: 0;
  62. }
  63. label {
  64. cursor: pointer;
  65. }
  66. #logo {
  67. margin: -130px auto 25px;
  68. padding: 0 0 25px;
  69. width: 84px;
  70. height: 84px;
  71. overflow: hidden;
  72. background-image: url(../images/w-logo-blue.png?ver=20131202);
  73. background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
  74. background-size: 84px;
  75. background-position: center top;
  76. background-repeat: no-repeat;
  77. color: #3c434a; /* same as login.css */
  78. font-size: 20px;
  79. font-weight: 400;
  80. line-height: 1.3em;
  81. text-decoration: none;
  82. text-align: center;
  83. text-indent: -9999px;
  84. outline: none;
  85. }
  86. .step {
  87. margin: 20px 0 15px;
  88. }
  89. .step, th {
  90. text-align: left;
  91. padding: 0;
  92. }
  93. .language-chooser.wp-core-ui .step .button.button-large {
  94. font-size: 14px;
  95. }
  96. textarea {
  97. border: 1px solid #dcdcde;
  98. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  99. width: 100%;
  100. box-sizing: border-box;
  101. }
  102. .form-table {
  103. border-collapse: collapse;
  104. margin-top: 1em;
  105. width: 100%;
  106. }
  107. .form-table td {
  108. margin-bottom: 9px;
  109. padding: 10px 20px 10px 0;
  110. font-size: 14px;
  111. vertical-align: top
  112. }
  113. .form-table th {
  114. font-size: 14px;
  115. text-align: left;
  116. padding: 10px 20px 10px 0;
  117. width: 115px;
  118. vertical-align: top;
  119. }
  120. .form-table code {
  121. line-height: 1.28571428;
  122. font-size: 14px;
  123. }
  124. .form-table p {
  125. margin: 4px 0 0;
  126. font-size: 11px;
  127. }
  128. .form-table .setup-description {
  129. margin: 4px 0 0;
  130. line-height: 1.6;
  131. }
  132. .form-table input {
  133. line-height: 1.33333333;
  134. font-size: 15px;
  135. padding: 3px 5px;
  136. }
  137. .wp-pwd {
  138. margin-top: 0;
  139. }
  140. .form-table .wp-pwd {
  141. display: flex;
  142. column-gap: 4px;
  143. }
  144. .form-table .password-input-wrapper {
  145. width: 100%;
  146. }
  147. input,
  148. submit {
  149. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  150. }
  151. .form-table input[type=text],
  152. .form-table input[type=email],
  153. .form-table input[type=url],
  154. .form-table input[type=password],
  155. #pass-strength-result {
  156. width: 100%;
  157. }
  158. .form-table th p {
  159. font-weight: 400;
  160. }
  161. .form-table.install-success th,
  162. .form-table.install-success td {
  163. vertical-align: middle;
  164. padding: 16px 20px 16px 0;
  165. }
  166. .form-table.install-success td p {
  167. margin: 0;
  168. font-size: 14px;
  169. }
  170. .form-table.install-success td code {
  171. margin: 0;
  172. font-size: 18px;
  173. }
  174. #error-page {
  175. margin-top: 50px;
  176. }
  177. #error-page p {
  178. font-size: 14px;
  179. line-height: 1.28571428;
  180. margin: 25px 0 20px;
  181. }
  182. #error-page code, .code {
  183. font-family: Consolas, Monaco, monospace;
  184. }
  185. .message {
  186. border-left: 4px solid #d63638;
  187. padding: .7em .6em;
  188. background-color: #fcf0f1;
  189. }
  190. /* rtl:ignore */
  191. #dbname,
  192. #uname,
  193. #pwd,
  194. #dbhost,
  195. #prefix,
  196. #user_login,
  197. #admin_email,
  198. #pass1,
  199. #pass2 {
  200. direction: ltr;
  201. }
  202. /* localization */
  203. body.rtl,
  204. .rtl textarea,
  205. .rtl input,
  206. .rtl submit {
  207. font-family: Tahoma, sans-serif;
  208. }
  209. :lang(he-il) body.rtl,
  210. :lang(he-il) .rtl textarea,
  211. :lang(he-il) .rtl input,
  212. :lang(he-il) .rtl submit {
  213. font-family: Arial, sans-serif;
  214. }
  215. @media only screen and (max-width: 799px) {
  216. body {
  217. margin-top: 115px;
  218. }
  219. #logo a {
  220. margin: -125px auto 30px;
  221. }
  222. }
  223. @media screen and (max-width: 782px) {
  224. .form-table {
  225. margin-top: 0;
  226. }
  227. .form-table th,
  228. .form-table td {
  229. display: block;
  230. width: auto;
  231. vertical-align: middle;
  232. }
  233. .form-table th {
  234. padding: 20px 0 0;
  235. }
  236. .form-table td {
  237. padding: 5px 0;
  238. border: 0;
  239. margin: 0;
  240. }
  241. textarea,
  242. input {
  243. font-size: 16px;
  244. }
  245. .form-table td input[type="text"],
  246. .form-table td input[type="email"],
  247. .form-table td input[type="url"],
  248. .form-table td input[type="password"],
  249. .form-table td select,
  250. .form-table td textarea,
  251. .form-table span.description {
  252. width: 100%;
  253. font-size: 16px;
  254. line-height: 1.5;
  255. padding: 7px 10px;
  256. display: block;
  257. max-width: none;
  258. box-sizing: border-box;
  259. }
  260. #pwd {
  261. padding-right: 2.5rem;
  262. }
  263. .wp-pwd #pass1 {
  264. padding-right: 50px;
  265. }
  266. .wp-pwd .button.wp-hide-pw {
  267. right: 0;
  268. }
  269. #pass-strength-result {
  270. width: 100%;
  271. }
  272. }
  273. body.language-chooser {
  274. max-width: 300px;
  275. }
  276. .language-chooser select {
  277. padding: 8px;
  278. width: 100%;
  279. display: block;
  280. border: 1px solid #dcdcde;
  281. background: #fff;
  282. color: #2c3338;
  283. font-size: 16px;
  284. font-family: Arial, sans-serif;
  285. font-weight: 400;
  286. }
  287. .language-chooser select:focus {
  288. color: #2c3338;
  289. }
  290. .language-chooser select option:hover,
  291. .language-chooser select option:focus {
  292. color: #0a4b78;
  293. }
  294. .language-chooser .step {
  295. text-align: right;
  296. }
  297. .screen-reader-input,
  298. .screen-reader-text {
  299. border: 0;
  300. clip: rect(1px, 1px, 1px, 1px);
  301. -webkit-clip-path: inset(50%);
  302. clip-path: inset(50%);
  303. height: 1px;
  304. margin: -1px;
  305. overflow: hidden;
  306. padding: 0;
  307. position: absolute;
  308. width: 1px;
  309. word-wrap: normal !important;
  310. }
  311. .spinner {
  312. background: url(../images/spinner.gif) no-repeat;
  313. background-size: 20px 20px;
  314. visibility: hidden;
  315. opacity: 0.7;
  316. filter: alpha(opacity=70);
  317. width: 20px;
  318. height: 20px;
  319. margin: 2px 5px 0;
  320. }
  321. .step .spinner {
  322. display: inline-block;
  323. vertical-align: middle;
  324. margin-right: 15px;
  325. }
  326. .button.hide-if-no-js,
  327. .hide-if-no-js {
  328. display: none;
  329. }
  330. /**
  331. * HiDPI Displays
  332. */
  333. @media print,
  334. (-webkit-min-device-pixel-ratio: 1.25),
  335. (min-resolution: 120dpi) {
  336. .spinner {
  337. background-image: url(../images/spinner-2x.gif);
  338. }
  339. }