DesktopLayout.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. 
  2. .desktop-layout {
  3. width: 100%;
  4. height: 100%;
  5. }
  6. .desktop-layout .wrapper {
  7. margin: 0 auto;
  8. /*max-width:72.9166%;*/
  9. max-width:1400px;
  10. }
  11. .desktop-layout .center .wrapper {
  12. max-width:100%;
  13. /*position:fixed;*/
  14. /*min-width:1920px;
  15. min-height:890px;*/
  16. }
  17. .desktop-layout .center .fullscreen {
  18. width:100%;
  19. /*min-height: 850px;*/
  20. }
  21. .desktop-layout .header_wrap {
  22. width:100%;
  23. height:71px;
  24. position:relative;
  25. background:url(../../images/custom/ibems_light/header_bg.gif) repeat-x;
  26. }
  27. .desktop-layout .center .header_wrap {
  28. height:61px;
  29. background:#2D2D2D;
  30. }
  31. .desktop-layout .page {
  32. width: 100%;
  33. min-width: 1600px;
  34. min-height: 100%;
  35. /*position: relative;*/
  36. position: absolute;
  37. }
  38. .desktop-layout header {
  39. height: 71px;
  40. position:absolute;
  41. top:0; left:0;
  42. }
  43. .desktop-layout header .logo {
  44. cursor: pointer;
  45. height: 71px;
  46. width: 190px;
  47. background: url(../../images/custom/ibems_light/logo.png) no-repeat ;
  48. }
  49. .desktop-layout .center header .logo {
  50. height: 61px;
  51. background: url(../../images/custom/ibems_light/logo2.png) no-repeat;
  52. display:inline-block;
  53. }
  54. .desktop-layout .center header .msg {
  55. height: 61px;
  56. display:inline-block;
  57. font-size:24px;
  58. font-weight:bolder;
  59. color:#ffffff;
  60. padding-left:10px;
  61. padding-right:10px;
  62. }
  63. .desktop-layout .center header {
  64. width:100%;
  65. }
  66. .desktop-layout .center header .msg:before {
  67. content: ' ';
  68. display: inline-block;
  69. vertical-align: middle;
  70. height: 100%;
  71. }
  72. .desktop-layout .center header .time {
  73. height: 61px;
  74. display:inline-block;
  75. font-weight:bolder;
  76. color:#ffffff;
  77. font-size:18px;
  78. text-align:center;
  79. width: 50%;
  80. }
  81. .desktop-layout .center header .time:before {
  82. content: ' ';
  83. display: inline-block;
  84. vertical-align: middle;
  85. height: 100%;
  86. }
  87. .desktop-layout .main-menu {
  88. background: transparent; position:absolute; left:240px; top:13px;
  89. /*width: 100%;*/
  90. }
  91. .desktop-layout .main-menu span.dx-tab-text {
  92. vertical-align: -20%;
  93. }
  94. .desktop-layout .main-menu .dx-tab-selected span {
  95. color:#ffffff; text-shadow: 1px 1px 3px #363636;
  96. }
  97. .desktop-layout .toolbar {
  98. background: #edecec;
  99. height: 45px;
  100. border-bottom: 1px solid #cfcfcf;
  101. margin-bottom: 35px;
  102. }
  103. .desktop-layout #navBar .dx-icon {
  104. /*display:block;*/
  105. margin-bottom:3px;
  106. display:inline-block;
  107. }
  108. .desktop-layout #navBar .dx-tab {
  109. /*padding: 0px 53px;*/
  110. min-width:207px;
  111. }
  112. .desktop-layout #navBar .dx-nav-item:not(.dx-tab-selected):not(:hover)
  113. {
  114. background:url(../../images/custom/ibems_light/top_menu_bg_off.png) center bottom no-repeat;
  115. margin-right:2px;
  116. }
  117. .desktop-layout #navBar .dx-nav-item:not(.dx-tab-selected):not(:hover) .dx-tab-text
  118. {
  119. color: #efefef;
  120. }
  121. .desktop-layout #navBar .dx-nav-item
  122. {
  123. height: 58px;
  124. /*padding: 0px 53px;*/
  125. }
  126. .desktop-layout #navBar .dx-nav-item:hover {
  127. background: url(../../images/custom/ibems_light/top_menu_bg_hover.png) center bottom no-repeat;
  128. }
  129. .desktop-layout #navBar .dx-nav-item.dx-tab-selected
  130. {
  131. background:url(../../images/custom/ibems_light/top_menu_bg_on.png) center bottom no-repeat;
  132. }
  133. .desktop-layout #tabs {
  134. width: 100%;
  135. text-align: center;
  136. }
  137. .desktop-layout #tabs .dx-tab {
  138. padding: 5px 10px;
  139. }
  140. .desktop-layout .half-content {
  141. float: left;
  142. width: 45%;
  143. margin: 0;
  144. padding: 0;
  145. }
  146. .desktop-layout .half-content:first-child {
  147. padding: 0 10% 0 0;
  148. }
  149. .desktop-layout .footer-gap {
  150. height: 40px;
  151. }
  152. .desktop-layout footer {
  153. position: absolute;
  154. width: 100%;
  155. bottom: 0px;
  156. padding: 10px 0;
  157. }
  158. .desktop-layout footer .copyright {
  159. color: #818181;
  160. padding:10px 0;
  161. }
  162. .desktop-layout .dx-field {
  163. position: static;
  164. }
  165. .desktop-layout .dx-toolbar .dx-toolbar-before .dx-toolbar-item:first-child {
  166. margin: 0;
  167. }
  168. .desktop-layout .dx-toolbar .dx-toolbar-after .dx-toolbar-item {
  169. margin: 0 0 0 8px;
  170. }
  171. .desktop-layout .dx-toolbar .dx-toolbar-label {
  172. padding: 0px 0;
  173. }