/*html,body{ width:100%; height:100%; margin:0; padding:0; font-family:Consolas; font-size:14px;}*/ /*所有生成控件的样式*/ /*由于需要源代码显示,所以最好不要有样式,全部内置到代码中。。。。。大家要学习新的方法。*/ /*全部绝对定位,以便于在界面上定位*/ /*弹窗样式*/ .Radius5{-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;} .UDL {background-image:url(http://www.1473.cn/img/dialogue-1.png);} .U_UI_dialogue {width:350px;position:absolute;top:200px;left:100px; -moz-box-shadow: 0px 1px 5px #8e8e8e; -webkit-box-shadow: 0px 1px 5px #8e8e8e;box-shadow: 0px 1px 5px #8e8e8e;background-color:white;border:1px solid #e4e4e4;} .U_UI_dltop {width:100%;height:33px; } .U_UI_dldrag {width:80%;height:100%;float:left;font-size:16px;line-height:35px;font-family:"微软雅黑";color:#5e93d7; text-indent:10px;} .U_UI_dlclose {width:25px;height:25px;float:right;cursor:pointer; margin-right:10px;} .U_UI_dlcontent {width:100%;float:left;} .U_UI_dltext {width:90%;height:80%;margin-left:5%;} .U_UI_dlbutton {width:160px;height:30px; float:right; margin:0 8px 8px 0;} .U_UI_dlyes {width:50px;height:30px; text-align:center;float:right;color:White;font-family:微软雅黑;line-height:30px; cursor:pointer; background-color:#3398ff; margin-right:15px; } .U_UI_dlno {width:60px;height:32px;background-position:-98px -218px;float:left;margin-left:5px;} .U_UI_dlno:hover {background-position:-34px -94px; cursor:pointer;} .U_UI_dlnoSR { width:250px; height:43px; float:left; margin:0px; background-position:-27px -15px; margin:10px 0 0 47px; } /*命令窗口关闭按钮样式*/ .UDK_UP_TC { width:30px; height:28px; float:right; line-height:20px; margin:0 15px 0 5px; background-position:-170px -220px;} .UDK_UP_TC:hover { background-position:-139px -220px; cursor:pointer;} /*-----------------------------------------------------------------------有思图片区域------------------------------------------------------------*/ .U_ImgPic{background-image:url(http://www.1473.cn/img/U_Img.png);}/*图片樣式*/ /*整体样式*/ .U_Img{position:absolute; z-index:1; width:440px; background-color:#fff; min-width:400px; padding-bottom:10px; }/* box-shadow: 0px 0px 10px #000000; -webkit-box-shadow:0 0 10px black; -moz-box-shadow:0 0 10px black; border-bottom:1px solid #949494;*/ /*上一张的按钮*/ .U_Img_Change{width:28px; height:33px; position:absolute; top:100px; z-index:2; cursor:pointer; } .U_Img_Change:hover{width:71px;} .U_Img_Prev{background-position:-50px -71px; left:0px;} .U_Img_Prev:hover{background-position:-8px -71px; } /*下一张的按钮*/ .U_Img_Next{background-position:-4px -121px; right:0px;} /*关闭按钮*/ .U_Img_Close{width:83px;height:30px; background-position:-92px -72px; margin-right:5px; margin-top:3px; cursor:pointer; float:right;} .U_Img_Close:hover{background-position:-92px -122px;} /*移动框*/ .U_Img_Move{width:100%; height:25px; background-color:#4b75ad; cursor:pointer;} /*.U_Img_Move:hover{height:15px; top:0px; cursor:pointer;}*/ /*U_Img图片框*/ .U_Img_Info{cursor:pointer; min-height:100px; overflow:hidden; margin-top:10px; } /*U_Img操作框 如放大缩小收藏*/ /*a标签是对应的功能操作*/ .U_Img .U_Img_Operate{ text-align:left; overflow:hidden; line-height:35px; width:100%; height:35px; background-color:rgba(255,255,255,0.5); *background-color:#fff; } .U_Img:hover .U_Img_Operate{height:35px;} .U_Img .U_Img_Operate a{padding:0 5px; margin-top:5px; height:25px; line-height:25px; display:block; cursor:pointer; float:left;} .U_Img .U_Img_Operate a:hover{background-color:#333; color:#fff;} .U_Img .U_Img_Operate i{display:block; float:left; width:25px; height:25px;} .U_Img .U_Img_Operate div {float:left;} .U_Img .U_Img_Operate a .zoomIn{background-position:0px -26px;}/*放大图标*/ .U_Img .U_Img_Operate a:hover .zoomIn{background-position:0px -0px;} .U_Img .U_Img_Operate a .zoomOut{background-position:-26px -26px;}/*缩小图标*/ .U_Img .U_Img_Operate a:hover .zoomOut{background-position:-26px -0px;} .U_Img .U_Img_Operate a .Lrotate{background-position:-51px -26px;}/*向左转图标*/ .U_Img .U_Img_Operate a:hover .Lrotate{background-position:-51px -0px;} .U_Img .U_Img_Operate a .Rrotate{background-position:-76px -26px;}/*向右转图标*/ .U_Img .U_Img_Operate a:hover .Rrotate{background-position:-76px -0px;} .U_Img .U_Img_Operate a .Love{background-position:-101px -26px;}/*收藏图标*/ .U_Img .U_Img_Operate a:hover .Love{background-position:-101px -0px;} .U_Img .U_Img_Operate a .Download{background-position:-126px -26px;}/*下载图标*/ .U_Img .U_Img_Operate a:hover .Download{background-position:-126px -0px;} .U_Img_transition{transition:All 0.2s ease;-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease;}/*未知属性 ie chrome无法识别*/ /*U_Img评论区*/ .U_Img_Comment{line-height:22px; display:none; padding:5px; margin:10px 0; list-style:none; overflow:hidden;} .U_Img_Comment li{border-bottom:1px dotted #ccc; padding:5px 0; margin:0;} .U_Img_Comment li .face{margin:5px; float:left;} .U_Img_Comment .U_Img_ComInput{ width:100%; color:#555; margin:0; padding:0; line-height:25px; height:50px;} /*--------------------------------------------------窗体区域样式表-------------------------------------------*/ /*拉伸样式*/ .UD_W_WT_H { position: absolute; overflow: hidden; cursor: n-resize; left: 0px; top: 0px; width: 100%; height: 5px; display: block; } .UD_W_WT_HL { position: absolute; overflow: hidden; cursor: ne-resize; right: 0px; top: 0px; width: 7px; height: 12px; display: block; } .UD_W_WT_HR { position: absolute; overflow: hidden; cursor: nw-resize; left: 0px; top: 0px; width: 7px; height: 12px; display: block; } .UD_W_WT_ML { position: absolute; overflow: hidden; cursor: w-resize; left: 0px; top: 0px; width: 5px; height: 100%; display: block; } .UD_W_WT_MR { position: absolute; overflow: hidden; cursor: e-resize; right: 0px; top: 0px; width: 5px; height: 100%; display: block; } .UD_W_WT_B { position: absolute; overflow: hidden; cursor: s-resize; left: 0px; bottom: 0px; width: 100%; height: 5px; display: block; } .UD_W_WT_BL { position: absolute; overflow: hidden; cursor: sw-resize; left: 0px; bottom: 0px; width: 7px; height: 12px; display: block; } .UD_W_WT_BR { position: absolute; overflow: hidden; cursor: se-resize; right: 0px; bottom: 0px; width: 7px; height: 12px; display: block;} /*桌面窗口整体样式,这里面有些没有用了,下一次清除掉。*/ .UD_UIU {display:none; border-radius: 8px; box-shadow: 0px 0px 10px #000000; -webkit-box-shadow:0 0 10px black; -moz-box-shadow:0 0 10px black; overflow: hidden;} .UD_WIMG {background:url(http://www.1473.cn/img/windowGround.png);} .UD_ICON {background:url(http://www.1473.cn/img/windowOE.png); } .UD_ICONl {background-position:-2px 0px; width: 15px; height: 34px;float:left;clear:both;} .UD_ICONR {background-position:105px -36px;width: 15px; height: 34px;float:left;} .UD_ICONz {background-position: -21px -52px;padding:0 2px 2px 2px; background-color:White; width:auto; height:100%; clear:both; margin:auto;} .UD_ICONTl {width: 15px; height: 25px;float: left;background-position: -58px -12px;clear:both;} .UD_ICONTz {height: 25px; float: left;background-position: 0px -4088px;} .UD_ICONTR {width: 15px; height: 25px; float:left;background-position: -110px -12px;} .UD_ICONImg {width: 93px; height: 25px;background-position: -6px -45px; margin:auto; } .UD_W {position: absolute; } .UD_UserLeft {-moz-box-shadow: 1px 2px 10px #3d3d3d; -webkit-box-shadow: 1px 2px 10px #3d3d3d; box-shadow: 1px 2px 10px #3d3d3d; width:130px; height:331px; float:left; background-position:-13px -76px;} .UD_UserLeftChild {width:100%; height:98px; } .UD_UserNavigate {width:26px; height:24px; margin-left:17px; margin-top:9px; float:left; background-position:-15px -154px; } .UD_UserGroup {width:26px; height:24px; margin-left:17px; margin-top:9px; float:left; background-position:-45px -154px;} .UD_Userrecently {width:26px; height:24px; margin-left:17px; margin-top:9px; float:left; background-position:-116px -156px;} .UD_UserEmail {width:26px; height:24px; margin-left:17px; margin-top:9px; float:left; background-position:-82px -155px;} .UD_UserNavigatefat {width:129px; height:44px;cursor:pointer;} .UD_UserNavigatefat:hover {background-color:#033b6c;} .UD_UserNavigatebo {width:130px; height:29px; background-position:-17px -45px;float:left; clear:left;} .UD_Shadow {width:211px; height:331px; } .UD_SD {-moz-box-shadow: 1px 2px 10px #3d3d3d; -webkit-box-shadow: 1px 2px 10px #3d3d3d; box-shadow: 1px 2px 10px #3d3d3d;} .UD_W_TB {height: 34px; line-height:33px; width:100%; float:left; }/*头部拖动区域样式*/ .UD_W_TB_T {font-size:14px; font-weight:bold; color:#5e5e5e; font-family:微软雅黑; float:left;}/*拖动区域标题*/ .UD_W_TB_S {height: 5px; width: 100%; display: block; }/*头部区域背景样式*/ .UD_W_TB_WM {display:inline-block; float:right;}/*放大缩小区域*/ .UD_W_TB_WMS {width: 30px; color: #3366ff; height: 28px; line-height: 20px; display: inline-block; float: right; } .UD_W_TB_WM span {width: 30px; color: #3366ff; height: 28px; line-height: 20px; display: inline-block; float: right; }/*放大缩小样式*/ .UD_W_TB_WM span:hover {color: #fff; cursor: pointer; } .UD_W_TB_MQ {display:inline-block; height:20px;margin:2px 0 0 10px;}/*头部说明区域*/ .UD_W_TB_WM_Min {background-position:-12px -80px }/*最小化图标*/ .UD_W_TB_WM_Min:hover {background-position: -12px -122px } .UD_W_TB_WM_Max {background-position:-47px -79px; }/*最大化图标*/ .UD_W_TB_WM_Max:hover {background-position: -47px -121px; } .UD_W_TB_WM_Close {background-position:-79px -80px; width:30px; height:25px; float:right; margin-right:5px; }/*关闭图标*/ .UD_W_TB_WM_Close:hover {background-position: -79px -122px; } .UD_W_WC {width: 100%; overflow: hidden; background-color:White; }/*整体样式*/ .UD_ICONBG {background:url(http://www.1473.cn/img/newsbg.jpg) -5px 0px no-repeat;}