app/addons/cors/assets/less/cors.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/bootstrap/variables.less";
@import "../../../../../assets/less/variables.less";
@import "../../../../../assets/less/bootstrap/mixins.less";

.cors-page {
  .loading-lines {
    margin-top: 20px;
  }
  .enable-disable.btn {
    margin-top: 10px;
  }

}



#cors-header {
  margin: 18px 30px 0 30px;
}

#corsForm {
  margin: 0;

  .checkbox {
    font-size: 16px;

    input[type='checkbox'] {
      margin-top: 4px;
    }
  }
  .radio {
    font-size: 16px;

    input[type='radio'] {
      margin-top: 4px;
    }
  }

  .cors-enable {
    padding: 10px 30px 18px 30px;
    border-bottom: 1px solid #ccc;
  }
  #origin-domains-container {
    button.add-domain {
      height: 46px;
    }
  }
  #collapsing-container {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    padding: 18px 30px;
  }
  .origin-domains {
    margin: 0;
    padding: 18px 0px;

    p {
      line-height: 36px;
    }
    .controls {
      margin-top: 18px;
    }
  }
  .localhost-tip {
    padding: 18px 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
  }
  .form-actions {
    padding: 18px 30px;
    margin-top: 0;
    border-top: 1px solid #fff;
  }

  .input-append {
      width: 80%;
  }

  input[type='text'] {
    width: 100%;
  }

  .input-append.edit-domain-section {
    width : 100%;
    margin-bottom: 0px;

    input {
      width: calc(100% ~"-" 82px);
      /*
        the 'update' button is 76 px wide,
        so 82px gives it a little room
        compatible browsers: http://caniuse.com/#feat=calc
      */
    }
  }
}

#origin-domain-table {
  td {
    padding: 8px 2px;
  }
  span {
    cursor: pointer;
    color: @brandHighlight;
    display: inline-block;
    padding-top: 9px;
  }

  tr a {
    text-decoration: none;
    color: @subListGray;
  }

  tr a:hover {
    color: @hoverHighlight;
  }

  .edit-domain-section {
    .btn {
      height: 46px;
    }
  }
  .url-display {
    padding: 10px;
  }

  .update-domain-btn {
    position: absolute;
    right: -2px;
    top: 0;
    padding: 9px;
    border-radius: 0 6px 6px 0;
  }
}