1 files changed, 108 insertions, 0 deletions
diff --git a/gn2/wqflask/static/new/css/markdown.css b/gn2/wqflask/static/new/css/markdown.css
new file mode 100644
index 00000000..859fe7fc
--- /dev/null
+++ b/gn2/wqflask/static/new/css/markdown.css
@@ -0,0 +1,108 @@
+#markdown {
+    padding: 20px;
+}
+
+#markdown h2,
+#markdown h3,
+#markdown h4,
+#markdown h5 {
+    font-weight: bold;
+}
+
+#markdown img {
+    display: block;
+    margin-right: auto;
+    margin-left: auto;
+}
+
+.github-btn-container {
+    margin: 20px 10px;
+    display: flex;
+    width: 90vw;
+    justify-content: flex-end;
+}
+
+.github-btn {
+    display: flex;
+    justify-content: center;
+    border: 3px solid #357ebd;
+    background: lightgrey;
+    padding: 3px 4px;
+    width: 200px;
+    border-radius: 16px;
+}
+
+.github-btn a {
+    align-self: center;
+    font-weight: bold;
+    color: #357ebd;
+}
+
+.github-btn a img {
+    height: 40px;
+    width: 40px;
+    padding-left:5px;
+}
+
+
+.container {
+    width: 80vw;
+    margin: auto;
+    max-width: 80vw;
+
+}
+
+.container p {
+    font-size: 17px;
+    word-spacing: 0.2em;
+}
+
+.graph-legend h1 {
+    text-align: center;
+}
+
+.graph-legend,
+#guix-graph,
+#guix-svg-graph{
+    width: 90%;
+    margin: 10px auto;
+}
+
+#guix-graph {
+    border: solid 2px black;
+}
+
+#guix-svg-graph img {
+    width: 100%;
+}
+
+#markdown table {
+    width: 100%;
+}
+
+#markdown td {
+    padding: 1em;
+    text-align: left;
+}
+
+#markdown th {
+    text-align: center;
+}
+
+#markdown table,
+#markdown td,
+#markdown th {
+    border: solid 2px black;
+}
+
+#markdown td,
+#markdown th {
+    padding-top: 8px;
+    padding-bottom: 8px;
+}
+
+@media(max-width:650px) {
+    .container {
+        width: 100vw;
+    }
+}