UJ.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. /*html,body{ width:100%; height:100%; margin:0; padding:0; font-family:Consolas; font-size:14px;}*/
  2. /*所有生成控件的样式*/
  3. /*由于需要源代码显示,所以最好不要有样式,全部内置到代码中。。。。。大家要学习新的方法。*/
  4. /*全部绝对定位,以便于在界面上定位*/
  5. /*弹窗样式*/
  6. .Radius5{-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;}
  7. .UDL {background-image:url(http://www.1473.cn/img/dialogue-1.png);}
  8. .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;}
  9. .U_UI_dltop {width:100%;height:33px; }
  10. .U_UI_dldrag {width:80%;height:100%;float:left;font-size:16px;line-height:35px;font-family:"微软雅黑";color:#5e93d7; text-indent:10px;}
  11. .U_UI_dlclose {width:25px;height:25px;float:right;cursor:pointer; margin-right:10px;}
  12. .U_UI_dlcontent {width:100%;float:left;}
  13. .U_UI_dltext {width:90%;height:80%;margin-left:5%;}
  14. .U_UI_dlbutton {width:160px;height:30px; float:right; margin:0 8px 8px 0;}
  15. .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; }
  16. .U_UI_dlno {width:60px;height:32px;background-position:-98px -218px;float:left;margin-left:5px;}
  17. .U_UI_dlno:hover {background-position:-34px -94px; cursor:pointer;}
  18. .U_UI_dlnoSR { width:250px; height:43px; float:left; margin:0px; background-position:-27px -15px; margin:10px 0 0 47px; }
  19. /*命令窗口关闭按钮样式*/
  20. .UDK_UP_TC { width:30px; height:28px; float:right; line-height:20px; margin:0 15px 0 5px; background-position:-170px -220px;}
  21. .UDK_UP_TC:hover { background-position:-139px -220px; cursor:pointer;}
  22. /*-----------------------------------------------------------------------有思图片区域------------------------------------------------------------*/
  23. .U_ImgPic{background-image:url(http://www.1473.cn/img/U_Img.png);}/*图片樣式*/
  24. /*整体样式*/
  25. .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;*/
  26. /*上一张的按钮*/
  27. .U_Img_Change{width:28px; height:33px; position:absolute; top:100px; z-index:2; cursor:pointer; }
  28. .U_Img_Change:hover{width:71px;}
  29. .U_Img_Prev{background-position:-50px -71px; left:0px;}
  30. .U_Img_Prev:hover{background-position:-8px -71px; }
  31. /*下一张的按钮*/
  32. .U_Img_Next{background-position:-4px -121px; right:0px;}
  33. /*关闭按钮*/
  34. .U_Img_Close{width:83px;height:30px; background-position:-92px -72px; margin-right:5px; margin-top:3px; cursor:pointer; float:right;}
  35. .U_Img_Close:hover{background-position:-92px -122px;}
  36. /*移动框*/
  37. .U_Img_Move{width:100%; height:25px; background-color:#4b75ad; cursor:pointer;}
  38. /*.U_Img_Move:hover{height:15px; top:0px; cursor:pointer;}*/
  39. /*U_Img图片框*/
  40. .U_Img_Info{cursor:pointer; min-height:100px; overflow:hidden; margin-top:10px; }
  41. /*U_Img操作框 如放大缩小收藏*/ /*a标签是对应的功能操作*/
  42. .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; }
  43. .U_Img:hover .U_Img_Operate{height:35px;}
  44. .U_Img .U_Img_Operate a{padding:0 5px; margin-top:5px; height:25px; line-height:25px; display:block; cursor:pointer; float:left;}
  45. .U_Img .U_Img_Operate a:hover{background-color:#333; color:#fff;}
  46. .U_Img .U_Img_Operate i{display:block; float:left; width:25px; height:25px;}
  47. .U_Img .U_Img_Operate div {float:left;}
  48. .U_Img .U_Img_Operate a .zoomIn{background-position:0px -26px;}/*放大图标*/
  49. .U_Img .U_Img_Operate a:hover .zoomIn{background-position:0px -0px;}
  50. .U_Img .U_Img_Operate a .zoomOut{background-position:-26px -26px;}/*缩小图标*/
  51. .U_Img .U_Img_Operate a:hover .zoomOut{background-position:-26px -0px;}
  52. .U_Img .U_Img_Operate a .Lrotate{background-position:-51px -26px;}/*向左转图标*/
  53. .U_Img .U_Img_Operate a:hover .Lrotate{background-position:-51px -0px;}
  54. .U_Img .U_Img_Operate a .Rrotate{background-position:-76px -26px;}/*向右转图标*/
  55. .U_Img .U_Img_Operate a:hover .Rrotate{background-position:-76px -0px;}
  56. .U_Img .U_Img_Operate a .Love{background-position:-101px -26px;}/*收藏图标*/
  57. .U_Img .U_Img_Operate a:hover .Love{background-position:-101px -0px;}
  58. .U_Img .U_Img_Operate a .Download{background-position:-126px -26px;}/*下载图标*/
  59. .U_Img .U_Img_Operate a:hover .Download{background-position:-126px -0px;}
  60. .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无法识别*/
  61. /*U_Img评论区*/
  62. .U_Img_Comment{line-height:22px; display:none; padding:5px; margin:10px 0; list-style:none; overflow:hidden;}
  63. .U_Img_Comment li{border-bottom:1px dotted #ccc; padding:5px 0; margin:0;}
  64. .U_Img_Comment li .face{margin:5px; float:left;}
  65. .U_Img_Comment .U_Img_ComInput{ width:100%; color:#555; margin:0; padding:0; line-height:25px; height:50px;}
  66. /*--------------------------------------------------窗体区域样式表-------------------------------------------*/
  67. /*拉伸样式*/
  68. .UD_W_WT_H { position: absolute; overflow: hidden; cursor: n-resize; left: 0px; top: 0px; width: 100%; height: 5px; display: block; }
  69. .UD_W_WT_HL { position: absolute; overflow: hidden; cursor: ne-resize; right: 0px; top: 0px; width: 7px; height: 12px; display: block; }
  70. .UD_W_WT_HR { position: absolute; overflow: hidden; cursor: nw-resize; left: 0px; top: 0px; width: 7px; height: 12px; display: block; }
  71. .UD_W_WT_ML { position: absolute; overflow: hidden; cursor: w-resize; left: 0px; top: 0px; width: 5px; height: 100%; display: block; }
  72. .UD_W_WT_MR { position: absolute; overflow: hidden; cursor: e-resize; right: 0px; top: 0px; width: 5px; height: 100%; display: block; }
  73. .UD_W_WT_B { position: absolute; overflow: hidden; cursor: s-resize; left: 0px; bottom: 0px; width: 100%; height: 5px; display: block; }
  74. .UD_W_WT_BL { position: absolute; overflow: hidden; cursor: sw-resize; left: 0px; bottom: 0px; width: 7px; height: 12px; display: block; }
  75. .UD_W_WT_BR { position: absolute; overflow: hidden; cursor: se-resize; right: 0px; bottom: 0px; width: 7px; height: 12px; display: block;}
  76. /*桌面窗口整体样式,这里面有些没有用了,下一次清除掉。*/
  77. .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;}
  78. .UD_WIMG {background:url(http://www.1473.cn/img/windowGround.png);}
  79. .UD_ICON {background:url(http://www.1473.cn/img/windowOE.png); }
  80. .UD_ICONl {background-position:-2px 0px; width: 15px; height: 34px;float:left;clear:both;}
  81. .UD_ICONR {background-position:105px -36px;width: 15px; height: 34px;float:left;}
  82. .UD_ICONz {background-position: -21px -52px;padding:0 2px 2px 2px; background-color:White; width:auto; height:100%; clear:both; margin:auto;}
  83. .UD_ICONTl {width: 15px; height: 25px;float: left;background-position: -58px -12px;clear:both;}
  84. .UD_ICONTz {height: 25px; float: left;background-position: 0px -4088px;}
  85. .UD_ICONTR {width: 15px; height: 25px; float:left;background-position: -110px -12px;}
  86. .UD_ICONImg {width: 93px; height: 25px;background-position: -6px -45px; margin:auto; }
  87. .UD_W {position: absolute; }
  88. .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;}
  89. .UD_UserLeftChild {width:100%; height:98px; }
  90. .UD_UserNavigate {width:26px; height:24px; margin-left:17px; margin-top:9px; float:left; background-position:-15px -154px; }
  91. .UD_UserGroup {width:26px; height:24px; margin-left:17px; margin-top:9px; float:left; background-position:-45px -154px;}
  92. .UD_Userrecently {width:26px; height:24px; margin-left:17px; margin-top:9px; float:left; background-position:-116px -156px;}
  93. .UD_UserEmail {width:26px; height:24px; margin-left:17px; margin-top:9px; float:left; background-position:-82px -155px;}
  94. .UD_UserNavigatefat {width:129px; height:44px;cursor:pointer;}
  95. .UD_UserNavigatefat:hover {background-color:#033b6c;}
  96. .UD_UserNavigatebo {width:130px; height:29px; background-position:-17px -45px;float:left; clear:left;}
  97. .UD_Shadow {width:211px; height:331px; }
  98. .UD_SD {-moz-box-shadow: 1px 2px 10px #3d3d3d; -webkit-box-shadow: 1px 2px 10px #3d3d3d; box-shadow: 1px 2px 10px #3d3d3d;}
  99. .UD_W_TB {height: 34px; line-height:33px; width:100%; float:left; }/*头部拖动区域样式*/
  100. .UD_W_TB_T {font-size:14px; font-weight:bold; color:#5e5e5e; font-family:微软雅黑; float:left;}/*拖动区域标题*/
  101. .UD_W_TB_S {height: 5px; width: 100%; display: block; }/*头部区域背景样式*/
  102. .UD_W_TB_WM {display:inline-block; float:right;}/*放大缩小区域*/
  103. .UD_W_TB_WMS {width: 30px; color: #3366ff; height: 28px; line-height: 20px; display: inline-block; float: right; }
  104. .UD_W_TB_WM span {width: 30px; color: #3366ff; height: 28px; line-height: 20px; display: inline-block; float: right; }/*放大缩小样式*/
  105. .UD_W_TB_WM span:hover {color: #fff; cursor: pointer; }
  106. .UD_W_TB_MQ {display:inline-block; height:20px;margin:2px 0 0 10px;}/*头部说明区域*/
  107. .UD_W_TB_WM_Min {background-position:-12px -80px }/*最小化图标*/
  108. .UD_W_TB_WM_Min:hover {background-position: -12px -122px }
  109. .UD_W_TB_WM_Max {background-position:-47px -79px; }/*最大化图标*/
  110. .UD_W_TB_WM_Max:hover {background-position: -47px -121px; }
  111. .UD_W_TB_WM_Close {background-position:-79px -80px; width:30px; height:25px; float:right; margin-right:5px; }/*关闭图标*/
  112. .UD_W_TB_WM_Close:hover {background-position: -79px -122px; }
  113. .UD_W_WC {width: 100%; overflow: hidden; background-color:White; }/*整体样式*/
  114. .UD_ICONBG {background:url(http://www.1473.cn/img/newsbg.jpg) -5px 0px no-repeat;}