/* user: profile repositories / main */

.user {
  .container {
    .grid {
      .card {
        background: rgb(50, 50, 75);
        box-shadow: none;
        color: rgb(245, 245, 255);
        position: sticky;
        top: 20px;
        .content {
          .header {
            color: rgb(245, 245, 255);
          }
        }
        .extra.content {
          ul {
            color: rgb(245, 245, 255);
            li:not(:last-child) {
              border-bottom: 1px solid rgb(60, 60, 90);
            }
            a {
              color: rgb(255, 255, 255);
              &:hover {
                color: rgb(255, 130, 130);
              }
            }
          }
        }
      }
      .secondary.pointing.menu {
        background: rgb(70, 70, 105);
        border: 0;
        border-radius: 5px 5px 0 0;
        margin-top: -15px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 20px;
        scrollbar-color: rgb(215, 215, 225) rgb(70, 70, 105);
        top: 0;
        transform: rotateX(180deg);
        z-index: 100;
        .item {
          border-bottom: 2px solid transparent;
          border-radius: 5px 5px 0 0;
          color: rgb(245, 245, 255);
          font-family: $font-family;
          margin-bottom: 10px;
          transform: rotateX(180deg);
          transition: background .2s, color .2s;
          &:hover {
            background: rgb(60, 60, 90);
            color: rgb(255, 255, 255);
          }
          &.active {
            border-bottom: 2px solid rgb(245, 245, 255);
            color: rgb(245, 245, 255);
            &:hover {
              color: rgb(255, 255, 255);
            }
          }
          @if $nojavascript == true {
            svg {
              display: none;
            }
          }
          .label {
            background: rgb(245, 245, 255);
            color: rgb(70, 70, 105);
          }
          @if $singleuser == true {
            &[href*="stars"], 
            &[href*="following"], 
            &[href*="followers"] {
              display: none;
            }
          }
        }
      }
      @if $nojavascript == true {
        .filter.menu {
          display: none;
        }
      }
      form.form {
        .input {
          input {
            background: rgb(40, 40, 60);
            border: 2px solid rgb(60, 60, 90);
            color: rgb(245, 245, 255);
            &:focus {
              background: rgb(50, 50, 75);
              border: 2px solid rgb(60, 60, 90);
              color: rgb(255, 255, 255);
            }
          }
          .button {
            background: rgb(60, 60, 90);
            border: 0;
            &:hover {
              background: rgb(50, 50, 75);
            }
          }
        }
      }
      .divider {
        border-bottom: 1px solid rgb(60, 60, 90);
      }
      .repository.list {
        .item {
          &:not(:first-child) {
            border-top: 1px solid rgb(60, 60, 90);
          }
          .header {
            a.name {
              font-family: $font-family;
              i.archive.icon {
                color: rgb(215, 215, 225) !important;
              }
            }
            .metas {
              @if $singleuser == true {
                display: none;
              }
              span {
                color: rgb(215, 215, 225) !important;
              }
            }
          }
          .description {
            p {
              color: rgb(245, 245, 255);
              &.time {
                color: rgb(215, 215, 225);
              }
            }
            .tags {
              a .label {
                background: rgb(60, 60, 90);
                color: rgb(245, 245, 255);
                &:hover {
                  background: rgb(70, 70, 105);
                  color: rgb(255, 255, 255);
                }
              }
            }
          }
        }
      }
    }
  }
}

/* user: profile public activity */

.user.profile {
  .container {
    .grid {
      .feeds {
        .news {
          .content {
            span {
              color: rgb(215, 215, 225) !important;
            }
          }
          p.grey {
            span {
              color: rgb(215, 215, 225);
            }
          }
          .svg {
            fill: rgb(215, 215, 225);
          }
        }
      }
    }
  }
}

/* user: signin */

.user.signin {
  .container {
    .header { 
      background: rgb(60, 60, 90);
      border: 0;
      color: rgb(245, 245, 255);
    }
    .segment {
      background: rgb(50, 50, 75);
      border: 0;
      color: rgb(245, 245, 255);
      .form {
        .field {
          label {
            color: rgb(245, 245, 255);
            &::after {
              color: rgb(255, 130, 130);
            }
          }
          input {
            background: rgb(40, 40, 60);
          }
          .green.button {
            background: rgb(80, 80, 120);
            box-shadow: none;
            color: rgb(245, 245, 255);
            &:hover {
              background: rgb(70, 70, 105);
            }
          }
        }
      }
    }
  }
}


/* user: notification */

.user.notification {
  .container {
    h1.dividing.header {
      border: 0;
      color: $white;
    }
    .top.attached.tabular.menu {
      border: 0;
      .item {
        border: 0;
        color: $white-light;
        &.active {
          background: rgb(50, 50, 75);
          color: $white-light;
        }
        .label {
          background: $white;
          color: rgb(60, 60, 90);
        }
      }
    }
    .bottom.attached.tab.segment {
      background: $bg50;
      border: 0;
      table#notification_table {
        background: $bg50;
        tbody {
          tr {
            transition: background .2s;
            &:hover {
              background: $bg40;
            }
            td { // 1st row
              span {
                &.blue {
                  svg.octicon-pin {
                    fill: $white;
                  }
                }
                &.green {
                  svg.octicon-issue-opened {
                    fill: $green;
                  }
                }
                &.red {
                  svg.octicon-issue-closed {
                    fill: $red;
                  }
                }
              }
            }
            td { // 4th row
              form {
                button.mini.button {
                  background: $bg70;
                  transition: background .2s;
                  &:hover {
                    background: $bg60;
                  }
                  svg {
                    fill: $white-light;
                  }
                }
              }
            }
          }
        }
      }
    }
    .page.buttons {
      .pagination.menu {
        background: $bg60;
        border: 0;
        .item {
          color: $white;
          transition: background .2s;
          &:hover {
            background: $bg50;
          }
          &.active {
            background: $bg50;
            color: $white-light;
          }
          &.disabled {
            color: $white-disabled;
          }
        }
      }
    }
  }
}