Basic functional done

css/style.generic.css

@@ -1,123 +1,106 @@
-.aside ::-webkit-scrollbar 
+/* Custom scrollbar */
+.tabsAside ::-webkit-scrollbar
 {
-	height: 6px;
+	height: 6px !important;
 }
 
-.aside ::-webkit-scrollbar-thumb
+.tabsAside ::-webkit-scrollbar-thumb
 {
-	background: darkgray;
-	border-radius: 3px;
+	visibility: hidden !important;
+	background: darkgray !important;
+	border-radius: 3px !important;
 }
-	::-webkit-scrollbar-thumb:hover
+	.tabsAside ::-webkit-scrollbar-thumb:hover
 	{
-		background: gray;
+		background: gray !important;
 	}
 
-.aside a
+.tabsAside::-webkit-scrollbar
 {
-	font-family: 'Segoe UI', 'Segoe MDL2 Assets';
-	color: #0078d7;
-}
-	.aside a:hover 
-	{
-		text-decoration: underline;
-		cursor: pointer;
-	}
-
-.aside .slider
-{
-	position: relative;
-	display: inline-block;
-
-	border-radius: 13px;
-	width: 50px;
-	height: 26px;
-	
-	background-color: #cccccc;
-	transition: .4s;
+	width: 6px !important;
 }
 
-	.aside .slider:before
-	{
-		position: absolute;
-		content: "";
-
-		height: 16px;
-		width: 16px;
-		left: 5px;
-		top: 5px;
-		border-radius: 50%;
-
-		margin: auto;
-
-		background-color: white;
-		transition: .3s;
-	}
-
-	.aside input:checked + .slider,
-	.aside input:focus + .slider
-	{
-		background-color: #0078d7;
-	}
-
-	.aside input:checked + .slider:before
-	{
-		transform: translateX(24px);
-		background-color: #3f3f3f;
-	}
-
-.aside nav
+.tabsAside::-webkit-scrollbar-thumb
 {
-	font-family: 'Segoe UI';
-	user-select: none;
+	background: gray !important;
+	border-radius: 3px !important;
+}
+	.tabsAside::-webkit-scrollbar-thumb:hover
+	{
+		background: darkgray !important;
+	}
 
-	position: absolute;
-	width: 250px;
+/* Links style */
+.tabsAside a
+{
+	font-family: 'Segoe UI', 'Segoe MDL2 Assets' !important;
+	color: #0078d7 !important;
+}
+	.tabsAside a:hover 
+	{
+		text-decoration: underline !important;
+		cursor: pointer !important;
+	}
 
-	box-shadow: 0px 0px 10px black;
-	background-color: white;
-	border-radius: 5px;
+	.tabsAside a:visited
+	{
+		color: #0078d7 !important;
+	}
 
-	z-index: 10;
+/* Buttons style */
+.tabsAside button
+{
+	font-family: 'Segoe MDL2 Assets' !important;
+	width: 32px !important;
+	height: 32px !important;
+	background-color: transparent !important;
+	border: none !important;
+	cursor: pointer !important;
+}
+	.tabsAside button:hover
+	{
+		background-color: #c6c6c6 !important;
+	}
+	.tabsAside button:active
+	{
+		background-color: gray !important;
+	}
 
-    visibility: hidden;
+/* Context menus style */
+.tabsAside nav
+{
+	font-family: 'Segoe UI' !important;
+	user-select: none !important;
+
+	position: absolute !important;
+	width: 250px !important;
+
+	box-shadow: 0px 0px 10px black !important;
+	background-color: white !important;
+	border-radius: 5px !important;
+
+	z-index: 10 !important;
+
+    visibility: hidden !important;
 }
 
-	.aside nav button 
+	.tabsAside nav button 
 	{
-		font-family: 'Segoe UI';
-		cursor: pointer;
-		background-color: transparent;
-		border: none;
+		font-family: 'Segoe UI' !important;
+		cursor: pointer !important;
+		background-color: transparent !important;
+		border: none !important;
 		
-		font-size: medium;
-		text-align: start;
+		font-size: medium !important;
+		text-align: start !important;
 
-		padding: 10px;
-		width: 100%;
-		height: initial;
+		padding: 10px !important;
+		width: 100% !important;
+		height: initial !important;
 	}
 
-	.aside button + nav:active,
-	.aside button:focus + nav 
+	.tabsAside button + nav:active,
+	.tabsAside button:focus + nav 
 	{
-		visibility: visible;
-	}
-
-.aside button
-{
-	font-family: 'Segoe MDL2 Assets';
-	width: 32px;
-	height: 32px;
-	background-color: transparent;
-	border: none;
-	cursor: pointer;
-}
-	.aside button:hover
-	{
-		background-color: #c6c6c6;
-	}
-	.aside button:active
-	{
-		background-color: gray;
+		visibility: visible !important;
 	}