[Summary view] [Print] [Text view]

   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: #f0f0f1;
  32      z-index: 1000011; /* needs to appear above #wp-auth-check-bg */
  33      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  34  }
  35  
  36  @media screen and (max-width: 380px) {
  37      #wp-auth-check-wrap #wp-auth-check {
  38          left: 0;
  39          width: 100%;
  40          margin: 0;
  41      }
  42  }
  43  
  44  #wp-auth-check-wrap.fallback #wp-auth-check {
  45      max-height: 180px;
  46      overflow: auto;
  47  }
  48  
  49  #wp-auth-check-wrap #wp-auth-check-form {
  50      height: 100%;
  51      position: relative;
  52      overflow: auto;
  53      -webkit-overflow-scrolling: touch;
  54  }
  55  
  56  #wp-auth-check-form.loading:before {
  57      content: "";
  58      display: block;
  59      width: 20px;
  60      height: 20px;
  61      position: absolute;
  62      left: 50%;
  63      top: 50%;
  64      margin: -10px 0 0 -10px;
  65      background: url(../images/spinner.gif) no-repeat center;
  66      background-size: 20px 20px;
  67      transform: translateZ(0);
  68  }
  69  
  70  @media print,
  71    (min-resolution: 120dpi) {
  72  
  73      #wp-auth-check-form.loading:before {
  74          background-image: url(../images/spinner-2x.gif);
  75      }
  76  
  77  }
  78  
  79  #wp-auth-check-wrap #wp-auth-check-form iframe {
  80      height: 98%; /* Scrollbar fix */
  81      width: 100%;
  82  }
  83  
  84  #wp-auth-check-wrap .wp-auth-check-close {
  85      position: absolute;
  86      top: 5px;
  87      right: 5px;
  88      height: 22px;
  89      width: 22px;
  90      color: #787c82;
  91      text-decoration: none;
  92      text-align: center;
  93  }
  94  
  95  #wp-auth-check-wrap .wp-auth-check-close:before {
  96      content: "\f158";
  97      font: normal 20px/22px dashicons;
  98      speak: never;
  99      -webkit-font-smoothing: antialiased !important;
 100      -moz-osx-font-smoothing: grayscale;
 101  }
 102  
 103  #wp-auth-check-wrap .wp-auth-check-close:hover,
 104  #wp-auth-check-wrap .wp-auth-check-close:focus {
 105      color: #2271b1;
 106  }
 107  
 108  #wp-auth-check-wrap .wp-auth-fallback-expired {
 109      outline: 0;
 110  }
 111  
 112  #wp-auth-check-wrap .wp-auth-fallback {
 113      font-size: 14px;
 114      line-height: 1.5;
 115      padding: 0 25px;
 116      display: none;
 117  }
 118  
 119  #wp-auth-check-wrap.fallback .wp-auth-fallback,
 120  #wp-auth-check-wrap.fallback .wp-auth-check-close {
 121      display: block;
 122  }