wp/wp-includes/css/wp-auth-check.css
changeset 5 5e2f62d02dcd
parent 0 d970ebf37754
child 7 cf61fcea0001
equal deleted inserted replaced
4:346c88efed21 5:5e2f62d02dcd
    11 	top: 0;
    11 	top: 0;
    12 	bottom: 0;
    12 	bottom: 0;
    13 	left: 0;
    13 	left: 0;
    14 	right: 0;
    14 	right: 0;
    15 	background: #000;
    15 	background: #000;
    16 	opacity: 0.5;
    16 	opacity: 0.7;
    17 	filter: alpha(opacity=50);
    17 	filter: alpha(opacity=70);
    18 	z-index: 1000000;
    18 	z-index: 1000010; /* needs to appear above .notification-dialog */
    19 }
    19 }
    20 
    20 
    21 #wp-auth-check-wrap #wp-auth-check {
    21 #wp-auth-check-wrap #wp-auth-check {
    22 	position: fixed;
    22 	position: fixed;
    23 	left: 50%;
    23 	left: 50%;
    26 	bottom: 20px;
    26 	bottom: 20px;
    27 	max-height: 415px;
    27 	max-height: 415px;
    28 	width: 380px;
    28 	width: 380px;
    29 	margin: 0 0 0 -190px;
    29 	margin: 0 0 0 -190px;
    30 	padding: 30px 0 0;
    30 	padding: 30px 0 0;
    31 	background-color: #fbfbfb;
    31 	background-color: #f1f1f1;
    32 	-webkit-border-radius: 3px;
    32 	z-index: 1000011; /* needs to appear above #wp-auth-check-bg */
    33 	border-radius: 3px;
    33 	-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
    34 	z-index: 1000001;
    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 	}
    35 }
    43 }
    36 
    44 
    37 #wp-auth-check-wrap.fallback #wp-auth-check {
    45 #wp-auth-check-wrap.fallback #wp-auth-check {
    38 	max-height: 180px;
    46 	max-height: 180px;
    39 	overflow: auto;
    47 	overflow: auto;
    40 }
    48 }
    41 
    49 
    42 #wp-auth-check-wrap #wp-auth-check-form {
    50 #wp-auth-check-wrap #wp-auth-check-form {
    43 	background: url(../images/wpspin-2x.gif) no-repeat center center;
    51 	background: url(../images/spinner-2x.gif) no-repeat center center;
       
    52 	-webkit-background-size: 16px 16px;
    44 	background-size: 16px 16px;
    53 	background-size: 16px 16px;
    45 	height: 100%;
    54 	height: 100%;
       
    55 	overflow: auto;
       
    56 	-webkit-overflow-scrolling: touch;
    46 }
    57 }
    47 
    58 
    48 #wp-auth-check-wrap #wp-auth-check-form iframe {
    59 #wp-auth-check-wrap #wp-auth-check-form iframe {
    49 	height: 100%;
    60 	height: 98%; /* Scrollbar fix */
    50 	width: 100%;
    61 	width: 100%;
    51 	overflow: auto;
       
    52 }
    62 }
    53 
    63 
    54 #wp-auth-check-wrap .wp-auth-check-close {
    64 #wp-auth-check-wrap .wp-auth-check-close {
    55 	position: absolute;
    65 	position: absolute;
    56 	top: 8px;
    66 	top: 8px;
    57 	right: 8px;
    67 	right: 8px;
    58 	height: 14px;
    68 	height: 22px;
    59 	width: 14px;
    69 	width: 22px;
    60 	cursor: pointer;
    70 	cursor: pointer;
    61 	background-image: url(../images/uploader-icons.png);
    71 }
    62 	background-repeat: no-repeat;
    72 
    63 	background-position: -100px 0;
    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;
    64 }
    89 }
    65 
    90 
    66 #wp-auth-check-wrap .wp-auth-check-close:focus {
    91 #wp-auth-check-wrap .wp-auth-check-close:focus {
    67 	outline: 1px dotted #888;
    92 	outline: 1px dotted #82878c;
    68 }
    93 }
    69 
    94 
    70 #wp-auth-check-wrap .wp-auth-fallback-expired {
    95 #wp-auth-check-wrap .wp-auth-fallback-expired {
    71 	outline: 0;
    96 	outline: 0;
    72 }
    97 }
    80 
   105 
    81 #wp-auth-check-wrap.fallback .wp-auth-fallback,
   106 #wp-auth-check-wrap.fallback .wp-auth-fallback,
    82 #wp-auth-check-wrap.fallback .wp-auth-check-close {
   107 #wp-auth-check-wrap.fallback .wp-auth-check-close {
    83 	display: block;
   108 	display: block;
    84 }
   109 }
    85 
       
    86 @media print,
       
    87   (-o-min-device-pixel-ratio: 5/4),
       
    88   (-webkit-min-device-pixel-ratio: 1.25),
       
    89   (min-resolution: 120dpi) {
       
    90 	#wp-auth-check-wrap .wp-auth-check-close {
       
    91 		background-image: url(../images/uploader-icons-2x.png);
       
    92   		background-size: 134px 15px;
       
    93 	}
       
    94 }