1 files changed, 72 insertions, 1 deletions

diff --git a/html/base.css b/html/base.css
index 2256833..517a5c1 100644
--- a/html/base.css
+++ b/html/base.css
@@ -1,15 +1,47 @@
 /**
- * Hachette base styles
+ * This file is part of Haketilo.
+ *
+ * Function: Base styles.
  *
  * Copyright (C) 2021 Wojtek Kosior
  * Copyright (C) 2021 Nicholas Johnson
  * Redistribution terms are gathered in the `copyright' file.
  */
 
+body {
+    font-family: sans-serif;
+    background-color: #f0f0f0;
+    color: #555;
+    overflow: auto;
+}
+
+.bold, h2 {
+    font-weight: bold;
+}
+
+h2 {
+    margin: 8px;
+    font-size: 120%;
+}
+
+h3 {
+    padding: 5px;
+    font-size: 108%;
+    text-shadow: 0 0 0 #454;
+}
+
+textarea {
+    font-family: monospace;
+}
+
 input[type="checkbox"], input[type="radio"], .hide {
     display: none;
 }
 
+.camouflage {
+    visibility: hidden;
+}
+
 .show_next:not(:checked)+* {
     display: none;
 }
@@ -32,6 +64,10 @@ button, .button {
     display: inline-block;
     padding: 6px 12px;
     margin: 2px 0px;
+    -moz-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    font: 400 15px sans-serif;
 }
 
 button.slimbutton, .button.slimbutton {
@@ -42,3 +78,38 @@ button.slimbutton, .button.slimbutton {
 button:hover, .button:hover {
     box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
 }
+
+aside {
+    background: #3f8dc6;
+    margin: 5px 0;
+    padding: 0.3em 1em;
+    border-radius: 3px;
+    color: #fff;
+}
+
+textarea: {
+    resize: none;
+}
+
+.has_bottom_line::after, .has_upper_line::before {
+    content: "";
+    display: block;
+    height: 8px;
+    background: linear-gradient(transparent, #555);
+}
+
+.has_bottom_line::after {
+    background: linear-gradient(#555, transparent);
+}
+
+.has_bottom_thin_line {
+    border-bottom: dashed #4CAF50 1px;
+}
+
+.has_upper_thin_line {
+    border-top: dashed #4CAF50 1px;
+}
+
+.nowrap {
+    white-space: nowrap;
+}