1 files changed, 291 insertions, 0 deletions
diff --git a/p/themes/Mapco/_sidebar.scss b/p/themes/Mapco/_sidebar.scss
new file mode 100644
index 000000000..62ec1c1cf
--- /dev/null
+++ b/p/themes/Mapco/_sidebar.scss
@@ -0,0 +1,291 @@
+/*=== Tree */
+.tree {
+    margin: 10px 0;
+
+    &#sidebar{
+	scrollbar-color: rgba(255,255, 0, 0.1) rgba(0, 0, 0, 0.05);
+	scrollbar-color: unquote($sid-font-color+"33") unquote($sid-font-color+"22");
+    }
+    
+    
+    .tree-folder{
+	border-bottom: 1px solid $sid-sep;
+
+	.tree-folder-title {
+	    position: relative;
+	    background: $sid-bg;
+	    font-size: 0.85rem;
+	    letter-spacing: 1px;
+	    padding: 12px 16px;
+	    font-weight: 700;
+	    text-transform: uppercase;
+
+	    .title {
+		background: inherit;
+		color: $sid-font-color;
+		&:hover{
+		    text-decoration: none;		
+		}
+	    }    
+	}
+	&.active {
+	    .tree-folder-title {
+		background: $sid-bg;
+		font-weight: bold;
+	    }
+	}
+	.tree-folder-items {
+	    background: $sid-bg-alt;
+
+	    .item{
+		padding: 0 1rem;
+		line-height: 2.5rem;
+		font-size: 1rem;
+		font-weight: 400;
+		@include transition(all, 0.15s, ease-in-out);
+
+		&.active{
+		    background: $sid-active;
+
+		    .dropdown li a{
+			color: $main-font-color;
+
+			&:hover{
+			    color: $sid-font-color;
+			}
+		    }
+
+		    a{
+			color: $sid-active-font;
+		    }
+		}
+
+		&:hover{
+		    background: $sid-bg-dark;
+		}
+
+		a{
+		    text-decoration: none;
+		    color: $sid-font-color;
+		}
+	    }
+
+	    .feed .item-title:not([data-unread="0"])::before {
+		content: attr(data-unread);
+		background: $sid-pills;
+		font-size: 0.75rem;
+		display: block;
+		float: left;
+		padding: 3px 4px;
+		text-align:center;
+		border-radius: 12px;
+		margin: 11px 6px 0 4px;
+		line-height: 0.75rem;
+	    }
+	    .feed .item-title:not([data-unread="0"]) {
+		
+	    }
+	}
+    }
+}
+
+/*=== Buttons */
+.stick {
+    vertical-align: middle;
+    font-size: 0;
+
+    input, .btn {
+	border-radius: 0;
+    }
+    .btn:first-child,
+    input:first-child {
+	border-radius: 5px 0 0 5px;
+    }
+    .btn:last-child, input:last-child, .btn + .dropdown > .btn {
+	border-radius: 0 5px 5px 0;
+    }
+    .btn + .btn,
+    .btn + input,
+    .btn + .dropdown > .btn,
+    input + .btn,
+    input + input,
+    input + .dropdown > .btn,
+    .dropdown + .btn,
+    .dropdown + input,
+    .dropdown + .dropdown > .btn {
+	border-left: 1px solid $grey-medium-light;
+    }
+
+}
+
+.aside {
+    background: $sid-bg;
+
+    &.aside_feed {
+	padding: 10px 0;
+	text-align: center;
+	background: $sid-bg;
+    }
+    &.aside_feed .tree {
+	margin: 10px 0 50px;
+    }
+
+}
+
+
+/* Sidebar des pages de configuration */
+
+
+
+/*=== Navigation */
+
+.nav-list{
+    .nav-header,
+    .item{
+	height: 2.5em;
+	line-height: 2.5em;
+	font-size: 1rem;
+    }
+    .item{
+	background: $sid-bg;
+	@include transition(all, 0.15s, ease-in-out);
+	a{
+	    padding: 0 1rem;
+	    color: $sid-font-color;
+	}
+	.error{
+	    a{
+		color: $alert-bg;
+	    }
+	}
+	&:hover{
+	    background: $sid-bg-dark;
+	    color: $sid-font-color;
+
+	    .error{
+		a{
+		    color: $sid-font-color;
+		    background: $main-first;
+		}
+	    }
+	    .empty{
+		a{
+		    color: $sid-font-color;
+		    background: $warning-bg;
+		}
+	    }
+	    
+	    a{
+		color: $sid-font-color;
+		text-decoration: none;
+	    }
+	}
+	&.active{
+	    background: $main-first;
+	    color: $white;
+	    
+	    .error{
+		a{
+		    color: $white;
+		    background: $main-first;
+		}
+	    }
+
+	    .empty{
+		a{
+		    color: $white;
+		    background: $warning-bg;
+		}
+	    }
+	    
+	    a{
+		color: $white;
+		text-decoration: none;
+	    }
+	}
+	
+    }
+    &.empty{
+	a{
+	    color: $warning-bg;
+	}
+    }
+    .disable{
+	text-align: center;
+	background: $grey-lighter;
+	color: $grey-medium-dark;
+    }
+
+    .nav-header {
+	padding: 0 10px;
+	font-weight: bold;
+	color: $grey-dark;
+	text-transform: uppercase;
+	letter-spacing: 1px;
+	margin-top: 1rem;
+    }
+
+     .nav-form {
+	 padding: 3px;
+	 text-align: center;
+     }
+
+     .nav-head {
+	 margin: 0;
+	 text-align: right;
+	 // background: #34495e;
+	 color: $white;
+	 a {
+	     color: $white;
+	 }
+	 .item {
+	     padding: 5px 10px;
+	     font-size: 0.9rem;
+	     line-height: 1.5rem;
+	 }
+     }
+}
+
+/*=== Aside main page (categories) */
+.aside_feed .tree-folder-title > .title:not([data-unread="0"])::after {
+    position: absolute;
+    right: 0;
+    line-height: 1.5rem;
+    background: $sid-pills;
+    border-radius: 12px;
+    padding: 0 0.75rem;
+    margin: -0.5rem 1rem 0 0;
+    text-align: center;
+}
+
+.feed.item.empty.active {
+    background: $grey-dark;
+}
+.feed.item.error.active {
+    background: $grey-dark;
+}
+.feed.item.empty,
+.feed.item.empty > a {
+    color: $grey-dark;
+}
+.feed.item.error,
+.feed.item.error > a {
+    color: $grey-dark;
+}
+.feed.item.empty.active,
+.feed.item.error.active,
+.feed.item.empty.active > a,
+.feed.item.error.active > a {
+    color: $white;
+}
+.aside_feed .tree-folder-items .dropdown-menu::after {
+    left: 2px;
+}
+.aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon,
+.aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon,
+.aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon {
+    border-radius: 3px;
+}
+.aside_feed .stick #btn-importExport{
+    border-left-color: $sid-bg;
+}