r7kamura/altria

@import "mixin";

section.jobs {
  h1:before {
    content: "\F13D";
  }

  p {
    color: #ccc;
  }

  ul {
    margin-top: 1em;
  }
}

section.job_settings {
  h1:before {
    content: "\F085";
  }

  td {
    padding-right: 1em;
  }

  input[type="submit"] {
    margin-top: 1em;
    background: #34495e;
    border-color: #34495e;
  }
}

section.jobs,
section.builds {
  .buttons {
    overflow: hidden;
  }

  .buttons a {
    float: left;
    display: block;
    margin-right: 1em;
  }

  .buttons a.new:before {
    content: "\F040";
  }

  .buttons a.run:before {
    content: "\F04B";
  }

  .buttons a.new,
  .buttons a.settings {
    background: #2C3E50;
    border-color: #2C3E50;
  }

  .buttons a.settings:before {
    content: "\F013";
  }

  .buttons a.delete {
    background: #C0392B;
    border-color: #C0392B;
  }

  .buttons a.delete:before {
    content: "\F014";
  }

  .button {
    margin-top: .5em;
  }

  ul {
    margin-top: 1em;
    list-style: none;
  }

  li a {
    @include box;
    display: block;
  }

  li a:hover {
    background: #fafafa;
  }

  li.unfinished a {
    @include stripe;
  }

  li.unfinished a:before {
    content: "\F056";
  }

  li.success a:before {
    content: "\F058";
    color: #27AE60;
  }

  li.failure a:before {
    content: "\F057";
    color: #C0392B;
  }

  li.success a {
    border-color: #27AE60;
  }

  li.failure a {
    border-color: #C0392B;
  }

  li span {
    margin-right: 1em;
  }
}

section.builds {
  h1:before {
    content: "\F0FB";
  }

  .pagination {
    text-align: center;
  }
}