style
The style folder for version 2 will contain a single file: sigCaptDialog.css
.
The other CSS files, jquery-ui.min.css
, stu_capture.css
and wacom.css
, may be omitted.
sigCaptDialog.css
- Version 1
- Version 2
/* touch-action: none; is required to make pen works fine with WILL */
/*#signatureWindow {touch-action: none;}*/
body {
-webkit-user-select: none;
-webkit-touch-callout: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/*touch-action: none;*/
}
#modal-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
opacity: .50;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
z-index: 1000;
}
.loader {
border: 6px solid #f3f3f3; /* Light grey */
border-top: 6px solid #3498db; /* Blue */
border-radius: 50%;
width: 32px;
height: 32px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* touch-action: none; is required to make pen works fine with WILL */
/*#signatureWindow {touch-action: none;}*/
#modal-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
opacity: .50;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
z-index: 1000;
}
.loader {
border: 6px solid #f3f3f3; /* Light grey */
border-top: 6px solid #3498db; /* Blue */
border-radius: 50%;
width: 32px;
height: 32px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}