123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150 |
- html,body{
- margin:0px;
- padding:0px;
- -webkit-user-select:none;
- -moz-user-select:none;
- -o-user-select:none;
- user-select:none;
- overflow:hidden;
- }
- .Upload-button{
- width:120px;
- height:28px;
- background:#2C8EEF;
- border-radius:3px;
- color:#FFF;
- text-align:center;
- line-height:28px;
- position:absolute;
- left:calc(50% - 60px);
- cursor:pointer;
- }
- .Upload-button-button{
- width:118px;
- height:28px;
- background:#FFF;
- border:1px solid #2C8EEF;
- border-radius:0px 0px 2px 2px;
- color:#2C8EEF;
- text-align:center;
- line-height:28px;
- cursor:pointer;
- }
- .none{
- display: none;
- }
- .block{
- display: block;
- }
- .Upload-button-window{
- width:600px;
- height:400px;
- border:1px solid #DDDDDD;
- border-radius:2px;
- box-shadow:3px 3px 3px rgba(0,0,0,.1);
- cursor:default;
- position:absolute;
- left:-240px;
- top:100px;
- }
- .Upload-button-window-head{
- width:100%;
- height:34px;
- padding: 5px 10px;
- }
- .Upload-button-window-head div{
- color:#878787;
- font-size: 21px;
- float: left;
- }
- .Upload-button-window-head div:nth-child(3){
- width:20px;
- height:20px;
- background: url(img/Upload-close.png);
- background-size:100% 100%;
- margin-top:3px;
- margin-left:425px;
- cursor: pointer;
- }
- .Upload-button-window-type{
- padding: 0px 10px;
- width: 585px;
- height:36px;
- border-bottom: 1px solid #EFEFEF;
- }
- .Upload-button-window-type div{
- color:#878787;
- font-size: 16px;
- float: left;
- }
- .Upload-button-window-type div:nth-child(2){
- margin-left: 190px;
- }
- .Upload-button-window-type div:nth-child(3){
- margin-left: 120px;
- }
- .Upload-button-window-type div:nth-child(4){
- margin-left: 65px;
- }
- .Upload-button-window-file{
- width:100%;
- height:44px;
- float: left;
- }
- .Upload-button-window-file:hover{
- background:#D5E9FD;
- }
- .Upload-button-window-file div{
- float: left;
- }
- /*.Upload-button-window-file div:nth-child(1){
- width:32px;
- height:30px;
- background-size:100% 100%;
- margin:7px 10px;
- }*/
- .Upload-button-window-file div:nth-child(1){
- width:215px;
- height:30px;
- background-size:100% 100%;
- color:#878787;
- text-align:left;
- margin:7px 0px;
- overflow:hidden;
- text-indent:5px;
- }
- .Upload-button-window-file div:nth-child(2){
- width:80px;
- height:44px;
- color:#878787;
- font-size:13px;
- line-height:44px;
- text-align: right;
- }
- .Upload-button-window-file-finish{
- width:15px;
- height:15px;
- *background:url(img/finish.png);
- background-size:100% 100%;
- margin-top:10px;
- margin-left:111px;
- color:Red;
- }
- .Upload-button-window-file-working{
- width:90px;
- height:44px;
- color:#878787;
- line-height:44px;
- text-align:left;
- margin-left:7px;
- }
- .Upload-button-window-file div:nth-child(4){
- width:15px;
- height:15px;
- background:url(img/Upload-close.png);
- background-size:100% 100%;
- float: right;
- margin-top:14px;
- margin-right:80px;
- cursor:pointer;
- }
|