aboutsummaryrefslogtreecommitdiff
path: root/app/static
diff options
context:
space:
mode:
Diffstat (limited to 'app/static')
-rw-r--r--app/static/gen/style.css46
-rw-r--r--app/static/scss/style.scss10
2 files changed, 29 insertions, 27 deletions
diff --git a/app/static/gen/style.css b/app/static/gen/style.css
index 9bca965..5159ee1 100644
--- a/app/static/gen/style.css
+++ b/app/static/gen/style.css
@@ -1,17 +1,14 @@
body {
background: #282828;
color: #ebdbb2;
- font-family: monospace;
-}
+ font-family: monospace; }
a a:active, a:visited {
- color: #458588;
-}
+ color: #458588; }
.container {
margin: auto;
- width: 60%;
-}
+ width: 60%; }
button,
input[type=submit] {
@@ -19,13 +16,15 @@ input[type=submit] {
background-color: #458588;
border-color: #458588;
border: none;
- margin: 0.5rem;
-}
+ margin: 0.5rem; }
button.accent {
background-color: #d79921;
- border-color: #d79921;
-}
+ border-color: #d79921; }
+
+h1, h2, h3, h4, h5, h6 {
+ border-bottom: 1px solid;
+ width: 50%; }
.navbar {
list-style-type: none;
@@ -34,44 +33,39 @@ button.accent {
border-bottom: 1px solid;
margin-bottom: 2rem;
padding-bottom: 0.4rem;
- text-align: center;
-}
+ text-align: center; }
.navbar-item {
display: inline;
- margin-right: 1rem;
-}
+ margin-right: 1rem; }
.flashes {
list-style-type: none;
display: flex;
-}
+ justify-content: center; }
.message {
- width: 30%;
+ width: 80%;
justify-content: center;
border: 1px solid #ebdbb2;
background-color: #d79921;
- color: black;
-}
+ padding: 0.2rem;
+ font-size: large;
+ color: black; }
form {
- width: 40%;
-}
+ width: 40%; }
label,
input {
margin-bottom: 0.5rem;
margin-top: 0.5rem;
- display: inline-block;
-}
+ display: inline-block; }
label {
width: 40%;
- text-align: left;
-}
+ text-align: left; }
label + input {
width: 40%;
- margin: 0 30% 0 4%;
-}
+ margin: 0 30% 0 4%; }
diff --git a/app/static/scss/style.scss b/app/static/scss/style.scss
index cc23959..7c8760c 100644
--- a/app/static/scss/style.scss
+++ b/app/static/scss/style.scss
@@ -36,6 +36,11 @@ button.accent {
border-color: $color-accent-bg;
}
+h1,h2,h3,h4,h5,h6 {
+ border-bottom: 1px solid;
+ width:50%;
+}
+
// Navbar
.navbar {
@@ -56,13 +61,16 @@ button.accent {
.flashes {
list-style-type: none;
display: flex;
+ justify-content: center;
}
.message {
- width: 30%;
+ width: 80%;
justify-content: center;
border: 1px solid $color-fg;
background-color: $color-accent-bg;
+ padding: 0.2rem;
+ font-size: large;
color: black;
}