tree.scss 4.09 KB
#tree-holder { 
  #tree-content-holder {
    float:left;
    width:100%;
  }
  #tree-readme-holder {
    float:left;
    width:100%;
    .readme {
      border:1px solid #ccc;
      padding:12px;
      background: #F7F7F7;

      pre { 
        overflow: auto;
      }
    }
  }

  .tree_progress { 
    display:none;
    margin:20px;
    &.loading { 
      display:block;
    }
  }


  /** FILE CONTENT VIEW **/
  .view_file_content{
    .old_line, .new_line {
      background:#ECECEC;
      color:#777;
      width:15px;
      float:left;
      padding: 0px 10px;
      border-right: 1px solid #ccc;
    }
    .old_line{
      display:none;
    }
  }

  .view_file .view_file_header,
  .diff_file .diff_file_header {
    border-bottom: 1px solid #bbb;
    background:#eee;
    background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
    background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
    background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
    background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
    margin: 0;
    font-weight: normal;
    font-weight: bold;
    text-align: left;
    color: #666;
    padding: 9px 10px;
    height:18px;

    .options { 
      float:right;
      margin-top: -5px;
    }

    .file_name { 
      color:$style_color;
      font-size:14px;
      text-shadow: 0 1px 1px #fff;
      small { 
        color:#999;
        font-size:13px;
      }
    }
  }

  .view_file {
    border:1px solid #CCC;
    margin-bottom:1em;

    .view_file_content {
      background:#fff;
      color:#514721;
      font-size: 11px;
    }
    .view_file_content_image {
      background:#eee;
      text-align:center;
      img {
        padding:100px;
        max-width:300px;
      }
    }
  }

  td.code {
    width: 100%;
    .highlight {
      margin-left: 55px;
      overflow:auto;
      overflow-y:hidden;
    }
  }
  .highlight pre {
    white-space: pre;
    word-wrap:normal;
  }

  table.highlighttable {
    border: none;
  }
  body.project-page table.highlighttable td { border: none }
  table.highlighttable tr:hover { background:none;}

  table.highlighttable pre{
    line-height:16px !important;
    font-size:12px !important;
  }

  table.highlighttable .linenodiv pre {
    text-align: right;
    padding-right: 4px;
    color:#666;
  }

  #tree-slider {
    @include border-radius(0);
    .tree-item { 
      &:hover { 
        td { background: $hover; }
        cursor:pointer;
      }
    }
  }

  .tree-item { 
    .tree-item-file-name { 
      vertical-align:middle;
      font-weight:bold;
      a { 
        color:$style_color;
        &:hover { 
          color:$blue_link;
        }
      }

      img { 
        position: relative;
        top:-1px;
      }
    }
  }


  #tree-slider { 
    @include shade;
    width:100%;

    border-color:#ccc;

    td { 
      padding:8px;
      border-color:#f1f1f1;
      background:#fafafa;
    }

    tr:first-child td:first-child, 
    tr:first-child td:last-child { 
      border-radius:0;
    }

    th { 
      border-color: #CCC;
      border-bottom: 1px solid #bbb;
      background:#eee;
      background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
      background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
      background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
      background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
    }
  }

  .tree-commit-link { 
    color:#333;
  }

  #tree-content-holder .view_file{ 
    @include shade;
  }

  #tree-readme-holder .readme { 
    @include shade;
    margin-bottom:20px;
    h1, h2 {  
      line-height: 56px;  
 	  }  
    h3, h4 {  
 	    line-height: 46px;  
 	  }  
  }

  a.tree-commit-link { 
    color: #666;
    &:hover { 
      text-decoration: underline;
    }
  }

}

.blame_file { 
  .view_file_content {
    tr { 
      border-bottom: 1px solid #eee;
    }
    td { 
      padding:5px;
    }
    .author, 
    .commit { 
      background:#f5f5f5;
      vertical-align:top;
    }
    .lines { 
      pre { 
        padding:0;
        margin:0;
        background:none;
        border:none;
      }
    }
  }
}