191112 0145

public/assets/css/style.css

@@ -21,6 +21,63 @@ a:visited {
   border-bottom: .0625rem solid rgba(207, 0, 207, .3);
 }
 
+.clear-fix {
+  clear: both !important;
+}
+
+.d-inline-block {
+  display: inline-block !important;
+}
+
+.f-right {
+  float: right !important;
+}
+
+.f-left {
+  float: left !important;
+}
+
+.m-0 {
+  margin: 0 !important;
+}
+
+.mb-0 {
+  margin-bottom: 0 !important;
+}
+
+.mr-0 {
+  margin-right: 0 !important;
+}
+
+.ml-0 {
+  margin-left: 0 !important;
+}
+
+.mt-0 {
+  margin-top: 0 !important;
+}
+
+.m-1 {
+  margin: 1rem !important;
+}
+
+.mb-1 {
+  margin-bottom: 1rem !important;
+}
+
+.mr-1 {
+  margin-right: 1rem !important;
+}
+
+.ml-1 {
+  margin-left: 1rem !important;
+}
+
+.mt-1 {
+  margin-top: 1rem !important;
+}
+
+
 body {
   font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
   font-size: 1rem;
@@ -56,6 +113,7 @@ body {
 .navigate {
   background: black;
   margin-top: 1.25rem;
+  margin-bottom: 2.625rem;
 }
 
 .navigate ul {
@@ -72,6 +130,7 @@ body {
 .navigate ul li a {
   color: white;
   text-decoration: none;
+  border-bottom: none;
 }
 
 .navigate ul li a:hover {
@@ -84,6 +143,7 @@ body {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+
 .footer::before {
   width: 100%;
   display: block;
@@ -94,5 +154,66 @@ body {
 }
 
 table {
+  border-spacing: 0;
   border-collapse: collapse;
+  width: 100%;
+}
+
+td, th {
+  border: .0625rem solid rgba(0, 0, 0, .3);
+  padding: 0.375rem;
+}
+
+.form {
+  border-radius: .375rem;
+  border: .0625rem solid rgba(0, 0, 0, .3);
+  max-width: 22.5rem;
+  padding: .875rem;
+}
+
+.form__element {
+  margin-bottom: .375rem;
+}
+
+.form__submit {
+  margin-top: .5rem;
+}
+
+.form__submit, .btn {
+  background-color: #fff;
+  border-radius: .125rem;
+  border: .0625rem solid rgba(0, 0, 0, .3);
+  padding: .25rem;
+  cursor: pointer;
+}
+
+a.btn, a.btn:hover, a.btn:focus {
+  color: #000;
+  border: .0625rem solid rgba(0, 0, 0, .3);
+}
+
+
+.btn:hover, .btn:focus,
+.form__submit:hover,
+.form__submit:focus {
+  background-color: rgba(0, 0, 0, .4);
+}
+
+.form-element {
+  padding: .25rem 0;
+}
+
+.form-element__data {
+  min-width: 15rem;
+  padding-left: .1875rem;
+}
+
+.form-element__label {
+  min-width: 5rem;
+  display: inline-block;
+}
+
+select {
+  height: 1.5rem;
+  padding-left: 0 !important;
 }