freeCodeCamp/public/css/styles.less

@import "bootstrap/bootstrap";
@import "flatly";

body {
  padding-top: 70px;
}

.navbar-nav img {
  width: 30px;
  height: 30px;
  margin: -15px 15px -15px 0;
}

[class^="fa-"],
[class*="fa-"] {
  margin-right: 5px;
}

.facebook {
  background-color: #335397;
  border-color: #335397;
}

.twitter {
  background-color: #00c7f7;
  border-color: #00c7f7;
}

.google {
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.github {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.form-horizontal .checkbox,
.form-horizontal .radio,
.form-horizontal .radio-inline {
  margin-top: 10px;
  margin-bottom: 12px;
  padding-top: 0;
}

// Search field
.dataTables_filter {
  float: right;

  input {
    display: inline-block;
    width: inherit;
    height: 30px;
    margin: 0 0 5px 5px;

    &:focus {
      border-color: #007aff;
      box-shadow: none;
    }
  }
}

// Showing 1 to 10 of 15 entries
.dataTables_length {
  float: left;
}

// Table header
.dataTable th {
  position: relative;
  outline: none;

  &.sorting,
  &.sorting_asc,
  &.sorting_desc {
    cursor: pointer;
  }
}

.dataTables_wrapper {
  clear: both;
}

// Showing 1 to 10 of "X" entries
.dataTables_info {
  float: left;
  font-size: 13px;
}

// Pagination container
.dataTables_paginate {
  float: right;
}

// Pagination buttons
.dataTables_paginate a {
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  border: 1px solid #aaa;
  color: #999;
  background: #fff
  padding: 4px 8px;
  margin-left:5px;

  &:hover {
    color: #007aff;
    border-color: #007aff;
  }

  &.paginate_active {
    border-color: #007aff;
    background: #007aff;
    color: #fff;
  }

  &.paginate_button_disabled {
    border-color: #e3e3e3;
    color: #ddd;
    pointer-events: none;
  }
}