html, body {
height: 100%;
margin: 0px;
padding: 0px;
}
div.m{
background-color:aliceblue;
height: 90%;
width: 88%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
border-radius: 6px;
filter:drop-shadow(0px 2px 0.1em rgba(0, 0, 0, 0.2))
}
div.center{
height: 100%;
box-sizing: content-box;
overflow:initial;
margin: 0px;
padding: 0px;
}
div.c{
height: 100%;
display:inline-block;
}
form{
height: 100%;
display:inline-block;
}
fieldset{
width: 100%;
height: 84%;
display:inline-block;
}
textarea{
color:#000000;
resize:none;
height:100%;
width: 100%;
border-radius: 4px;
border: 0;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
filter:drop-shadow(0px 2px 0.1em rgba(0, 0, 0, 0.15))
}
input{
color:#000000;
padding: 2%;
height: fit-content;
width: 16%;
border-radius: 4px;
border: 0;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
font-size: 100%;
box-sizing: border-box;
vertical-align:middle;
overflow: hidden;
filter:drop-shadow(0px 2px 0.1em rgba(0, 0, 0, 0.15));
margin-bottom: -3%;
}
button.b{
width: 100%;
font-size: 120%;
border-radius: 6px;
padding: 2%;
color: azure;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
border: 0;
filter:drop-shadow(0px 2px 0.1em rgba(0, 0, 0, 0.3)) ;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 3%;
}
button.p{
margin-top: 24px;
width: 80%;
background-color: dodgerblue;
}
button.t{
margin-top: 24px;
width: 80%;
background-color: indigo;
}
button:hover,
button:focus {
/* csslint ignore:start */
filter: alpha(opacity=90);
/* csslint ignore:end */
background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
button:active {
box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
border-color: #000;
}
button.disabled,
button.disabled:hover,
button.disabled:focus,
button.disabled:active {
border: none;
background-image: none;
/* csslint ignore:start */
filter: alpha(opacity=40);
/* csslint ignore:end */
opacity: 0.40;
cursor: not-allowed;
box-shadow: none;
pointer-events: none;
}
span.d1{
color: white;
background-color:darkblue;
}