41 lines
1.8 KiB
CSS
41 lines
1.8 KiB
CSS
/**
|
|
* jQuery MotionCAPTCHA Plugin CSS
|
|
* josscrowcroft.com/projects/motioncaptcha-jquery-plugin/
|
|
*
|
|
* Only these rules are absolutely necessary for the plugin.
|
|
* NB. The width & height of the canvas can be flexible to fit your layout but there's a recommended min/max
|
|
* - if you need it much bigger/smaller, you could tweak the background-positions of the shape classes.
|
|
*/
|
|
|
|
/* The canvas: */
|
|
#mc-canvas {
|
|
width:220px; /* For best results, set width to between 210px and 240px */
|
|
height:154px; /* For best results, set height to between 140px and 170px */
|
|
background:#fff -9999px -9999px no-repeat;
|
|
background-image: url('motionCaptcha-shapes.jpg') !important;
|
|
}
|
|
|
|
/* The shapes: */
|
|
#mc-canvas.triangle { background-position: 10px 10px }
|
|
#mc-canvas.x { background-position:-200px 10px }
|
|
#mc-canvas.rectangle { background-position:-400px 10px }
|
|
#mc-canvas.circle { background-position:-600px 10px }
|
|
#mc-canvas.check { background-position: 10px -150px }
|
|
#mc-canvas.caret { background-position:-200px -150px }
|
|
#mc-canvas.zigzag { background-position:-400px -150px }
|
|
#mc-canvas.arrow { background-position:-600px -150px }
|
|
#mc-canvas.leftbracket { background-position: 10px -300px }
|
|
#mc-canvas.rightbracket { background-position:-200px -300px }
|
|
#mc-canvas.v { background-position:-400px -300px }
|
|
#mc-canvas.delete { background-position:-600px -300px }
|
|
#mc-canvas.leftbrace { background-position: 10px -450px }
|
|
#mc-canvas.rightbrace { background-position:-200px -450px }
|
|
#mc-canvas.star { background-position:-400px -450px }
|
|
#mc-canvas.pigtail { background-position:-600px -450px }
|
|
|
|
/* Disable mouse-selection on the page (only while user is actively drawing on the canvas): */
|
|
.mc-noselect {
|
|
-webkit-user-select: none,
|
|
-moz-user-select: none,
|
|
user-select: none
|
|
} |