wp-auth-check.css (2508B)
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 (-webkit-min-device-pixel-ratio: 1.25), 72 (min-resolution: 120dpi) { 73 74 #wp-auth-check-form.loading:before { 75 background-image: url(../images/spinner-2x.gif); 76 } 77 78 } 79 80 #wp-auth-check-wrap #wp-auth-check-form iframe { 81 height: 98%; /* Scrollbar fix */ 82 width: 100%; 83 } 84 85 #wp-auth-check-wrap .wp-auth-check-close { 86 position: absolute; 87 top: 5px; 88 right: 5px; 89 height: 22px; 90 width: 22px; 91 color: #787c82; 92 text-decoration: none; 93 text-align: center; 94 } 95 96 #wp-auth-check-wrap .wp-auth-check-close:before { 97 content: "\f158"; 98 font: normal 20px/22px dashicons; 99 speak: never; 100 -webkit-font-smoothing: antialiased !important; 101 -moz-osx-font-smoothing: grayscale; 102 } 103 104 #wp-auth-check-wrap .wp-auth-check-close:hover, 105 #wp-auth-check-wrap .wp-auth-check-close:focus { 106 color: #2271b1; 107 } 108 109 #wp-auth-check-wrap .wp-auth-fallback-expired { 110 outline: 0; 111 } 112 113 #wp-auth-check-wrap .wp-auth-fallback { 114 font-size: 14px; 115 line-height: 1.5; 116 padding: 0 25px; 117 display: none; 118 } 119 120 #wp-auth-check-wrap.fallback .wp-auth-fallback, 121 #wp-auth-check-wrap.fallback .wp-auth-check-close { 122 display: block; 123 }