app/addons/components/assets/less/docs.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/bootstrap/mixins.less";

#doc-list {
  .custom-inputs {
    display: none;
  }
  padding: 30px 12px 0 12px;
  div.doc-row {
    margin-bottom: 20px;
    .doc-item {
      cursor: pointer;
      vertical-align: top;
      position: relative;
      .box-shadow(3px 4px 0 rgba(0, 0, 0, 0.3));
      .doc-data {
        border-bottom: 1px solid @docHeaderBorderBottom;
        border-left: 1px solid @docHeaderOtherBorders;
        border-right: 1px solid @docHeaderOtherBorders;
        font-family: monospace;
        .prettyprint--small {
          font-size: 11px;
        }
        .prettyprint--large {
          font-size: 15px;
        }
      }
      header {
        font-weight: bold;
        position: relative;
        padding: 5px 10px;
        background-color: @docHeaderBG;
        border-bottom: 1px solid @docHeaderBorderBottom;
        border-left: 1px solid @docHeaderOtherBorders;
        border-right: 1px solid @docHeaderOtherBorders;
        border-top: 1px solid @docHeaderOtherBorders;
        .header-doc-id {
          color: @docHeaderDocId;
          margin-left: 0;
        }
        .header-keylabel {
          margin-right: 10px;
        }
        .header-keylabel:empty
        {
          display:none;
        }
        .header-keylabel,
        .fonticon-pencil {
          color: @docHeaderLabels;
        }
        .doc-edit-symbol {
          position: relative;
        }
        .fonticon-pencil {
          font-size: 16px;
        }
        .fonticon-pencil:hover {
          color: @hoverHighlight;
        }
      }
    }
  }
}

.view #doc-list {
  padding-top: 12px;
}

.show-select {
  #doc-list {
    padding: 0px 0 30px 0;
    .custom-inputs {
      display: block;
      float: left;
    }
  }
  .checkbox.inline {
    padding-top: 17px;
    padding-left: 0;
    label {
      padding-left: 23px; // 7px to the right-border + 16px around
    }
  }
  .checkbox-dummy {
    width: 20px;
    height: 20px;
    padding-left: 23px;
    margin-right: 15px;
  }
  .doc-item {
    width: auto;
    overflow: hidden;
  }
  label.label-checkbox-doclist {
    // https://code.google.com/p/chromium/issues/detail?id=411065
    -webkit-user-select: none;
    height: 1px;
    width: 1px;
  }
  /* checkboxes in doc-list */
  input[type="checkbox"] + label:before {
    background-color: @docCheckBoxUncheckedBG;
    border: @docCheckBoxUncheckedBorder;
  }
  input[type="checkbox"] + label:hover:before {
    border: @docCheckBoxHoverBorder;
  }
  input[type="checkbox"]:checked + label::before {
    border: @docCheckBoxCheckedBorder;
    background-color: @docCheckBoxCheckedBG;
  }
}

.doc-content-truncated {
  background-color: #4d4d4d;
  color: #bbbbbb;
  padding: 10px;
  font-size: 13px;
  margin: 0;
}