wp-auth-check-rtl.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. /*! This file is auto-generated */
  2. /*------------------------------------------------------------------------------
  3. Interim login dialog
  4. ------------------------------------------------------------------------------*/
  5. #wp-auth-check-wrap.hidden {
  6. display: none;
  7. }
  8. #wp-auth-check-wrap #wp-auth-check-bg {
  9. position: fixed;
  10. top: 0;
  11. bottom: 0;
  12. right: 0;
  13. left: 0;
  14. background: #000;
  15. opacity: 0.7;
  16. filter: alpha(opacity=70);
  17. z-index: 1000010; /* needs to appear above .notification-dialog */
  18. }
  19. #wp-auth-check-wrap #wp-auth-check {
  20. position: fixed;
  21. right: 50%;
  22. overflow: hidden;
  23. top: 40px;
  24. bottom: 20px;
  25. max-height: 415px;
  26. width: 380px;
  27. margin: 0 -190px 0 0;
  28. padding: 30px 0 0;
  29. background-color: #f0f0f1;
  30. z-index: 1000011; /* needs to appear above #wp-auth-check-bg */
  31. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  32. }
  33. @media screen and (max-width: 380px) {
  34. #wp-auth-check-wrap #wp-auth-check {
  35. right: 0;
  36. width: 100%;
  37. margin: 0;
  38. }
  39. }
  40. #wp-auth-check-wrap.fallback #wp-auth-check {
  41. max-height: 180px;
  42. overflow: auto;
  43. }
  44. #wp-auth-check-wrap #wp-auth-check-form {
  45. height: 100%;
  46. position: relative;
  47. overflow: auto;
  48. -webkit-overflow-scrolling: touch;
  49. }
  50. #wp-auth-check-form.loading:before {
  51. content: "";
  52. display: block;
  53. width: 20px;
  54. height: 20px;
  55. position: absolute;
  56. right: 50%;
  57. top: 50%;
  58. margin: -10px -10px 0 0;
  59. background: url(../images/spinner.gif) no-repeat center;
  60. background-size: 20px 20px;
  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: #787c82;
  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: never;
  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: #2271b1;
  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: 1.5;
  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. }