tntreebox.css 2.1 KB

123456789101112131415161718192021222324252627282930313233
  1. /***************[tree box]******************/
  2. .tntreebox *{box-sizing: border-box;font-size: 13px!important;}
  3. .tntreebox{clear: both;background-color: #fff;text-align: left;}
  4. .tntreebox .list{min-width:190px;max-width:600px;height: 450px;float: left;}
  5. .tntreebox input[type=checkbox],.tntreebox em{
  6. width: 16px;height: 16px;vertical-align: middle;margin-right: 10px !important;display: inline-block;margin-top: 5px;float: left;opacity:1!important;
  7. }
  8. .tntreebox .box{width:200px!important;height: 100%;overflow: auto;float: left;border-right:1px solid #DDDDDD;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
  9. /* .tntreebox div[id^="c_"]{border-right: none;} */
  10. .tntreebox .box:first-child{border-left: 1px solid #dcdcdc;}
  11. .tntreebox ul{margin: 0;padding: 0;}
  12. .tntreebox li{list-style-type:none;height: 35px;line-height: 35px;padding:0 10px;cursor: pointer;overflow: none;color:#666666; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  13. .tntreebox li:hover,.tntreebox .cur{background-color: #F4F4F4;}
  14. .tntreebox li:hover,.tntreebox .blue{background-color: #E7F2FC;}
  15. .tntreebox .selected{background-color:#66B3FF;}
  16. .tntreebox .search{width: 98%;height:90%;border: none;}
  17. .tntreebox .hide,.tntreebox .hide2{display: none;}
  18. .tntreebox label{line-height: 35px;vertical-align: middle;margin:0!important;cursor: pointer;float: left;}
  19. .tntreebox .children span:before{content: ">";display: block;right: 0px;width: 20px;height: 35px;float: right;}
  20. .tntreebox .header{position: relative;overflow-x:hide;overflow-y:auto;border:1px solid #DDDDDD;float: right;margin-top: 0px!important;}
  21. .tntreebox .header div,.tntreebox .header a{display:block;float: left;padding:0px 10px;margin: 5px;height:26px;line-height: 21px;color:#666666; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  22. .tntreebox .header div span,.tntreebox .header a{cursor: pointer;}
  23. .tntreebox .header div{background-color: #F4F4F4;border-radius: 5px;}
  24. .tntreebox .header div span{padding: 5px 0 5px 5px;margin: 0 0 0 10px;font-size: 20px;}
  25. .children span{
  26. font-family: "宋体";
  27. font-weight: bold;
  28. }