CSS y jSignature, personalización

CSS y jSignature

CSS y jSignature , con estas notas quiero recoger los códigos que he utilizados para personalizar este Script JS , CSS y jSignature
Proyecto original:
http://willowsystems.github.io/jSignature/#/about/
GitHub:
https://github.com/brinley/jSignature
Ejemplos de de JSignature
http://www.unbolt.net/jSignature/
Integración:

 
<div id="content"></div>
<pre lang="HTML"><button onclick="alert($('#signature').jSignature('getData', 'image'))" type="button">Mostrar firma</button>

CSS:

div {
	margin-top:1em;
	margin-bottom:1em;
}
input {
	padding: .5em;
	margin: .5em;
}
select {
	padding: .5em;
	margin: .5em;
}
 
#signatureparent {
	color:darkblue;
	max-width:350px;
	padding:20px;
	/*margin-left: 15em;
	position: relative;
	float:right;*/
	padding-right:30px;
 
}
#content{
	display: inline-block;
}
 
#undo {
	position: relative  !important;
}
/*This is the div within which the signature canvas is fitted*/
#signature {
	border: 2px dotted black;
	background-color:lightgrey;
}
 
/* Drawing the 'gripper' for touch-enabled devices */ 
html.touch #content {
	float:left;
	width:92%;
}
html.touch #scrollgrabber {
	float:right;
	width:4%;
	margin-right:2%;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAAAAACh79lDAAAAAXNSR0IArs4c6QAAABJJREFUCB1jmMmQxjCT4T/DfwAPLgOXlrt3IwAAAABJRU5ErkJggg==)
}
html.borderradius #scrollgrabber {
	border-radius: 1em;
}

 

Submit a Comment

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>