home *** CD-ROM | disk | FTP | other *** search
/ HTML Examples / WP.iso / wordpress / wp-includes / css / wp-auth-check-rtl.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2017-07-15  |  2.5 KB  |  125 lines
  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.     right: 0;
  14.     left: 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.     right: 50%;
  24.     overflow: hidden;
  25.     top: 40px;
  26.     bottom: 20px;
  27.     max-height: 415px;
  28.     width: 380px;
  29.     margin: 0 -190px 0 0;
  30.     padding: 30px 0 0;
  31.     background-color: #f1f1f1;
  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.         right: 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.     right: 50%;
  63.     top: 50%;
  64.     margin: -10px -10px 0 0;
  65.     background: url(../images/spinner.gif) no-repeat center;
  66.     background-size: 20px 20px;
  67.     -webkit-transform: translateZ(0);
  68.     transform: translateZ(0);
  69. }
  70.  
  71. @media print,
  72.   (-webkit-min-device-pixel-ratio: 1.25),
  73.   (min-resolution: 120dpi) {
  74.  
  75.     #wp-auth-check-form.loading:before {
  76.         background-image: url(../images/spinner-2x.gif);
  77.     }
  78.  
  79. }
  80.  
  81. #wp-auth-check-wrap #wp-auth-check-form iframe {
  82.     height: 98%; /* Scrollbar fix */
  83.     width: 100%;
  84. }
  85.  
  86. #wp-auth-check-wrap .wp-auth-check-close {
  87.     position: absolute;
  88.     top: 5px;
  89.     left: 5px;
  90.     height: 22px;
  91.     width: 22px;
  92.     color: #72777c;
  93.     text-decoration: none;
  94.     text-align: center;
  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. }
  125.