box-sizing: border-box;
}
-html, body {
- background-color: #DDD;
-}
+html, body { background-color: #DDD; }
+body { position: absolute; width: 100%; min-height: 100%; }
.folder, form.newfolder{
display: block;
padding: 0;
overflow: hidden;
}
+form.newfolder{
+ margin-bottom: 3em;
+}
.folder > h1 {
font-size: 1.25em;
.dialog {
display: block;
position: fixed;
- width: 30em;
- min-width: 240px;
+ width: 30%;
+ min-width: 320px;
min-height: 3em;
- left: 50%; top: 20%;
- margin: -3em -15em;
+ left: 50%;
+ margin-left: -160px;
text-align: center;
- z-index: 10;
+ z-index: 2;
border-radius: .5em;
border: 1px solid black;
padding: .125em 0;
position: fixed;
top: 0; bottom: 0; left: 0; right: 0;
background-color: rgba(0,0,0,.5);
+ z-index: 1;
}
.dialog > * { word-spacing: 0; }
margin: 0 .5ex;
}
+footer {
+ position: absolute; bottom: 0;
+ display: block;
+ width: 100%;
+ padding: .5em 1em;
+ background-color: white;
+ border-top: 1px solid black;
+}