diff options
Diffstat (limited to 'css/style.css')
-rw-r--r-- | css/style.css | 83 |
1 files changed, 50 insertions, 33 deletions
diff --git a/css/style.css b/css/style.css index fb6a093..651140d 100644 --- a/css/style.css +++ b/css/style.css @@ -14,6 +14,10 @@ body { display: flex; flex: 1 0 0; align-items: stretch; + + user-select: none; + -webkit-user-select: none; + -ms-user-select: none; } #page > * { @@ -141,7 +145,6 @@ form > .content { justify-content: center; } -.filesystem > h2, form > h2 { color: #4d4d4d; margin: 0; @@ -152,11 +155,31 @@ form > h2 { border-top-right-radius: 0.5rem; } + +.window > h2 button { + border: none; + padding: 0.3rem 1rem; + background: inherit; + border-radius: 0; +} + +.window > h2 button:not(.pathentry):hover { + background: white; +} + +.window > h2 > .separator { + flex: 0 0 1px; + align-self: stretch; + background: #bbb; +} + +.window > h2 > *:first-child { + border-top-left-radius: 0.5rem; +} form p { margin: 1rem 0px 0.3rem 0px; } - .hero_form_error { animation: fadein 0.2s; background-color: #ff4d4d; @@ -241,17 +264,40 @@ input[type=submit]:hover { display: none; } -.filesystem { +.window { background: #fafafa; - margin: 1rem; + margin: 0rem; padding: 0; box-shadow: 0 0.8rem 1.3rem rgba(0,0,0,0.2); border-radius: 0.5rem; border: 1px solid #b9b9b9; display: block; + position: absolute; + top: 0; + left: 0; + width: 800px; + height: 600px; +} + +.window > h2 { + color: #4d4d4d; + background: #f0f0f0; + margin: 0; + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + + cursor: grab; + + display: flex; + align-items: stretch; + font-weight: normal; + padding: 0rem; + border-bottom: 1px solid #bbb; + font-size: 1.3rem; } + .files { padding: 0.3rem; display: grid; @@ -297,35 +343,6 @@ input[type=submit]:hover { filter: brightness(120%); } -.filesystem > h2 { - display: flex; - align-items: stretch; - font-weight: normal; - padding: 0rem; - border-bottom: 1px solid #bbb; - font-size: 1.3rem; -} - -.filesystem > h2 button { - border: none; - padding: 0.3rem 1rem; - background: inherit; - border-radius: 0; -} - -.filesystem > h2 button:not(.pathentry):hover { - background: white; -} - -.filesystem > h2 > .separator { - flex: 0 0 1px; - align-self: stretch; - background: #bbb; -} - -.filesystem > h2 > *:first-child { - border-top-left-radius: 0.5rem; -} .path { display: flex; |