browse.css 2.4 KB

12345678910111213141516171819202122232425262728293031323334
  1. .side-col .detail-content{padding-left: 10px; margin-top: 0px}
  2. .tree li.has-list.open:before {border-left: none;}
  3. #measTree li {padding: 0 0 0 8px;}
  4. #measTree li.has-list {padding-left: 20px;}
  5. #measTree li > a {display: block; padding: 5px 0; border-radius: 2px; padding-left: 6px; height: 30px;}
  6. #measTree li > a > span {display: inline-block;}
  7. #measTree li > a > span + span {margin-left: 8px;}
  8. #measTree li.selected > a {background-color: #E8F3FC;}
  9. #measTree li.selected > a > span.title {color: #006AF1;}
  10. #measTree .label-id {border-color: #cbd0db; color: #7d8599}
  11. #measTree .label.label-type {background: #fff; border: 1px solid #7d8599; color:#7d8599}
  12. #measTree li > a > span.title {color: #3C4353; white-space: nowrap; max-width: 60%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
  13. #measTree li > a > span.user {color: #838a9d;}
  14. #measTree li > a > span.user > .icon-person {font-size: 14px; position: relative; top: -1px; color: #a6aab8}
  15. #measTree li > .list-toggle {transform: rotate(0deg); width: 16px; height: 16px; border: 4px solid #a6aab8; border-radius: 2px; top: 7px;}
  16. #measTree li > .list-toggle:before {content: ' '; display: block; position: absolute; border: 1px solid #a6aab8; top: 2px; left: -3px; right: -3px; bottom: 2px; min-width: 0; transition: all .2s;}
  17. #measTree li > .list-toggle:hover:before,
  18. #measTree li > .list-toggle:hover {border-color: #006AF1;}
  19. #measTree li.open > .list-toggle {width: 12px; height: 12px; top: 9px; background-color: #a6aab8; border-width: 3px; left: 3px;}
  20. #measTree li.open > .list-toggle:before {border: none; height: 2px; width: 6px; left: 0; top: 2px; background: #fff;}
  21. #measTree li.open > .list-toggle:hover {background: #006AF1;}
  22. #measTree ul > li:after {display: block; position: absolute; content: ' '; border-top: 2px solid #cbd0db; top: 14px; left: -12px; z-index: 1; width: 10px;}
  23. #measTree ul > li:before,
  24. #measTree ul > li.has-list:before {background: none; content: ' '; display: block; position: absolute; width: auto; height: auto; border: none; border-left: 2px solid #cbd0db; top: -13px; bottom: 12px; left: -12px;}
  25. #measTree ul > li:last-child:before {bottom: auto; height: 29px;}
  26. #measTree ul > li:first-child:before {top: -9px;}
  27. #measTree ul > li.has-list:first-child:before {top: -13px;}
  28. #measTree ul > li.tree-single-item:before {height: 23px;}
  29. #measTree ul > li.has-list:after {width: 14px;}
  30. #measTree ul > li.item-meas a.selected{color: #0c64eb;}
  31. .side-col{padding-right: 5px; width: 25%}