lifegadget/ui-list

/* NAV STYLING OVERLAY */
.ui-list.item.skin-nav {
    border-radius: 0px;
    border: none;
    margin: 0px 0px 0px 0px;
}

.ui-list.item.skin-nav.selected {
  background-color: #F3F3F3;
}

/* RIGHT */
.ui-list.list-container.right.skin-nav {
  border-left: 3px solid #3F3F3F;
  margin: 2px 5px 0px 15px;
}
.ui-list.list-container.right .ui-list.item.skin-nav.selected {
  border-right: 5px solid green;
  margin-right: -5px;
}
.ui-list.list-container.right
.ui-list.item.skin-nav.selected.mood-error {
  border-right: 5px solid hsl(2, 64%, 62%);
}
.ui-list.list-container.right
.ui-list.item.skin-nav.selected.mood-warning {
  border-right: 5px solid hsl(35, 84%, 62%);
}
.ui-list.list-container.right
.ui-list.item.skin-nav.selected.mood-info {
  border-right: 5px solid hsl(194,66%, 61%);
}
/* LEFT */
.ui-list.list-container.left.skin-nav {
  border-right: 3px solid #3F3F3F;
  margin: 0px 15px 2px 5px;
}
.ui-list.list-container.left .ui-list.item.skin-nav.selected {
  border-left: 5px solid green;
  margin-left: -5px;
}
.ui-list.list-container.left
.ui-list.item.skin-nav.selected.mood-error {
  border-left: 5px solid hsl(2, 64%, 62%);
}
.ui-list.list-container.left
.ui-list.item.skin-nav.selected.mood-warning {
  border-left: 5px solid hsl(35, 84%, 62%);
}
.ui-list.list-container.left
.ui-list.item.skin-nav.selected.mood-info {
  border-left: 5px solid hsl(194,66%, 61%);
}
/* TOP */
.ui-list.list-container.top .ui-list.item.skin-nav {
  border-bottom: 5px solid rgba(234, 234, 234, 0.78);
  margin-bottom: -5px;
}
.ui-list.list-container.top.skin-nav {
  justify-content: space-around;
}
.ui-list.list-container.top .ui-list.item.skin-nav.selected {
  border-bottom: 5px solid green;
}
.ui-list.list-container.top
.ui-list.item.skin-nav.selected.mood-error {
  border-bottom: 5px solid hsl(2, 64%, 62%);
}
.ui-list.list-container.top
.ui-list.item.skin-nav.selected.mood-warning {
  border-bottom: 5px solid hsl(35, 84%, 62%);
}
.ui-list.list-container.top
.ui-list.item.skin-nav.selected.mood-info {
  border-bottom: 5px solid hsl(194,66%, 61%);
  margin-top: -5px;
}

/* BOTTOM */
.ui-list.list-container.bottom .ui-list.item.skin-nav {
  border-top: 5px solid rgba(234, 234, 234, 0.78);
  justify-content: space-around;
}
.ui-list.list-container.bottom .ui-list.item.skin-nav {
  padding-top: 5px;
}
.ui-list.list-container.bottom .ui-list.item.skin-nav.selected {
  border-top: 5px solid green;
}
.ui-list.list-container.bottom
.ui-list.item.skin-nav.selected.mood-error {
  border-top: 5px solid hsl(2, 64%, 62%);
}
.ui-list.list-container.bottom
.ui-list.item.skin-nav.selected.mood-warning {
  border-top: 5px solid hsl(35, 84%, 62%);
}
.ui-list.list-container.bottom
.ui-list.item.skin-nav.selected.mood-info {
  border-top: 5px solid hsl(194,66%, 61%);
}