background-image: radial-gradient(circle 1.5em, #FFFFFF, transparent);
color: #0000FF;
border: none;
+ padding: 0;
+ margin: 0;
}
#zoomArea > input[type="button"] {
font-size: .75em;
}
-.dialogTitle {
- margin: 0 0 .5em;
- font-weight: bold;
-}
-
.dialogHelp {
margin: .5em 0;
font-size: .8em;
color: #FFFFFF;
}
-/* dialog area - only used for loading error */
+/* dialog area - for loading error and welcome messages */
#dialogArea {
+ position: absolute;
top: 20%;
right: 0;
left: 0;
- width: 30ch;
+ width: 50ch;
max-width: 92%;
z-index: 10;
background-color: rgba(255, 255, 255, .8);
}
#dialogArea.hidden {
- top: -100%;
+ top: -1000%;
display: block;
}
+.dialogTitle {
+ margin: 0 0 .5em;
+ font-weight: bold;
+}
+
+.dialogButtonLine {
+ text-align: center;
+}
+
/* full screen overlay - library, etc. */
.fullScreenOverlay {
position: absolute;
}
.fullScreenOverlay.hidden {
- top: -100%;
+ top: -1000%;
bottom: auto;
height: 90%;
display: block;
}
*/
+.fullScreenOverlay p {
+ margin: 0.5em 0;
+}
+
+.fullScreenOverlay > p:first-child {
+ margin-top: 0;
+ /* leave space for close button */
+ margin-right: 1.5em;
+}
+
+#libTrackList {
+ overflow: auto;
+ /* 2em is top/bottom margin, and one line is shown above and below, with .5em margin each */
+ height: calc(100% - 5em);
+}
+
+#libTrackPages {
+ margin-bottom: 0;
+}
+
/* small screen media adaptations */
@media screen and (max-width: 500px),
screen and (max-height: 500px) {