From d2e3003f1f167a4f5d0721fd44be445d84ad1a61 Mon Sep 17 00:00:00 2001
From: Bobby <bobbyskhs@gmail.com>
Date: Wed, 3 Aug 2022 00:01:04 +0530
Subject: Moved static to root directory

---
 static/css/main.css | 161 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 161 insertions(+)
 create mode 100644 static/css/main.css

(limited to 'static/css/main.css')

diff --git a/static/css/main.css b/static/css/main.css
new file mode 100644
index 00000000..cf534be3
--- /dev/null
+++ b/static/css/main.css
@@ -0,0 +1,161 @@
+/* making a sidebar layout with 20% sidebar */
+body {
+    display: inline-flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    min-height: calc(100vh);
+    background-color: #fafafa;
+    padding: 0;
+    min-width: calc(100vw - 16px);
+    width: 100%;
+    font-family: serif;
+    margin: 0;
+    padding: 0;
+}
+
+.sidebar {
+    background-color: #bad9ff;
+    padding: 20px;
+    overflow-x: hidden;
+    overflow-y: auto;
+    border: 1px solid #191919;
+    min-width: 15rem;
+    max-width: 15rem;
+}
+
+.main {
+    flex: 1;
+    padding: 20px;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.title:visited {
+    color: #000;
+}
+
+.title > h1 {
+    font-size: 1.2rem;
+    font-weight: bold;
+    margin-top: 0;
+}
+
+.title {
+    display: block;
+}
+
+.title > img {
+    width: 10rem;
+    height: 3.23rem;
+    display: block;
+    margin: 0px auto 10px auto;
+    pointer-events: none;
+}
+
+.alert {
+    background-color: #ffd4bd;
+    padding: 20px;
+    border: 1px solid #191919;
+}
+
+lebel, input, textarea, select {
+    display: block;
+    margin: 5px 0px;
+    font-family: serif;
+    font-size: 16px;
+}
+
+input[type = 'submit'] {
+    margin-top: 10px;
+}
+
+fieldset {
+    border: 1px solid #191919;
+    padding: 10px 20px;
+}
+
+nav > ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+nav > ul > li {
+    margin: 5px 0;
+}
+
+.center {
+    text-align: center;
+}
+
+.login-box {
+    padding: 20px;
+    border: 1px solid #191919;
+}
+
+.login-box > p {
+    margin-top: 0;
+    margin-bottom: 10px;
+}
+
+.error {
+    color: red;
+}
+
+.success {
+    color: green;
+}
+
+.alert.success {
+    background-color: #d4ffbd;
+    padding: 10px;
+    color: rgb(5, 74, 5);
+    font-weight: bold;
+}
+
+.alert.error {
+    background-color: #ffbdbd;
+    padding: 10px;
+    color: rgb(74, 5, 5);
+    font-weight: bold;
+}
+
+.account {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+.ac-sidebar {
+    padding: 20px;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.ac-main {
+    flex: 1;
+    padding: 20px;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.errorbox {
+    background-color: #ffd4bd;
+    padding: 20px;
+    border: 1px solid #191919;
+}
+
+.errorbox > h1 {
+    margin-top: 0;
+}
+
+/* Optimize for phones */
+@media only screen and (max-width: 480px) {
+    body {
+        flex-direction: column;
+    }
+
+    .account {
+        flex-direction: column;
+    }
+}
-- 
cgit v1.2.3