Home Explore Help
Register Sign In
root
/
UseStudio.CloudFront
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
UseStudio.Cl...
/
UJ.css

UJ.css 11 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135 
  1. /*html,body{ width:100%; height:100%; margin:0; padding:0; font-family:Consolas; font-size:14px;}*/
    2. 

  2. 

  3. /*所有生成控件的样式*/
    4. 

  4. 

  5. 

  6. /*由于需要源代码显示，所以最好不要有样式，全部内置到代码中。。。。。大家要学习新的方法。*/
    7. 

  7. 

  8. 

  9. 

  10. /*全部绝对定位，以便于在界面上定位*/
    11. 

  11. /*弹窗样式*/
    12. 

  12. .Radius5{-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;}
    13. 

  13. .UDL						{background-image:url(http://www.1473.cn/img/dialogue-1.png);}
    14. 

  14. .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;}
    15. 

  15. .U_UI_dltop				    {width:100%;height:33px; }
    16. 

  16. .U_UI_dldrag				{width:80%;height:100%;float:left;font-size:16px;line-height:35px;font-family:"微软雅黑";color:#5e93d7; text-indent:10px;}
    17. 

  17. .U_UI_dlclose				{width:25px;height:25px;float:right;cursor:pointer; margin-right:10px;}
    18. 

  18. .U_UI_dlcontent			    {width:100%;float:left;}
    19. 

  19. .U_UI_dltext				{width:90%;height:80%;margin-left:5%;}
    20. 

  20. .U_UI_dlbutton			    {width:160px;height:30px; float:right; margin:0 8px 8px 0;}
    21. 

  21. .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;  }	
    22. 

  22. .U_UI_dlno				    {width:60px;height:32px;background-position:-98px -218px;float:left;margin-left:5px;}
    23. 

  23. .U_UI_dlno:hover			{background-position:-34px -94px; cursor:pointer;}
    24. 

  24. .U_UI_dlnoSR                { width:250px; height:43px; float:left; margin:0px; background-position:-27px -15px; margin:10px 0 0 47px; }
    25. 

  25. 

  26. /*命令窗口关闭按钮样式*/
    27. 

  27. .UDK_UP_TC       { width:30px; height:28px; float:right; line-height:20px; margin:0 15px 0 5px; background-position:-170px -220px;}
    28. 

  28. .UDK_UP_TC:hover { background-position:-139px -220px; cursor:pointer;}
    29. 

  29. 

  30. 

  31. 

  32. 

  33. /*-----------------------------------------------------------------------有思图片区域------------------------------------------------------------*/
    34. 

  34. .U_ImgPic{background-image:url(http://www.1473.cn/img/U_Img.png);}/*图片樣式*/
    35. 

  35. /*整体样式*/
    36. 

  36. .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;*/
    37. 

  37. /*上一张的按钮*/
    38. 

  38. .U_Img_Change{width:28px; height:33px; position:absolute; top:100px; z-index:2; cursor:pointer; }
    39. 

  39. .U_Img_Change:hover{width:71px;}
    40. 

  40. .U_Img_Prev{background-position:-50px -71px;  left:0px;}
    41. 

  41. .U_Img_Prev:hover{background-position:-8px -71px; }
    42. 

  42. /*下一张的按钮*/
    43. 

  43. .U_Img_Next{background-position:-4px -121px; right:0px;}
    44. 

  44. /*关闭按钮*/
    45. 

  45. .U_Img_Close{width:83px;height:30px; background-position:-92px -72px; margin-right:5px; margin-top:3px;  cursor:pointer; float:right;}
    46. 

  46. .U_Img_Close:hover{background-position:-92px -122px;}
    47. 

  47. /*移动框*/
    48. 

  48. .U_Img_Move{width:100%; height:25px; background-color:#4b75ad; cursor:pointer;}
    49. 

  49. /*.U_Img_Move:hover{height:15px; top:0px; cursor:pointer;}*/
    50. 

  50. /*U_Img图片框*/
    51. 

  51. .U_Img_Info{cursor:pointer; min-height:100px;  overflow:hidden; margin-top:10px; }
    52. 

  52. 

  53. /*U_Img操作框  如放大缩小收藏*/  /*a标签是对应的功能操作*/
    54. 

  54. .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; }
    55. 

  55. .U_Img:hover .U_Img_Operate{height:35px;}
    56. 

  56. .U_Img .U_Img_Operate a{padding:0 5px; margin-top:5px; height:25px; line-height:25px; display:block; cursor:pointer; float:left;}
    57. 

  57. .U_Img .U_Img_Operate a:hover{background-color:#333; color:#fff;}
    58. 

  58. .U_Img .U_Img_Operate i{display:block; float:left; width:25px; height:25px;}
    59. 

  59. .U_Img .U_Img_Operate div   {float:left;}
    60. 

  60. .U_Img .U_Img_Operate a .zoomIn{background-position:0px -26px;}/*放大图标*/
    61. 

  61. .U_Img .U_Img_Operate a:hover .zoomIn{background-position:0px -0px;}
    62. 

  62. .U_Img .U_Img_Operate a .zoomOut{background-position:-26px -26px;}/*缩小图标*/
    63. 

  63. .U_Img .U_Img_Operate a:hover .zoomOut{background-position:-26px -0px;}
    64. 

  64. .U_Img .U_Img_Operate a .Lrotate{background-position:-51px -26px;}/*向左转图标*/
    65. 

  65. .U_Img .U_Img_Operate a:hover .Lrotate{background-position:-51px -0px;}
    66. 

  66. .U_Img .U_Img_Operate a .Rrotate{background-position:-76px -26px;}/*向右转图标*/
    67. 

  67. .U_Img .U_Img_Operate a:hover .Rrotate{background-position:-76px -0px;}
    68. 

  68. .U_Img .U_Img_Operate a .Love{background-position:-101px -26px;}/*收藏图标*/
    69. 

  69. .U_Img .U_Img_Operate a:hover .Love{background-position:-101px -0px;}
    70. 

  70. .U_Img .U_Img_Operate a .Download{background-position:-126px -26px;}/*下载图标*/
    71. 

  71. .U_Img .U_Img_Operate a:hover .Download{background-position:-126px -0px;}
    72. 

  72. .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无法识别*/
    73. 

  73. 

  74. /*U_Img评论区*/
    75. 

  75. .U_Img_Comment{line-height:22px; display:none; padding:5px; margin:10px 0; list-style:none; overflow:hidden;}
    76. 

  76. .U_Img_Comment li{border-bottom:1px dotted #ccc; padding:5px 0; margin:0;}
    77. 

  77. .U_Img_Comment li .face{margin:5px; float:left;}
    78. 

  78. .U_Img_Comment .U_Img_ComInput{ width:100%; color:#555; margin:0; padding:0; line-height:25px; height:50px;}
    79. 

  79. 

  80. 

  81. /*--------------------------------------------------窗体区域样式表-------------------------------------------*/
    82. 

  82. /*拉伸样式*/
    83. 

  83. .UD_W_WT_H { position: absolute; overflow: hidden; cursor: n-resize; left: 0px; top: 0px; width: 100%; height: 5px; display: block; }
    84. 

  84. .UD_W_WT_HL { position: absolute; overflow: hidden; cursor: ne-resize; right: 0px; top: 0px; width: 7px; height: 12px; display: block; }
    85. 

  85. .UD_W_WT_HR { position: absolute; overflow: hidden; cursor: nw-resize; left: 0px; top: 0px; width: 7px; height: 12px; display: block; }
    86. 

  86. .UD_W_WT_ML { position: absolute; overflow: hidden; cursor: w-resize; left: 0px; top: 0px; width: 5px; height: 100%; display: block; }
    87. 

  87. .UD_W_WT_MR { position: absolute; overflow: hidden; cursor: e-resize; right: 0px; top: 0px; width: 5px; height: 100%; display: block; }
    88. 

  88. .UD_W_WT_B { position: absolute; overflow: hidden; cursor: s-resize; left: 0px; bottom: 0px; width: 100%; height: 5px; display: block; }
    89. 

  89. .UD_W_WT_BL { position: absolute; overflow: hidden; cursor: sw-resize; left: 0px; bottom: 0px; width: 7px; height: 12px; display: block; }
    90. 

  90. .UD_W_WT_BR { position: absolute; overflow: hidden; cursor: se-resize; right: 0px; bottom: 0px; width: 7px; height: 12px; display: block;}
    91. 

  91. 

  92. 

  93. /*桌面窗口整体样式，这里面有些没有用了，下一次清除掉。*/
    94. 

  94. .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;}
    95. 

  95. .UD_WIMG                    {background:url(http://www.1473.cn/img/windowGround.png);} 
    96. 

  96. .UD_ICON                    {background:url(http://www.1473.cn/img/windowOE.png); }
    97. 

  97. .UD_ICONl                   {background-position:-2px 0px; width: 15px; height: 34px;float:left;clear:both;}
    98. 

  98. .UD_ICONR                   {background-position:105px -36px;width: 15px; height: 34px;float:left;}
    99. 

  99. .UD_ICONz                   {background-position: -21px -52px;padding:0 2px 2px 2px; background-color:White; width:auto; height:100%; clear:both; margin:auto;}
    100. 

  100. .UD_ICONTl                  {width: 15px; height: 25px;float: left;background-position: -58px -12px;clear:both;}
    101. 

  101. .UD_ICONTz                  {height: 25px; float: left;background-position: 0px -4088px;}
    102. 

  102. .UD_ICONTR                  {width: 15px; height: 25px; float:left;background-position: -110px -12px;}
    103. 

  103. .UD_ICONImg                 {width: 93px; height: 25px;background-position: -6px -45px; margin:auto; }
    104. 

  104. .UD_W                       {position: absolute; }
    105. 

  105. .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;}
    106. 

  106. .UD_UserLeftChild           {width:100%; height:98px; }
    107. 

  107. .UD_UserNavigate            {width:26px; height:24px; margin-left:17px; margin-top:9px; float:left; background-position:-15px -154px; }
    108. 

  108. .UD_UserGroup               {width:26px; height:24px; margin-left:17px; margin-top:9px; float:left; background-position:-45px -154px;}
    109. 

  109. .UD_Userrecently            {width:26px; height:24px; margin-left:17px; margin-top:9px; float:left; background-position:-116px -156px;}
    110. 

  110. .UD_UserEmail               {width:26px; height:24px; margin-left:17px; margin-top:9px; float:left; background-position:-82px -155px;}
    111. 

  111. .UD_UserNavigatefat         {width:129px; height:44px;cursor:pointer;}
    112. 

  112. .UD_UserNavigatefat:hover   {background-color:#033b6c;}
    113. 

  113. .UD_UserNavigatebo          {width:130px; height:29px; background-position:-17px -45px;float:left; clear:left;}
    114. 

  114. .UD_Shadow                  {width:211px; height:331px; }
    115. 

  115. .UD_SD                      {-moz-box-shadow: 1px 2px 10px #3d3d3d; -webkit-box-shadow: 1px 2px 10px #3d3d3d; box-shadow: 1px 2px 10px #3d3d3d;}
    116. 

  116. .UD_W_TB                    {height: 34px; line-height:33px; width:100%;  float:left; }/*头部拖动区域样式*/
    117. 

  117. .UD_W_TB_T                  {font-size:14px; font-weight:bold; color:#5e5e5e; font-family:微软雅黑; float:left;}/*拖动区域标题*/
    118. 

  118. .UD_W_TB_S                  {height: 5px; width: 100%; display: block; }/*头部区域背景样式*/
    119. 

  119. .UD_W_TB_WM                 {display:inline-block; float:right;}/*放大缩小区域*/
    120. 

  120. .UD_W_TB_WMS                {width: 30px; color: #3366ff; height: 28px; line-height: 20px;  display: inline-block; float: right; }
    121. 

  121. .UD_W_TB_WM span            {width: 30px; color: #3366ff; height: 28px; line-height: 20px;  display: inline-block; float: right; }/*放大缩小样式*/
    122. 

  122. .UD_W_TB_WM span:hover      {color: #fff; cursor: pointer; }
    123. 

  123. .UD_W_TB_MQ                 {display:inline-block; height:20px;margin:2px 0 0 10px;}/*头部说明区域*/
    124. 

  124. .UD_W_TB_WM_Min             {background-position:-12px -80px }/*最小化图标*/
    125. 

  125. .UD_W_TB_WM_Min:hover       {background-position: -12px -122px }
    126. 

  126. .UD_W_TB_WM_Max             {background-position:-47px -79px; }/*最大化图标*/
    127. 

  127. .UD_W_TB_WM_Max:hover       {background-position: -47px -121px; }
    128. 

  128. .UD_W_TB_WM_Close           {background-position:-79px -80px; width:30px; height:25px; float:right; margin-right:5px; }/*关闭图标*/
    129. 

  129. .UD_W_TB_WM_Close:hover     {background-position: -79px -122px; }
    130. 

  130. .UD_W_WC                    {width: 100%; overflow: hidden; background-color:White; }/*整体样式*/
    131. 

  131. .UD_ICONBG                  {background:url(http://www.1473.cn/img/newsbg.jpg) -5px 0px no-repeat;}
    132. 

  132. 

  133. /*用于鼠标移过元素时产生变化的样式*/
    134. 

  134. .UCD_IF_CT{ }
    135. 

  135. .UCD_IF_CT:hover{ border:1px solid red;}
    136.