/wp-admin/css/install.css

https://bitbucket.org/devbctph/futura_wp · CSS · 451 lines · 377 code · 69 blank · 5 comment · 0 complexity · 32d34c1ae9e1b6303fb0b846991d308b MD5 · raw file

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