/wp-includes/css/wp-auth-check-rtl.css

https://bitbucket.org/skyarch-iijima/wordpress · CSS · 124 lines · 104 code · 17 blank · 3 comment · 0 complexity · 7cb42356da59917aef639d39a31ff6e4 MD5 · raw file

  1. /*------------------------------------------------------------------------------
  2. Interim login dialog
  3. ------------------------------------------------------------------------------*/
  4. #wp-auth-check-wrap.hidden {
  5. display: none;
  6. }
  7. #wp-auth-check-wrap #wp-auth-check-bg {
  8. position: fixed;
  9. top: 0;
  10. bottom: 0;
  11. right: 0;
  12. left: 0;
  13. background: #000;
  14. opacity: 0.7;
  15. filter: alpha(opacity=70);
  16. z-index: 1000010; /* needs to appear above .notification-dialog */
  17. }
  18. #wp-auth-check-wrap #wp-auth-check {
  19. position: fixed;
  20. right: 50%;
  21. overflow: hidden;
  22. top: 40px;
  23. bottom: 20px;
  24. max-height: 415px;
  25. width: 380px;
  26. margin: 0 -190px 0 0;
  27. padding: 30px 0 0;
  28. background-color: #f1f1f1;
  29. z-index: 1000011; /* needs to appear above #wp-auth-check-bg */
  30. box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  31. }
  32. @media screen and ( max-width: 380px ) {
  33. #wp-auth-check-wrap #wp-auth-check {
  34. right: 0;
  35. width: 100%;
  36. margin: 0;
  37. }
  38. }
  39. #wp-auth-check-wrap.fallback #wp-auth-check {
  40. max-height: 180px;
  41. overflow: auto;
  42. }
  43. #wp-auth-check-wrap #wp-auth-check-form {
  44. height: 100%;
  45. position: relative;
  46. overflow: auto;
  47. -webkit-overflow-scrolling: touch;
  48. }
  49. #wp-auth-check-form.loading:before {
  50. content: "";
  51. display: block;
  52. width: 20px;
  53. height: 20px;
  54. position: absolute;
  55. right: 50%;
  56. top: 50%;
  57. margin: -10px -10px 0 0;
  58. background: url(../images/spinner.gif) no-repeat center;
  59. background-size: 20px 20px;
  60. -webkit-transform: translateZ(0);
  61. transform: translateZ(0);
  62. }
  63. @media print,
  64. (-webkit-min-device-pixel-ratio: 1.25),
  65. (min-resolution: 120dpi) {
  66. #wp-auth-check-form.loading:before {
  67. background-image: url(../images/spinner-2x.gif);
  68. }
  69. }
  70. #wp-auth-check-wrap #wp-auth-check-form iframe {
  71. height: 98%; /* Scrollbar fix */
  72. width: 100%;
  73. }
  74. #wp-auth-check-wrap .wp-auth-check-close {
  75. position: absolute;
  76. top: 5px;
  77. left: 5px;
  78. height: 22px;
  79. width: 22px;
  80. color: #72777c;
  81. text-decoration: none;
  82. text-align: center;
  83. }
  84. #wp-auth-check-wrap .wp-auth-check-close:before {
  85. content: "\f158";
  86. font: normal 20px/22px dashicons;
  87. speak: none;
  88. -webkit-font-smoothing: antialiased !important;
  89. -moz-osx-font-smoothing: grayscale;
  90. }
  91. #wp-auth-check-wrap .wp-auth-check-close:hover,
  92. #wp-auth-check-wrap .wp-auth-check-close:focus {
  93. color: #0073aa;
  94. }
  95. #wp-auth-check-wrap .wp-auth-fallback-expired {
  96. outline: 0;
  97. }
  98. #wp-auth-check-wrap .wp-auth-fallback {
  99. font-size: 14px;
  100. line-height: 21px;
  101. padding: 0 25px;
  102. display: none;
  103. }
  104. #wp-auth-check-wrap.fallback .wp-auth-fallback,
  105. #wp-auth-check-wrap.fallback .wp-auth-check-close {
  106. display: block;
  107. }