style.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. body{padding:0;margin:0; position:relative;}
  2. *{padding:0;margin:0; list-style:none;}
  3. .top{width:100%;background:#d6ecef;height:120px;padding:0;margin:0; position:fixed; z-index:1; top:0; left:0;border-bottom:#fff 2px solid;}
  4. .ribbon{width:auto;margin:0 auto;padding:0; display:block; text-align:center; font-family:"微软雅黑";font-size:13px;color:#4e4e4e;}
  5. .ribbon .group {
  6. float: left;
  7. text-align: center;
  8. padding:0 15px;
  9. }
  10. .ribbon .content {
  11. height: 76px;
  12. padding: 3px;
  13. }
  14. .ribbon .content .bigtool {
  15. border:none;
  16. border-radius: 2px;
  17. float: left;
  18. height: 66px;
  19. margin: 2px;
  20. min-width: 40px;
  21. padding: 7px 3px 0;
  22. text-align: center;
  23. color:#737373;
  24. }
  25. .ribbon .content .active {
  26. background-image: url("images/toolactive.gif");
  27. border: 1px solid #E2B45C;
  28. }
  29. .ribbon .content .selected {
  30. background-image: url("images/toolselected.gif");
  31. border: 1px solid #C2943C;
  32. }
  33. .ribbon .content .disabled {
  34. color: #808080;
  35. }
  36. .ribbon .content .bigtool img {
  37. height: 32px;
  38. width: 32px;
  39. }
  40. .ribbon .content .bigtool span {
  41. display: block;
  42. padding-top: 5px;
  43. }
  44. #ribbon .content .bigtool .dropdown {
  45. color: #808080;
  46. font-size: 9px;
  47. line-height: 10px;
  48. padding-top: 2px;
  49. }
  50. .ribbon .content .bigtool .dropdownlist {
  51. background-color: #FFFFFF;
  52. border: 1px solid #808080;
  53. border-radius: 2px;
  54. box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.2);
  55. display: none;
  56. min-width: 250px;
  57. position: absolute;
  58. z-index: 9999999;
  59. }
  60. .ribbon .content .bigtool .dropdownlist .listitem {
  61. border: 1px solid #000000;
  62. font-size: 12px;
  63. margin: 3px;
  64. padding: 5px;
  65. text-align: left;
  66. }
  67. .ribbon .content .bigtool .dropdownlist .preview {
  68. color: #444444;
  69. font-weight: bold;
  70. }
  71. .ribbon .content .bigtool .dropdownlist .listitem div {
  72. border: 1px solid #808080;
  73. color: #000000;
  74. font-weight: normal;
  75. margin: 2px 0;
  76. padding: 10px;
  77. }
  78. .ribbon .content .bigtool .dropdownlist .listitem span {
  79. display: inline;
  80. }
  81. .ribbon .content .bigtool .dropdownlist .active {
  82. background-image: url("images/toolactive.gif");
  83. border: 1px solid #E2B45C;
  84. border-radius: 2px;
  85. }
  86. .ribbon .content .bigtool .dropdownlist .selected {
  87. background-image: url("images/toolselected.gif");
  88. border: 1px solid #C2943C;
  89. border-radius: 2px;
  90. }
  91. .ribbon .content .bigtool .dropdownlist .listitemseperator {
  92. border-top: 1px solid #808080;
  93. font-size: 0;
  94. line-height: 0;
  95. margin: 3px;
  96. padding: 0;
  97. }
  98. .ribbon .footer {
  99. color: #808080;
  100. height: 40px;
  101. line-height: 40px;
  102. text-align: center;
  103. }
  104. .ribbon .seperator {
  105. float: left;
  106. height: 120px;
  107. width: 1px;
  108. background:#fff;
  109. }
  110. #frame {
  111. border: 0 none;
  112. display: block;
  113. margin: 0;
  114. padding: 0;
  115. }
  116. #screen {
  117. background-image: url("images/screenborder.gif");
  118. background-repeat: repeat-x;
  119. border: 1px solid #EEEEEE;
  120. display: none;
  121. font-size: 34px;
  122. font-weight: bold;
  123. height: 78px;
  124. line-height: 85px;
  125. overflow: hidden;
  126. text-align: center;
  127. }
  128. #loading {
  129. background-color: #FFFFFF;
  130. background-image: url("images/loading.gif");
  131. background-repeat: no-repeat;
  132. border: 5px solid #666666;
  133. display: none;
  134. font-size: 36px;
  135. font-weight: bold;
  136. height: 100px;
  137. line-height: 100px;
  138. padding-left: 100px;
  139. width: 250px;
  140. }
  141. .center{width:100%;height:100%;padding:122px 0 100px 0;margin:0 auto; text-align:center;}
  142. .bottom{width:100%;background:#fff;border:#07568b 2px solid;height:100px;padding:0;margin:0; position:fixed; z-index:1; bottom:0; left:0; box-sizing:border-box; display:block; text-align:center;line-height:100px;}
  143. .bottom-l{background:#fff;height:80px;padding:10px 10px 10px 10px;margin:0 60px 0 0; text-align:center;line-height:80px; overflow-y:auto;}
  144. .bottom-r{width:60px;background:#07568b;height:100px;line-height:33px;padding:0;margin:0; float:right;font-size:24px;font-family:"微软雅黑";color:#fff; text-align:center; position:absolute; z-index:2; right:0;top:0; }