1
0

general.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. html,
  2. body {
  3. height: 100%;
  4. }
  5. body.bx-std-bg {
  6. background-image: url(../images/bx-std-bg-main.png);
  7. background-size:50px 50px;
  8. }
  9. iframe.bx-std-hidden {
  10. display: none;
  11. }
  12. div.bx-std-cb {
  13. clear: both;
  14. font-size: 1px;
  15. }
  16. /**
  17. * Page
  18. */
  19. /**
  20. * Page Content
  21. */
  22. div.bx-std-page-real {
  23. width: 100%;
  24. min-height: 100%;
  25. overflow: hidden;
  26. }
  27. div.bx-std-page-wide {
  28. width: 200%;
  29. }
  30. div.bx-std-page-wrp {
  31. position: relative;
  32. float: right;
  33. width: 50%;
  34. }
  35. div.bx-std-page-bg {
  36. position:fixed;
  37. width:100%;
  38. height:100%;
  39. background:url(../images/bx-std-spacer.gif) center center no-repeat;
  40. /* background:url(../images/bx-std-bg-main-image.jpg) center center no-repeat; */
  41. }
  42. div.bx-std-page {
  43. position: relative;
  44. width: 100%;
  45. right: 100%;
  46. }
  47. div.bx-std-content {
  48. position: relative;
  49. }
  50. /**
  51. * Dual Column page
  52. */
  53. div.bx-std-content-wrp {
  54. border-top: 1px solid #666666;
  55. }
  56. div.bx-std-page-caption {
  57. position: relative;
  58. height: 70px;
  59. border-bottom: 2px solid #383d66;
  60. background-image: url(../images/bx-std-bg-caption.jpg);
  61. background-position: 0px 0px;
  62. background-repeat: repeat-x;
  63. -moz-box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
  64. -webkit-box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
  65. box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
  66. }
  67. div.bx-std-pcap-icon {}
  68. div.bx-std-pcap-text {
  69. position: relative;
  70. line-height: 71px;
  71. text-align: center;
  72. color: #ffffff;
  73. text-shadow: #000 0px 1px 2px;
  74. }
  75. div.bx-std-pcap-menu-popup {
  76. position: absolute;
  77. z-index: 1;
  78. }
  79. div.bx-std-pcap-mp-right {
  80. right: 10px;
  81. }
  82. div.bx-std-pcap-action {
  83. position: relative;
  84. float: left;
  85. width: 36px;
  86. height: 36px;
  87. }
  88. div.bx-std-pcap-action:first-child {
  89. margin-left: 0px;
  90. }
  91. div#bx-std-pca-activate {
  92. width: 82px;
  93. }
  94. div.bx-std-pcap-mp-right div.bx-std-pcap-action {
  95. float: right;
  96. }
  97. div.bx-std-page-columns {
  98. position: relative;
  99. overflow: hidden;
  100. }
  101. div.bx-std-page-columns-cnt {
  102. width: 200%;
  103. }
  104. div.bx-std-page-column-wrp {
  105. position: relative;
  106. float: right;
  107. width: 50%;
  108. }
  109. div.bx-std-page-column {}
  110. div.bx-std-page-column-cnt {}
  111. div.bx-std-page-menu {
  112. position: relative;
  113. float: left;
  114. width: 230px;
  115. }
  116. div.bx-std-page-content {
  117. position: relative;
  118. right: 100%;
  119. margin-left: 230px;
  120. }
  121. /**
  122. * Page Menu (Left Side)
  123. */
  124. div.bx-std-pmen-item {
  125. position: relative;
  126. height: 46px;
  127. border-top: 1px solid transparent;
  128. border-bottom: 1px solid transparent;
  129. line-height: 46px;
  130. text-shadow: #ffffff 0px 1px 0px;
  131. overflow: hidden;
  132. }
  133. div.bx-std-pmen-item-cnt {
  134. padding-left: 66px;
  135. }
  136. span.bx-std-pmen-item-counter {}
  137. span.bx-std-pmen-ic-num {}
  138. div.bx-std-pmen-item img {
  139. position: absolute;
  140. top: 7px;
  141. left: 20px;
  142. width: 32px;
  143. height: 32px;
  144. }
  145. div.bx-std-pmen-item i.sys-icon {
  146. position: absolute;
  147. left: 20px;
  148. }
  149. div.bx-menu-tab-active {
  150. border-top: 1px solid #4482ba;
  151. border-bottom: 1px solid #333852;
  152. background-image: url(../images/bx-std-bg-mi-selected.jpg);
  153. background-repeat: repeat-x;
  154. text-shadow: #000000 0px 1px 2px;
  155. }
  156. div.bx-menu-tab-active a,
  157. div.bx-menu-tab-active:hover a {
  158. color: #ffffff;
  159. text-decoration:none;
  160. }
  161. /**
  162. * Page Blocks
  163. */
  164. div.bx-std-block {}
  165. div.bx-std-block-caption {
  166. position: relative;
  167. margin: 0px 0px 10px 0px;
  168. border-bottom: 1px solid #e9e9e9;
  169. }
  170. div.bx-std-bcap-text {
  171. line-height: 25px;
  172. color: #666666;
  173. }
  174. div.bx-std-bcap-actions {
  175. position: absolute;
  176. top: 0px;
  177. right: 0px;
  178. }
  179. div.bx-std-bcap-action,
  180. div.bx-std-bcap-action-div {
  181. position: relative;
  182. float: left;
  183. line-height: 25px;
  184. }
  185. div.bx-std-bcap-action-div:first-child {
  186. display: none;
  187. }
  188. div.bx-std-block-panel-top {}
  189. div.bx-std-block-content {}
  190. div.bx-std-block-panel-bottom {
  191. margin: 10px 0px 0px 0px;
  192. }
  193. /**
  194. * Footer
  195. */
  196. div.bx-std-bx-footer {
  197. margin-top: 60px;
  198. border: 0px;
  199. background-color: transparent;
  200. -moz-shadow: none;
  201. -webkit-shadow: none;
  202. box-shadow: none;
  203. }