display: none;
}
+.hidden {
+ display: none;
+}
+
#dialogArea,
.overlayArea {
position: absolute;
.overlayArea.hidden {
opacity: 0;
transition-duration: 1s;
+ display: block;
}
#dialogArea:-moz-system-metric(touch-enabled),
}
#dialogArea input[type="button"],
+#dialogArea button,
#dialogArea input[type="text"],
#dialogArea select,
.overlayArea input[type="button"],
+.overlayArea button,
.overlayArea select,
.menuDrawer input[type="button"],
+.menuDrawer button,
.menuDrawer select {
font-size: inherit;
}
}
/* Custom button design */
-.menuDrawer input[type="button"] {
+.menuDrawer input[type="button"],
+.menuDrawer button {
text-align: center;
vertical-align: middle;
background-image: none;
border-radius: 3px;
}
-.menuDrawer input[type="button"]:hover {
+.menuDrawer input[type="button"]:disabled,
+.menuDrawer button:disabled {
+ background-color: rgba(204, 204, 204, .1);
+ color: rgba(204, 204, 204, .5);
+ border: 1px solid rgba(255, 255, 255, .5);
+}
+
+.menuDrawer input[type="button"]:not(:disabled):hover,
+.menuDrawer button:not(:disabled):hover {
background-color: rgba(204, 204, 204, .4);
border: 1px solid #FFFFFF;
}
-.menuDrawer input[type="button"]:active {
+.menuDrawer input[type="button"]:not(:disabled):active,
+.menuDrawer button:not(:disabled):active {
background-color: rgba(204, 204, 255, .3);
color: #FFCCAA;
padding-top: 2px;
#copyright.hidden {
opacity: 0;
+ display: block;
}
#dialogArea {
#dialogArea.hidden {
top: -100%;
+ display: block;
}
.dialogTitle {