GZ/nwyj/WebContent/css/icing/setting_legend.css

html,body{ width:700px; height:400px; margin:0; padding:0; font-family: "微软雅黑";}
.lengend_box{ width:100%; height:350px; }
.subject_lengend_box{ width:199px; height:0px; border-right:1px solid #afaeae; display:inline-block; }/* #f0f0f0 */
.lengend_img_box{ display:inline-block; float:right; width:500px; height:350px; background:#f0f0f0; }
.lengend_upload_btn_box{ border-top:1px solid #afaeae; width:100%; height:49px; }

::-webkit-scrollbar { width: 12px;}
::-moz-scr
::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px;}
::-webkit-scrollbar-thumb { border-radius:10px; background: rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4);}


ul{ margin:0; padding:0; }
li{ list-style-type:none;}
.none_border{ border:none; }

/* 专题区  */
.sbject_item{ width:100%; height:70px; cursor:pointer; line-height: 70px; text-align: center; font-size:14px; }
.sbject_item:hover{ background:#f0f8ff; color:#0a2f6f; }
/* .sbject_item:active{ background:#00aec7; color:#f1f1f1; } */

.none_leg{ color:red; }

/* 图例区  */
.portfolio-items{ width:500px; height:350px; overflow-x:hidden; overflow-y:auto;
    white-space:nowrap; margin-bottom:30px; position:relative; }
    
.lengen_item {
    width: 490px;
    height: 60px;
    padding: 5px;
    border-radius: 2px;
    background-color: #e0e0e0;
    font-size: 14px;
    position: relative;
    box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
    border-bottom:1px dashed #afaeae;
    /* -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all .3s ease, opacity 2s ease, top 1s ease;
    -o-transition: all .3s ease, opacity 2s ease, top 1s ease;
    transition: all .3s ease, opacity 2s ease, top 1s ease; */
}    

.lengen_img{ margin:15px; display:inline-block; float:left; }
.lengen_desc{line-height: 25px !important; font-size:12px; font-family:"微软雅黑";/* #CC320F */
    		 padding: 0 10px; margin: 15px 0; width: 270px; background-color: #f0f0f0; color: #333; display:inline-block; float:left; }

/* 编辑按钮  */
.lengen_edit_btn_box{ width:70px; height:35px; display: inline-block; margin: 10px;}

.lengen_btn{ width:35px; height:35px; border:none; display:inline-block; cursor:pointer; }
.edit_btn{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -28px -28px; }
.edit_btn:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -28px -148px; }
.edit_btn:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -28px -88px; }

.del_btn{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -88px -28px; }
.del_btn:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -88px -148px; }
.del_btn:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -88px -88px; }

.save_btn{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -148px -28px; }
.save_btn:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -148px -148px; }
.save_btn:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -148px -88px; }

.sort_btn{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -208px -28px; }
.sort_btn:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -208px -148px; }
.sort_btn:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -208px -88px; }



.upload_btn, .save_btn{ border: none; color: #3a617e; background: none; width: 120px!important; height:49px; float:right; }
.upload_btn span, .save_btn span{ display:inline-block; float:right; height:44px; line-height:40px; }
.upload_btn:hover, .save_btn:hover{ color:#f2f2f2; 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#0197cc);
    background: -ms-linear-gradient(top, #fff, #0197cc);
    background: -moz-linear-gradient(top,#fff,#0197cc);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#0197cc));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0197cc));
    background: -webkit-linear-gradient(top, #fff, #0197cc);
    background: -o-linear-gradient(top, #fff, #0197cc);
}

.lengen_item_move { z-index: 2;
    -webkit-transform: scale(1.2) translateY(-5px);
    -moz-transform: scale(1.2) translateY(-5px);
    -ms-transform: scale(1.2) translateY(-5px);
    transform: scale(1.2) translateY(-5px);
    -webkit-box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3); }