Radarr/src/UI/Content/theme.less

@import "Bootstrap/variables";
@import "Bootstrap/mixins";
@import "Bootstrap/type";
@import "font";
@import "form";
@import "navbar";
@import "Backgrid/backgrid";
@import "prefixer";
@import "icons";
@import "checkbox-button";
@import "spinner";
@import "legend";
@import "progress-bars";
@import "../Shared/Styles/clickable";
@import "../Shared/Styles/card";
@import "../Rename/rename";
@import "typeahead";
@import "utilities";
@import "../Hotkeys/hotkeys";
@import "../Shared/FileBrowser/filebrowser";
@import "badges";
@import "../ManualImport/manualimport";
@import "../SeasonPass/seasonpass";

.main-region {
  @media (min-width : @screen-lg-min) {
    padding-left  : 30px;
    padding-right : 30px;
  }
}

.toolbar {

  &:after {
    visibility : hidden;
    display    : block;
    font-size  : 0;
    content    : " ";
    clear      : both;
    height     : 0;
  }

  .page-toolbar {
    margin-top    : 10px;
    margin-bottom : 30px;

    .toolbar-group {
      display : inline-block;
    }

    @media (max-width: @screen-sm-max) {
      .x-toolbar-left-1 {
        display: block;
      }

      .btn-group {
        display: block;
      }
    }

    .sorting-buttons {
      .sorting-title {
        display : inline-block;
        width   : 110px;
      }
    }
  }
}

.toolbars {
  margin-top    : 5px;
  margin-bottom : 30px;

  .page-toolbar {
    margin-top    : 5px;
    margin-bottom : 0px;
  }
}

.page-container {
  min-height : 500px;
}

#scroll-up {

  i {
    .clickable;
    .opacity(0.3);
    margin: 0px 20px;

    &:hover {
      .opacity(0.4);
    }
  }

  position  : fixed;
  z-index   : 9999;
  bottom    : 30px;
  right     : 0px;
  display   : none;
  font-size : 56px;
  color     : gray;
}

.control-panel-visible {
  #scroll-up {
    bottom : 100px;
  }
}

.label-large {
  padding   : 4px 6px;
  font-size : 16px;
}

.label-white {
  color            : black;
  background-color : white;
}

.label-disabled {
  opacity : 0.5;
}

th {
  cursor : default;

  &.sortable {
    &:hover {
      background : @table-bg-hover;
    }
    .clickable();

  }
}

a, .btn {
  i {
    cursor : pointer;
  }
}

body {
  background       : url('../Content/Images/background/logo.png') 50px 75px no-repeat;
  background-color : #272727;
  margin-bottom    : 100px;
  p {
    font-size : 0.9em;
  }
}

body.debug {
  &:after {
    background-color: #222222;
    color: white;
    text-transform: uppercase;
    padding: 17px 25px;
    position: fixed;
    font-size: 15px;
    font-weight: bold;
    bottom: 0;
    right: 0;
    opacity:.9;
    z-index: 9999;
    content: "X-Small";

    @media (min-width: @screen-sm-min) {
      content: "Small";
    }

    @media (min-width: @screen-md-min) {
      content: "Medium";
    }

    @media (min-width: @screen-lg-min) {
      content: "Large";
    }
  }
}

.footer {
  font-size       : 13px;
  font-weight     : lighter;
  padding-top     : 0px;
  padding-bottom  : 20px;
  color           : #999999;
  margin          : 0;
  text-decoration : none;

  a {
    color           : #999999;
    text-decoration : underline;
  }

  p {
    margin-bottom : 0px;
  }

  #footer-region {
    .text-center();
    position : relative;
    width    : 256px;
    margin   : 50px auto 0px auto;
    display  : block;
  }
}

.started #page {
  .card(#aaaaaa);
  /* width      : 1210px;
  min-width  : 1210px; */
  max-width : 1429px;
  margin    : auto;
  //  margin-top : -70px;
  padding   : 20px 0px;

  .header {
    padding-bottom : 10px;
    margin-bottom  : 20px;
    border-bottom  : 1px solid #eeeeee;
  }
}

.backdrop #page {
  background-color : transparent;
  box-shadow       : none;
}

.validation-errors {
  i {
    padding-right : 5px;
  }
}

.status-primary {
  color : @link-color;
}

.status-success {
  color : @state-success-text;
}

.status-warning {
  color : @state-warning-text;
}

.status-danger {
  color : @state-danger-text;
}

.error {
  background : #FF0000;
}

#errors {
  display : none;
}

.mono-space {
  font-family : "ubuntu mono"
}

.file-path {
  .mono-space();
}

.control-panel {
  .card(#333333);

  color            : #f5f5f5;
  background-color : #333333;
  margin           : 0px;
  margin-bottom    : -100px;
  position         : fixed;
  left             : 0;
  bottom           : 0;
  width            : 100%;
  height           : 80px;
  opacity          : 0;

  @media (max-width : @screen-sm-max) {
    height   : initial;
    position : static;
  }
}

.tab-content {
  .tab-pane {
    padding-top : 10px;
  }
}

.modal-header {
  h3 {
    margin-top    : 0px;
    margin-bottom : 0px;
  }
}

.modal-body {
  table {
    font-size   : 12px;
    font-weight : bold;

    i {
      font-size : 14px;
    }
  }
}

.tooltip {
  .tooltip-inner {
    max-width : 250px;
  }
}

dl.info {
  dt, dd {
    padding-bottom : 5px;
  }
}

.label {
  &.protocol-torrent {
    background-color : #00853D;
  }

  &.protocol-usenet {
    background-color : #17B1D9;
  }
}

.login {
  color : #ececec;

  h2 {
    vertical-align : bottom;
  }
}

.sort-direction-icon {
  .pull-right();
  position : relative;
  width    : 0px;
}