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.
 
 
 
 
 

463 lines
7.2 KiB

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