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