Add styles for lists (#17)

styles/css-styles/dark-styles.css

@@ -30,6 +30,11 @@ section a.dark-mode:hover {
 	opacity: 0.5;
 }
 
+.line.dark-mode{
+	background: url("https://hsbasu.github.io/styles/icons/navigation/vline-dark.png") repeat-y;
+	opacity: 0.5;
+}
+
 a.badges.dark-mode:hover {
 	opacity: 0.8;
 	background-color: unset;
@@ -50,4 +55,4 @@ a.buttn.dark-mode:hover {
     border: 1px solid #B3B10C;
     background-image: linear-gradient(#FFA521, #FF4621);
     box-shadow: inset 0px 1px 1px rgba(255,255,255,0.2), 0px 1px 0px transparent;
-}
+}

styles/css-styles/styles.css

@@ -66,6 +66,12 @@ code { background-color: #fdf6e3; color: #000; padding: 2px; border-radius: 5px;
   padding: 10px 0;
 }
 
+.vline {
+  background: url("/home/himadri/Projects/project-mamolinux/Side_projects/my-repos/personal/hsbasu.github.io/styles/icons/navigation/vline.png") repeat-y;
+  opacity: 0.5;
+  padding: 10px 0;
+}
+
 /* Download buttons */
 .buttn {
   color: #26091a;
@@ -85,3 +91,23 @@ code { background-color: #fdf6e3; color: #000; padding: 2px; border-radius: 5px;
   background: linear-gradient(#749619, #527f0e);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px transparent;
 }
+
+/*List style*/
+.list-group .list-group-item {
+  background: transparent;
+}
+
+.list-group .list-group-item i {
+  margin-right: 5px;
+}
+
+.infobox {
+  border: 2px solid  #527f0e;
+  padding: 5px;
+  margin: 5px;
+  border-radius: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: auto;
+}