home *** CD-ROM | disk | FTP | other *** search
/ HTML Examples / WP.iso / wordpress / wp-admin / css / login-rtl.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2017-09-21  |  4.0 KB  |  273 lines
  1. @import url(forms-rtl.css);
  2. @import url(l10n-rtl.css);
  3.  
  4. html,
  5. body {
  6.     height: 100%;
  7.     margin: 0;
  8.     padding: 0;
  9. }
  10.  
  11. body {
  12.     background: #f1f1f1;
  13.     min-width: 0;
  14.     color: #444;
  15.     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  16.     font-size: 13px;
  17.     line-height: 1.4em;
  18. }
  19.  
  20. a {
  21.     color: #0073aa;
  22.     transition-property: border, background, color;
  23.     transition-duration: .05s;
  24.     transition-timing-function: ease-in-out;
  25. }
  26.  
  27. a {
  28.     outline: 0;
  29. }
  30.  
  31. a:hover,
  32. a:active {
  33.     color: #00a0d2;
  34. }
  35.  
  36. a:focus {
  37.     color: #124964;
  38.     box-shadow:
  39.         0 0 0 1px #5b9dd9,
  40.         0 0 2px 1px rgba(30, 140, 190, .8);
  41. }
  42.  
  43. .ie8 a:focus {
  44.     outline: #5b9dd9 solid 1px;
  45. }
  46.  
  47. p {
  48.     line-height: 1.5;
  49. }
  50.  
  51. .login .message,
  52. .login #login_error {
  53.     border-right: 4px solid #00a0d2;
  54.     padding: 12px;
  55.     margin-right: 0;
  56.     margin-bottom: 20px;
  57.     background-color: #fff;
  58.     box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
  59. }
  60.  
  61. .login #login_error {
  62.     border-right-color: #dc3232;
  63. }
  64.  
  65. #loginform p.submit,
  66. .login-action-lostpassword p.submit {
  67.     border: none;
  68.     margin: -10px 0 20px; /* May want to revisit this */
  69. }
  70.  
  71. .login * {
  72.     margin: 0;
  73.     padding: 0;
  74. }
  75.  
  76. .login .password-input-wrapper {
  77.     display: table;
  78. }
  79.  
  80. .login .input.password-input {
  81.     display: table-cell;
  82.     margin: 0;
  83. }
  84.  
  85. .login .pw-weak {
  86.     margin-bottom: 15px;
  87. }
  88.  
  89. .login .button.button-secondary {
  90.     display: table-cell;
  91.     border-radius: 0;
  92.     vertical-align: middle;
  93. }
  94.  
  95. .login form {
  96.     margin-top: 20px;
  97.     margin-right: 0;
  98.     padding: 26px 24px 46px;
  99.     font-weight: 400;
  100.     overflow: hidden;
  101.     background: #fff;
  102.     box-shadow: 0 1px 3px rgba(0,0,0,0.13);
  103. }
  104.  
  105. .login form .forgetmenot {
  106.     font-weight: 400;
  107.     float: right;
  108.     margin-bottom: 0;
  109. }
  110.  
  111. .login .button-primary {
  112.     float: left;
  113. }
  114.  
  115. #login form p {
  116.     margin-bottom: 0;
  117. }
  118.  
  119. #login form p.submit {
  120.     margin: 0;
  121.     padding: 0;
  122. }
  123.  
  124. .login label {
  125.     color: #72777c;
  126.     font-size: 14px;
  127. }
  128.  
  129. .login form .forgetmenot label {
  130.     font-size: 12px;
  131.     line-height: 19px;
  132. }
  133.  
  134. .login h1 {
  135.     text-align: center;
  136. }
  137.  
  138. .login h1 a {
  139.     background-image: url(../images/w-logo-blue.png?ver=20131202);
  140.     background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
  141.     background-size: 84px;
  142.     background-position: center top;
  143.     background-repeat: no-repeat;
  144.     color: #444;
  145.     height: 84px;
  146.     font-size: 20px;
  147.     font-weight: 400;
  148.     line-height: 1.3em;
  149.     margin: 0 auto 25px;
  150.     padding: 0;
  151.     text-decoration: none;
  152.     width: 84px;
  153.     text-indent: -9999px;
  154.     outline: none;
  155.     overflow: hidden;
  156.     display: block;
  157. }
  158.  
  159. #login {
  160.     width: 320px;
  161.     padding: 8% 0 0;
  162.     margin: auto;
  163. }
  164.  
  165. .login #nav,
  166. .login #backtoblog {
  167.     font-size: 13px;
  168.     padding: 0 24px 0;
  169. }
  170.  
  171. .login #nav {
  172.     margin: 24px 0 0 0;
  173. }
  174.  
  175. #backtoblog {
  176.     margin: 16px 0;
  177. }
  178.  
  179. .login #nav a,
  180. .login #backtoblog a {
  181.     text-decoration: none;
  182.     color: #555d66;
  183. }
  184.  
  185. .login #nav a:hover,
  186. .login #backtoblog a:hover,
  187. .login h1 a:hover {
  188.     color: #00a0d2;
  189. }
  190.  
  191. .login #nav a:focus,
  192. .login #backtoblog a:focus,
  193. .login h1 a:focus {
  194.     color: #124964;
  195. }
  196.  
  197. .login form .input,
  198. .login input[type="text"] {
  199.     font-size: 24px;
  200.     width: 100%;
  201.     padding: 3px;
  202.     margin: 2px 0 16px 6px;
  203. }
  204.  
  205. .login form .input,
  206. .login input[type="text"],
  207. .login form input[type="checkbox"] {
  208.     background: #fbfbfb;
  209. }
  210.  
  211. .ie7 .login form .input,
  212. .ie8 .login form .input {
  213.     font-family: sans-serif;
  214. }
  215.  
  216. .login-action-rp input[type="text"] {
  217.     box-shadow: none;
  218.     margin: 0;
  219. }
  220.  
  221. .login #pass-strength-result {
  222.     font-weight: 600;
  223.     margin: -1px 0 16px 5px;
  224.     padding: 6px 5px;
  225.     text-align: center;
  226.     width: 100%;
  227. }
  228.  
  229. body.interim-login {
  230.     height: auto;
  231. }
  232.  
  233. .interim-login #login {
  234.     padding: 0;
  235.     margin: 5px auto 20px;
  236. }
  237.  
  238. .interim-login.login h1 a {
  239.     width: auto;
  240. }
  241.  
  242. .interim-login #login_error,
  243. .interim-login.login .message {
  244.     margin: 0 0 16px;
  245. }
  246.  
  247. .interim-login.login form {
  248.     margin: 0;
  249. }
  250.  
  251. @-ms-viewport {
  252.     width: device-width;
  253. }
  254.  
  255. @media screen and ( max-height: 550px ) {
  256.     #login {
  257.         padding: 20px 0;
  258.     }
  259. }
  260.  
  261. @media screen and ( max-width: 782px ) {
  262.     .interim-login input[type=checkbox] {
  263.         height: 16px;
  264.         width: 16px;
  265.     }
  266.  
  267.     .interim-login input[type=checkbox]:checked:before {
  268.         width: 16px;
  269.         font: normal 21px/1 dashicons;
  270.         margin: -3px -4px 0 0;
  271.     }
  272. }
  273.