aboutsummaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/colors.css8
-rw-r--r--css/layouts.css29
-rw-r--r--css/texttypes.css41
3 files changed, 75 insertions, 3 deletions
diff --git a/css/colors.css b/css/colors.css
index 6bbaab2..5895570 100644
--- a/css/colors.css
+++ b/css/colors.css
@@ -5,3 +5,11 @@
.bg-white {
background-color: #ffffff;
}
+
+.bg-purple {
+ background-color: #3c3cc7;
+}
+
+.text-white {
+ color: #ffffff;
+}
diff --git a/css/layouts.css b/css/layouts.css
index d4496b6..f65d7c0 100644
--- a/css/layouts.css
+++ b/css/layouts.css
@@ -10,7 +10,10 @@
.fullscreen_centered {
z-index: 2;
- margin: calc(25vh - 25px) auto 0px auto;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
}
.height_100-55 {
@@ -18,8 +21,8 @@
}
.mediumbox {
- width: 50vh;
- height: 50vh;
+ width: 60vh;
+ max-height: auto;
}
.padding_25 {
@@ -30,3 +33,23 @@
border: 4px solid #383838;
}
+.center_text {
+ text-align: center;
+}
+
+.justify_text {
+ text-align: justify;
+}
+
+.image_block {
+ width: 128px;
+ height: 128px;
+ background-color: #b9b9b9;
+ display: inline-block;
+ margin-right: 20px;
+ cursor: pointer;
+}
+
+.form_elements {
+ margin-top: 20px;
+}
diff --git a/css/texttypes.css b/css/texttypes.css
index 1ae2a67..80d8726 100644
--- a/css/texttypes.css
+++ b/css/texttypes.css
@@ -2,3 +2,44 @@
font-family: 'Chicago';
font-size: 2.2rem;
}
+
+.chicago {
+ font-family: 'Chicago';
+}
+
+.image_block_description {
+ position: relative;
+ top: calc(-60px);
+ font-size: 1rem;
+ cursor: pointer;
+}
+
+.form_elements label {
+ width: 25%;
+ display: inline-block;
+ margin-right: 20px;
+}
+
+.form_elements input {
+ width: calc(75% - 40px);
+ display: inline-block;
+ font-size: 1rem;
+ font-family: 'Chicago';
+ border: solid 2px #ccc;
+ border-radius: 4px;
+ outline: none;
+ margin-bottom: 10px;
+}
+
+.form_elements input:focus {
+ border: solid 4px #3c3cc7;
+}
+
+.btn {
+ padding: 10px 20px;
+ border: none;
+ outline: none;
+ margin: 10px auto;
+ display: block;
+ border-radius: 4px;
+}