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         background: url(../images/spinner-2x.gif) no-repeat center center;
  52         -webkit-background-size: 16px 16px;
  53         background-size: 16px 16px;
  54         height: 100%;
  55         overflow: auto;
  56         -webkit-overflow-scrolling: touch;
  57 }
  58
  59 #wp-auth-check-wrap #wp-auth-check-form iframe {
  60         height: 98%; /* Scrollbar fix */
  61         width: 100%;
  62 }
  63
  64 #wp-auth-check-wrap .wp-auth-check-close {
  65         position: absolute;
  66         top: 8px;
  67         right: 8px;
  68         height: 22px;
  69         width: 22px;
  70         cursor: pointer;
  71 }
  72
  73 #wp-auth-check-wrap .wp-auth-check-close:before {
  74         content: '\f158';
  75         display: block !important;
  76         font: normal 20px/1 'dashicons';
  77         speak: none;
  78         height: 22px;
  79         margin: 2px 0;
  80         text-align: center;
  81         width: 22px;
  82         color: #777;
  83         -webkit-font-smoothing: antialiased !important;
  84         -moz-osx-font-smoothing: grayscale;
  85 }
  86
  87 #wp-auth-check-wrap .wp-auth-check-close:hover:before {
  88         color: #0073aa;
  89 }
  90
  91 #wp-auth-check-wrap .wp-auth-check-close:focus {
  92         outline: 1px dotted #82878c;
  93 }
  94
  95 #wp-auth-check-wrap .wp-auth-fallback-expired {
  96         outline: 0;
  97 }
  98
  99 #wp-auth-check-wrap .wp-auth-fallback {
 100         font-size: 14px;
 101         line-height: 21px;
 102         padding: 0 25px;
 103         display: none;
 104 }
 105
 106 #wp-auth-check-wrap.fallback .wp-auth-fallback,
 107 #wp-auth-check-wrap.fallback .wp-auth-check-close {
 108         display: block;
 109 }