You are here

Home » API reference » UEditor - 百度编辑器 8

music.css in UEditor - 百度编辑器 8 

.wrapper{margin: 5px 10px;}

.searchBar{height:30px;padding:7px 0 3px;text-align:center;}
.searchBtn{font-size:13px;height:24px;}

.resultBar{width:460px;margin:5px auto;border: 1px solid #CCC;border-radius: 5px;box-shadow: 2px 2px 5px #D3D6DA;overflow: hidden;}

.listPanel{overflow: hidden;}
.panelon{display:block;}
.paneloff{display:none}

.page{width:220px;margin:20px auto;overflow: hidden;}
.pageon{float:right;width:24px;line-height:24px;height:24px;margin-right: 5px;background: none;border: none;color: #000;font-weight: bold;text-align:center}
.pageoff{float:right;width:24px;line-height:24px;height:24px;cursor:pointer;background-color: #fff;
   border: 1px solid #E7ECF0;color: #2D64B3;margin-right: 5px;text-decoration: none;text-align:center;}

.m-box{width:460px;}
.m-m{float: left;line-height: 20px;height: 20px;}
.m-h{height:24px;line-height:24px;padding-left: 46px;background-color:#FAFAFA;border-bottom: 1px solid #DAD8D8;font-weight: bold;font-size: 12px;color: #333;}
.m-l{float:left;width:40px; }
.m-t{float:left;width:140px;}
.m-s{float:left;width:110px;}
.m-z{float:left;width:100px;}
.m-try-t{float: left;width: 60px;;}

.m-try{float:left;width:20px;height:20px;background:url('http://static.tieba.baidu.com/tb/editor/images/try_music.gif') no-repeat ;}
.m-trying{float:left;width:20px;height:20px;background:url('http://static.tieba.baidu.com/tb/editor/images/stop_music.gif') no-repeat ;}

.loading{width:95px;height:7px;font-size:7px;margin:60px auto;background:url(http://static.tieba.baidu.com/tb/editor/images/loading.gif) no-repeat}
.empty{width:300px;height:40px;padding:2px;margin:50px auto;line-height:40px; color:#006699;text-align:center;}

File

lib/dialogs/music/music.css
View source 
  1. .wrapper{margin: 5px 10px;}

  2. 

  3. .searchBar{height:30px;padding:7px 0 3px;text-align:center;}

  4. .searchBtn{font-size:13px;height:24px;}

  5. 

  6. .resultBar{width:460px;margin:5px auto;border: 1px solid #CCC;border-radius: 5px;box-shadow: 2px 2px 5px #D3D6DA;overflow: hidden;}

  7. 

  8. .listPanel{overflow: hidden;}

  9. .panelon{display:block;}

  10. .paneloff{display:none}

  11. 

  12. .page{width:220px;margin:20px auto;overflow: hidden;}

  13. .pageon{float:right;width:24px;line-height:24px;height:24px;margin-right: 5px;background: none;border: none;color: #000;font-weight: bold;text-align:center}

  14. .pageoff{float:right;width:24px;line-height:24px;height:24px;cursor:pointer;background-color: #fff;

  15.    border: 1px solid #E7ECF0;color: #2D64B3;margin-right: 5px;text-decoration: none;text-align:center;}

  16. 

  17. .m-box{width:460px;}

  18. .m-m{float: left;line-height: 20px;height: 20px;}

  19. .m-h{height:24px;line-height:24px;padding-left: 46px;background-color:#FAFAFA;border-bottom: 1px solid #DAD8D8;font-weight: bold;font-size: 12px;color: #333;}

  20. .m-l{float:left;width:40px; }

  21. .m-t{float:left;width:140px;}

  22. .m-s{float:left;width:110px;}

  23. .m-z{float:left;width:100px;}

  24. .m-try-t{float: left;width: 60px;;}

  25. 

  26. .m-try{float:left;width:20px;height:20px;background:url('http://static.tieba.baidu.com/tb/editor/images/try_music.gif') no-repeat ;}

  27. .m-trying{float:left;width:20px;height:20px;background:url('http://static.tieba.baidu.com/tb/editor/images/stop_music.gif') no-repeat ;}

  28. 

  29. .loading{width:95px;height:7px;font-size:7px;margin:60px auto;background:url(http://static.tieba.baidu.com/tb/editor/images/loading.gif) no-repeat}

  30. .empty{width:300px;height:40px;padding:2px;margin:50px auto;line-height:40px; color:#006699;text-align:center;}