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

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