wp-auth-check.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  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. left: 0;
  12. right: 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. left: 50%;
  21. overflow: hidden;
  22. top: 40px;
  23. bottom: 20px;
  24. max-height: 415px;
  25. width: 380px;
  26. margin: 0 0 0 -190px;
  27. padding: 30px 0 0;
  28. background-color: #f0f0f1;
  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. left: 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. left: 50%;
  56. top: 50%;
  57. margin: -10px 0 0 -10px;
  58. background: url(../images/spinner.gif) no-repeat center;
  59. background-size: 20px 20px;
  60. transform: translateZ(0);
  61. }
  62. @media print,
  63. (-webkit-min-device-pixel-ratio: 1.25),
  64. (min-resolution: 120dpi) {
  65. #wp-auth-check-form.loading:before {
  66. background-image: url(../images/spinner-2x.gif);
  67. }
  68. }
  69. #wp-auth-check-wrap #wp-auth-check-form iframe {
  70. height: 98%; /* Scrollbar fix */
  71. width: 100%;
  72. }
  73. #wp-auth-check-wrap .wp-auth-check-close {
  74. position: absolute;
  75. top: 5px;
  76. right: 5px;
  77. height: 22px;
  78. width: 22px;
  79. color: #787c82;
  80. text-decoration: none;
  81. text-align: center;
  82. }
  83. #wp-auth-check-wrap .wp-auth-check-close:before {
  84. content: "\f158";
  85. font: normal 20px/22px dashicons;
  86. speak: never;
  87. -webkit-font-smoothing: antialiased !important;
  88. -moz-osx-font-smoothing: grayscale;
  89. }
  90. #wp-auth-check-wrap .wp-auth-check-close:hover,
  91. #wp-auth-check-wrap .wp-auth-check-close:focus {
  92. color: #2271b1;
  93. }
  94. #wp-auth-check-wrap .wp-auth-fallback-expired {
  95. outline: 0;
  96. }
  97. #wp-auth-check-wrap .wp-auth-fallback {
  98. font-size: 14px;
  99. line-height: 1.5;
  100. padding: 0 25px;
  101. display: none;
  102. }
  103. #wp-auth-check-wrap.fallback .wp-auth-fallback,
  104. #wp-auth-check-wrap.fallback .wp-auth-check-close {
  105. display: block;
  106. }