Taskbar.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. /*任务管理器*/
  2. /*任务栏*/
  3. .U_MD_D_RW {
  4. z-index: 99;
  5. width: 100%;
  6. height: 65px;
  7. position: absolute;
  8. left: 0;
  9. bottom: -60px;
  10. background-color: #505050;
  11. border-radius: 0 8px 0 8px;
  12. }
  13. #U_MD_D_RW {
  14. width: 800px;
  15. color: #FFF;
  16. height: 100%;
  17. /*overflow: hidden;*/
  18. float: left;
  19. }
  20. #U_MD_D_RW div {
  21. color: #111;
  22. }
  23. #U_MD_D_RW .U_MD_D_BZMOA:hover {
  24. /*background-color:transparent;*/
  25. background-color: #6F6F6F;
  26. border: 0;
  27. padding: 6px;
  28. }
  29. #U_MD_D_RW .U_MD_D_BZMO {
  30. margin-left: 4px;
  31. position: relative;
  32. }
  33. #U_MD_D_RW .U_MD_D_BZMON {
  34. margin-top: 4px;
  35. color: #FFF;
  36. }
  37. .U_MD_D_RW_L {
  38. float: left;
  39. width: 21px;
  40. height: 100%;
  41. background-color: #00A8FD;
  42. position: relative;
  43. }
  44. .U_MD_D_RW_R {
  45. float: right;
  46. width: 21px;
  47. height: 100%;
  48. background-color: #6d6d6d;
  49. position: relative;
  50. }
  51. /*.U_MD_D_RW * { zoom:1; -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); -ms-transform:scale(1); color:#333; }*/
  52. .U_MD_D_RW_T {
  53. text-align: center;
  54. padding: 5px 0;
  55. border-bottom: 1px solid # color:#006699;
  56. font-size: 13px;
  57. color: #FFF;
  58. margin-top: 16px;
  59. }
  60. .U_MD_D_RW_I {
  61. width: 21px;
  62. height: 45px;
  63. float: left;
  64. margin-top: 19px;
  65. }
  66. /*.U_MD_D_RW_IO { width:47px; height:47px; background-position:-729px -337px; margin:auto; cursor:pointer; }
  67. .U_MD_D_RW_IO:hover { background-position:-787px -339px; }*/
  68. *.U_MD_D_RW_IO {
  69. width: 21px;
  70. height: 100%;
  71. }
  72. .U_MD_D_RW_CD {
  73. width: 21px;
  74. margin-top: 16%;
  75. }
  76. .U_MD_D_RW_GU {
  77. width: 21px;
  78. height: 30%;
  79. /*background-color:gray;*/
  80. }
  81. .U_MD_D_RW_GU:hover {
  82. background-color: gray;
  83. }
  84. .U_MD_D_RW_GD {
  85. width: 21px;
  86. height: 30%;
  87. /*background-color:gray;*/
  88. position: absolute;
  89. bottom: 0;
  90. }
  91. .U_MD_D_RW_GD:hover {
  92. background-color: gray;
  93. }
  94. .U_MD_D_RW_GU_g {
  95. width: 21px;
  96. }
  97. .U_MD_D_RW_GD_g {
  98. width: 21px;
  99. }
  100. .U_MD_D_RW .U_MD_D_T_taskbar_Name {
  101. display: none;
  102. width: 115px;
  103. height: 31px;
  104. background: rgba(111, 111, 111, 1);
  105. border-radius: 1px;
  106. font-size: 15px;
  107. }
  108. #U_MD_D_RW .U_MD_D_T_taskbar_Close {
  109. display: none;
  110. width: 15px;
  111. height: 14px;
  112. background-color: red;
  113. /*border-radius: 100%;*/
  114. color: White;
  115. text-align: center;
  116. font-size: 14px;
  117. position: absolute;
  118. right: 9px;
  119. top: 8px;
  120. line-height: 11px;
  121. cursor: pointer;
  122. }
  123. #U_MD_D_RW .U_MD_D_BZMO:hover .U_MD_D_T_taskbar_Close {
  124. display: block;
  125. }
  126. #U_MD_D_RW .U_MD_D_BZMO:hover .U_MD_D_T_taskbar_Name {
  127. display: block;
  128. }
  129. .U_MD_D_T_taskbar_Bar {
  130. position: absolute;
  131. bottom: 0;
  132. width: 80%;
  133. background-color: #555;
  134. height: 56px;
  135. left: 10%;
  136. border-bottom: 0;
  137. box-shadow: 0 0 25px 3px #555;
  138. -webkit-box-shadow: 0 0 25px 3px #555;
  139. }
  140. .U_MD_D_T_taskbar_Bar_Main {
  141. float: left;
  142. margin: 0 auto;
  143. width: calc(100% - 18px);
  144. height: 100%;
  145. }
  146. .U_MD_D_T_taskbar {
  147. width: 50px;
  148. height: 100%;
  149. float: left;
  150. margin: 3px 0 3px 3px;
  151. position: relative;
  152. }
  153. .U_MD_D_T_taskbar_Main,
  154. .U_MD_D_T_taskbar_Icon {
  155. width: 100%;
  156. height: 100%;
  157. }
  158. .U_MD_D_T_taskbar_Bar_Operate {
  159. float: right;
  160. width: 18px;
  161. line-height: 28px;
  162. display: none;
  163. }
  164. .U_MD_D_T_taskbar_Bar_Operate_Button {
  165. font-size: 19px;
  166. cursor: pointer;
  167. text-align: center;
  168. }