mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/ConfirmEdit
synced 2024-12-18 10:53:01 +00:00
dbe64ca161
This changes the CSS of the .fancycaptcha-image-container to allow positioning within it, and repositions .fancycaptcha-reload at its lower-right. The container is taller than nearly all images, but there's a chance the ↻Refresh link might obscure part of a captcha image. This is compatible with the new Create account form's repositioning of the FancyCaptcha inside a gray frame using JS, though gerrit I003c5f1b75 improves Create account once this is deployed. Bug: 47699 Change-Id: I57be0bc8aa80b9ea6148db979ad28397d2107b86
42 lines
903 B
CSS
42 lines
903 B
CSS
.fancycaptcha-wrapper {
|
|
display: table;
|
|
background-color: #FFF;
|
|
}
|
|
|
|
/* Prevents the size of the container from changing, affecting page
|
|
layout, for normal CAPTCHA sizes. */
|
|
.fancycaptcha-image-container {
|
|
min-height: 95px;
|
|
position: relative; /* to position Reload link within this */
|
|
display: inline-block;
|
|
}
|
|
|
|
.client-nojs .fancycaptcha-reload {
|
|
display: none;
|
|
}
|
|
|
|
.fancycaptcha-reload {
|
|
/* @embed */
|
|
background: url(images/fancycaptcha-reload-icon.png) no-repeat scroll left center transparent;
|
|
|
|
margin: 0 0 0 3px;
|
|
padding: 1px 2px 1px 12px;
|
|
color: #0645AD;
|
|
cursor: pointer;
|
|
cursor: hand;
|
|
}
|
|
|
|
.fancycaptcha-reload:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.fancycaptcha-reload-loading {
|
|
/* @embed */
|
|
background: url(images/ajax-loader-10x10.gif) no-repeat scroll left center transparent;
|
|
}
|
|
|
|
.fancycaptcha-image-container .fancycaptcha-reload {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 4px;
|
|
}
|