mediawiki-extensions-Confir.../FancyCaptcha/resources/ext.confirmEdit.fancyCaptcha.less
jdlrobson 3a945d1f66 Standardise captcha reload icon
Icon is updated on both desktop and mobile.
A CSS file is converted to a LESS file
CSS rules added to tweak icon position

See also:
I2322194481e4d6b7662c0f075768d5941afa98b8

Bug: T213775
Change-Id: I1f15cd9ac4b78d7f6e24b93af0fcfb809f00e563
2019-01-16 16:37:31 -08:00

41 lines
899 B
Plaintext

@import 'mediawiki.mixins.less';
/* 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;
}
.fancycaptcha-reload {
.background-image( 'images/refresh.svg' );
background-position: left center;
background-repeat: no-repeat;
background-size: 12px 12px;
margin: 0 0 0 3px;
padding: 1px 2px 1px 12px;
color: #0645ad;
cursor: pointer;
cursor: hand;
}
.client-nojs .fancycaptcha-reload {
display: none;
}
.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;
}