Added alt text, docker

1 files changed, 144 insertions, 0 deletions

diff --git a/src/static/style.css b/src/static/style.css
new file mode 100644
index 0000000..c363de6
--- /dev/null
+++ b/src/static/style.css
@@ -0,0 +1,144 @@
+body {
+  font-family: Helvetica, sans-serif;
+}
+
+header {
+  font-size: large;
+  padding-left: 1%;
+  /* font-weight: bold; */
+}
+
+header p {
+  font-size: small;
+}
+
+a {
+  color: black;
+  font-weight: bold;
+  padding-top: 1px;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+aside {
+  width: 15%;
+  padding-left: 15px;
+  margin-left: 15px;
+  float: right;
+  /* border-left-color: rgb(189, 189, 189);
+    border-left-width: 2px;
+    border-left-style: groove; */
+}
+
+input[type="search"] {
+  padding: 3px 5px;
+  box-sizing: border-box;
+  border: 2px solid black;
+  width: 100%;
+}
+
+input[type="submit"] {
+  padding: 3px 5px;
+  box-sizing: border-box;
+  border: 2px solid black;
+  width: 100%;
+}
+
+aside form input[type="submit"] {
+  margin-top: 3px;
+  width: 100%;
+  background-color: black;
+  color: white;
+  border-radius: 5px;
+  border: 2px solid black;
+}
+
+#filterform h5 {
+  margin-top: 10px;
+  margin-bottom: 5px;
+}
+
+label {
+  font-size: x-small;
+}
+
+aside form p {
+  font-size: x-small;
+}
+
+.collapsable {
+  display: none;
+}
+
+.collapsetoggle {
+  font-size: x-small;
+  padding-left: 5px;
+}
+
+#main_content {
+  padding-left: 2.5%;
+  padding-right: 2.5;
+}
+
+/* #multicharts ul {
+    
+} */
+
+#multicharts ul li {
+  list-style-type: none;
+  width: 25%;
+  display: inline-flex;
+  /* background-color: pink; */
+  min-height: 250px;
+  margin-bottom: 7px;
+  overflow: hidden;
+  flex-direction: column;
+  justify-content: space-between;
+  /* border-color: black;
+  border-width: 2px;
+  border-radius: 1;
+  border-style: ridge; */
+}
+
+.chart_container {
+  display: flex;
+  flex-direction: row-reverse;
+}
+
+.minichart {
+  min-height: 220px;
+  width: 100%;
+  margin: 0.5rem;
+  /* background-color: red; */
+}
+
+#singlechart {
+  /* background-color: pink; */
+  width: 70%;
+  min-height: 90%;
+}
+
+.highcharts-description {
+  font-size: small;
+}
+
+.chart {
+  
+}
+
+.bottom_text {
+  display: inline-flex;
+  margin: 0.5rem;
+  overflow: auto;
+}
+
+footer {
+  padding-left: 10%;
+  padding-right: 10%;
+  padding-top: 50px;
+  font-size: xx-small;
+  justify-content: center;
+}