1 files changed, 148 insertions, 0 deletions
diff --git a/static/css/main.css b/static/css/main.css
new file mode 100755
index 0000000..445f082
--- /dev/null
+++ b/static/css/main.css
@@ -0,0 +1,148 @@
+/*
+	* Color scheme
+	* Background color: #eaefef
+	* Code background: #d4d9d9
+	* Main color: #00558e
+	* Secondary color: #0b3075
+	*/
+:root {
+	--color-1: #eaefef;
+	--color-2: #d4d9d9;
+	--color-3: #00558e;
+	--color-4: #0b3075;
+	}
+body{
+	background-color:var(--color-1);
+	color:var(--color-3);
+}
+a{
+	color: var(--color-3);
+}
+ul.topBar{
+	background-color:var(--color-3);
+}
+li.topLink a{
+	color:var(--color-1);
+}
+li.topLink a:hover{
+	background-color:var(--color-4);
+}
+.search{
+	color:var(--color-3);
+	background-color:var(--color-1);
+	border-color:var(--color-3);
+}
+pre code {
+	background-color: var(--color-2);
+}
+
+@media (prefers-color-scheme: dark) {
+	/*
+	 * Color scheme
+	 * Background color: #0D1F22
+	 * Text Color: #eaefef
+	 * Main color: #00558e
+	 * Secondary color: #0b3075
+	 */
+	:root {
+		--color-1: #0D1F22;
+		--color-2: #081417;
+		--color-3: #00558e;
+		--color-4: #0b3075;
+		--text-color: #eaefef;
+	}
+	body{
+		background-color:var(--color-1);
+		color:var(--text-color);
+	}
+	a{
+		color: var(--text-color);
+	}
+	ul.topBar{
+		background-color:var(--color-3);
+	}
+	li.topLink a{
+		color:var(--text-color);
+	}
+	li.topLink a:hover{
+		background-color:var(--color-4);
+	}
+	.search{
+		color:var(--color-3);
+		background-color:var(--text-color);
+		border-color:var(--color-3);
+	}
+	pre code {
+		background-color: var(--color-2);
+	}
+}
+
+/* Common CSS styling */
+body{
+	font-family:Arial;
+}
+ul.topBar{
+	text-transform:uppercase;
+	margin:0;
+	padding:0;
+	overflow:hidden;
+	list-style-type:none;
+}
+li.topLink{
+	float:left;
+}
+li.topLink a{
+	display:block;
+	text-align:center;
+	padding:0.875rem 1rem;
+	text-decoration:none;
+}
+.main{
+	margin:auto;
+	width:60%;
+}
+.search{
+	padding:0.75rem 1.25rem 0.75rem;
+	width:90%;
+	border-radius:0.3125rem;
+	margin-left:auto;
+	margin-right:auto;
+	margin-bottom:15em;
+	font-family:IBM Plex Mono;
+}
+pre code {
+	border: 0.0625rem solid #999;
+	display: block;
+	overflow:auto;
+	padding: 0.625rem;
+}
+.icon{
+	font-size:12.5rem;
+	margin-top:0.625rem;
+	margin-bottom:0.625rem;
+}
+
+@media only screen and (orientation: portrait){
+	.main{
+		margin:auto;
+		width:90%;
+	}
+}
+
+div.article a{
+	text-decoration:none;
+	display:block;
+}
+
+/* Highlighting of article title */
+/* div.article{ */
+/*     padding: 0.625rem; */
+/* } */
+
+/* div.article a:hover{ */
+/*     background-color:var(--color-2); */
+/* } */
+
+img {
+	width:75%;
+}