aboutsummaryrefslogtreecommitdiffstats
path: root/css/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/style.css')
-rw-r--r--css/style.css76
1 files changed, 52 insertions, 24 deletions
diff --git a/css/style.css b/css/style.css
index 96b48c5..24fa86f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -6,7 +6,7 @@ html, body {
body {
background: #f0f0f0;
color: black;
- font-family: sans-serif;
+ font-family: Roboto, sans-serif;
overflow: hidden;
}
@@ -96,12 +96,11 @@ body {
}
form {
- background: white;
+ background: #fbfbfb;
margin: 4.5rem;
padding-top: 0;
box-shadow: 0 0.8rem 1.3rem rgba(0,0,0,0.2);
border-radius: 0.5rem;
- border-radius: 0.5rem;
border: 1px solid #b9b9b9;
}
@@ -170,21 +169,20 @@ form p {
min-width: 300px;
}
-input:not([type=file]) {
+button,
+input:not([type=file])
+{
border: 1px solid #bbb;
- padding: 0.8rem 2rem 0.5rem 2rem;
+ padding: 0.5rem 0.8rem;
font-size: inherit;
font-family: inherit;
border-radius: 0.3rem;
- background: #f6f6f6;
+ background: #fcfcfc;
}
input[type=button], button, input[type=submit] {
cursor: pointer;
}
-input[type=button]:hover, button:hover, input[type=submit]:hover {
- background: white;
-}
input[type=submit] {
margin-top: 2rem;
@@ -198,9 +196,11 @@ input[type=submit] {
outline: none;
}
-input:focus,
-input:hover {
- background: white;
+
+input:hover,
+button:hover
+{
+ background: white;
}
input:focus {
@@ -240,7 +240,6 @@ input[type=submit]:hover {
padding: 0;
box-shadow: 0 0.8rem 1.3rem rgba(0,0,0,0.2);
border-radius: 0.5rem;
- border-radius: 0.5rem;
border: 1px solid #b9b9b9;
display: block;
@@ -250,7 +249,7 @@ input[type=submit]:hover {
padding: 1rem;
display: grid;
- grid-gap: 20px;
+ grid-gap: 0rem;
grid-auto-rows: 10rem;
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
}
@@ -285,21 +284,50 @@ input[type=submit]:hover {
filter: brightness(120%);
}
-.path {
- font-size: 1.5rem;
+.filesystem > h2 {
+ display: flex;
+ align-items: stretch;
+ font-weight: normal;
+ padding: 0rem;
+ border-bottom: 1px solid #bbb;
+
}
-.path > a {
- color: #333;
- text-decoration: none;
+.filesystem > h2 button {
+ border: none;
+ padding: 0.3rem 0.7rem;
+ background: inherit;
+ border-radius: 0;
}
-.path > a:hover {
- text-decoration: underline;
+.filesystem > h2 button:not(.pathentry):hover {
+ background: white;
}
-.filesystem > h2 {
+.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;
- align-items: baseline;
- font-weight: normal;
+ align-items: stretch;
+ font-size: 0.8em;
+}
+
+.path > .separator {
+ user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ padding: 0 0.2rem;
+ align-self: center;
+}
+
+.pathentry:hover {
+ text-decoration: underline;
}