replication.less

replication.less

// Licensed under the Apache License, Version 2.0 (the "License"); you may not
// use this file except in compliance with the License. You may obtain a copy of
// the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
// License for the specific language governing permissions and limitations under
// the License.

@import "../../../../../assets/less/variables.less";
@import "../../../../../assets/less/mixins.less";

.replication-page {
  font-size: 14px;
  padding-top: 25px;

  input, select {
    font-size: 14px;
  }
  input {
    width: 246px;
  }
  select {
    width: 246px;
    margin-bottom: 10px;
    background-color: white;
    border: 1px solid #cccccc;
  }
  .styled-select {
    width: 250px;
  }

  .span3 {
    text-align: right;
    margin-top: 12px;
  }
  .remote-connection-details {
    margin: 15px 0;
  }
  .connection-url {
    width: 100%;
  }
  .buttons-row {
    margin-top: 10px;
    a {
      padding: 12px;
    }
  }
  .typeahead {
    width: 100%;
  }

  hr {
    margin: 6px 0 15px;
  }
  .section-header {
    font-weight: bold;
    font-size: 14pt;
  }

  .Select div.Select-control {
    padding: 6px;
    border: 1px solid #cccccc;
    width: 246px;
    .Select-value, .Select-placeholder {
      padding: 6px 10px;
    }
    input {
      margin-left: -6px;
    }
    .Select-arrow-zone {
      padding: 0;
      width: 18px;
      color: black;
    }
  }

  .connection-url-example {
    font-size: 9pt;
    color: #999999;
    margin-bottom: 8px;
  }

  .custom-id-field {
    position: relative;
    width: 250px;

    span.fonticon {
      cursor: pointer;
      position: absolute;
      right: 6px;
      top: 8px;
      font-size: 11px;
      padding: 8px;
      color: #999999;
      .transition(all 0.25s linear);
      &:hover {
        color: #333333;
      }
      input {
        padding-right: 32px;
      }
    }
  }
  
  .is-selected {
    color: @darkRed;

    &:hover {
      color: white;
    }
  }
}