style.css 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354
  1. /*基本样式*/
  2. body{
  3. text-align: left;
  4. color:#3f3f3f;
  5. }
  6. a{
  7. color: #333333;
  8. text-decoration: none;
  9. outline:none;
  10. cursor: hand;
  11. cursor: pointer;
  12. }
  13. a:hover{
  14. color: #4a88df;
  15. text-decoration: underline;
  16. }
  17. /*基本样式*/
  18. /*框架主体设置*/
  19. #mainFrame{
  20. background-color:#e8f6ff; /*主体内容区颜色*/
  21. }
  22. .contentStyleLeft{
  23. padding: 0 0px 0 4px; /*设置左侧内容边距*/
  24. }
  25. .contentStyle{
  26. padding: 0 0px 0 4px; /*设置右侧内容边距*/
  27. }
  28. #hideCon{
  29. width: 220px; /*设置左侧框架宽度*/
  30. }
  31. #bs_left{
  32. width: 210px; /*设置左侧框架宽度*/
  33. }
  34. /*框架主体设置*/
  35. /*设置左侧伸缩的按钮样式*/
  36. .bs_leftArr{
  37. width: 10px;/*竖条宽度*/
  38. height: 116px;/*竖条高度*/
  39. background-image: url(bs_left.jpg);
  40. background-repeat: no-repeat;
  41. cursor: pointer;
  42. cursor: hand;
  43. }
  44. .bs_rightArr{
  45. width: 10px;/*竖条宽度*/
  46. height: 116px;/*竖条高度*/
  47. background-image: url(bs_right.jpg);
  48. background-repeat: no-repeat;
  49. cursor: pointer;
  50. cursor: hand;
  51. }
  52. .main_shutiao{
  53. width: 10px;/*竖条容器宽度*/
  54. height: 100%;
  55. background-image: url(bs_arrbg.jpg);
  56. background-repeat: repeat-y;
  57. }
  58. /*设置左侧伸缩的按钮样式*/
  59. /*设置左右可拖拽布局样式*/
  60. .main-layout{ position:relative;}
  61. .main-layout-left,.main-layout-right,.main-layout-center{position:absolute;border:0; z-index:10; overflow:hidden;}
  62. .main-layout-content{position:relative; background:white; overflow:hidden;}
  63. .main-layout-lock{ position:absolute; width:100%; height:100%; display:none; z-index:9990; margin:0; padding:0;}
  64. .main-layout-dragging-yline{ background:#000000;width:1px;position:absolute;display:none; z-index:9999; padding:0; margin:0;}
  65. .main-layout-xmask {cursor: col-resize;z-index:9990;}
  66. .main-layout-ymask {cursor: row-resize;z-index:9990;}
  67. .main-layout-drophandle-left{
  68. position:absolute;
  69. z-index:10;
  70. display:none;
  71. width: 10px!important;/*竖条容器宽度*/
  72. height: 100%;
  73. background-image: url(bs_arrbg.jpg);
  74. background-repeat:repeat-y;
  75. }
  76. .main-layout-drophandle-right{
  77. position:absolute;
  78. z-index:10;
  79. display:none;
  80. width: 10px!important;/*竖条容器宽度*/
  81. height: 100%;
  82. background-image: url(bs_arrbg.jpg);
  83. background-repeat:repeat-y;
  84. }
  85. .main-layout-collapse-left,.main-layout-collapse-right{
  86. width:10px; /*竖条容器宽度*/
  87. position:absolute;
  88. top:0px;
  89. display:none;
  90. height:100%;
  91. z-index:10;
  92. background-image: url(bs_arrbg.jpg)!important;
  93. background-repeat:repeat-y!important;
  94. }
  95. .main-layout-collapse-left,.main-layout-collapse-right{ border:0; position:absolute;top:0px; display:none; height:100%;z-index:10;}
  96. .main-layout-collapse-left{left:0px;}
  97. .main-layout-collapse-right{right:0px;}
  98. /*设置左右可拖拽布局样式*/
  99. /*框架左侧盒子模型*/
  100. #lbox{
  101. background-color:#f1f8ff!important;
  102. }
  103. .lbox_title{
  104. display: none;/*当左侧盒子标题为图片时隐藏文字标题*/
  105. }
  106. .lbox_foot{
  107. display: none;/*左侧盒子底部空间小时隐藏版本说明*/
  108. }
  109. #lbox_topcenter{
  110. height:0;
  111. overflow: hidden;
  112. }
  113. #lbox_bottomcenter{
  114. height:0;
  115. overflow: hidden;
  116. }
  117. /*框架左侧盒子模型*/
  118. /*框架右侧盒子模型*/
  119. .rbox_title{
  120. display: none;/*当右侧盒子标题为图片时隐藏文字标题*/
  121. }
  122. #rbox_topcenter{
  123. height:0;
  124. overflow: hidden;
  125. display:none;
  126. }
  127. #rbox_bottomcenter{
  128. height:0px;
  129. overflow:hidden;
  130. display:none;
  131. }
  132. /*框架右侧盒子模型*/
  133. /*头部与导航*/
  134. #hbox{
  135. padding: 0px;
  136. }
  137. #bs_bannercenter{
  138. width: 100%;
  139. height: 91px;
  140. background-image: url(bs_bannercenter.jpg);
  141. background-repeat: repeat-x;
  142. }
  143. #bs_bannerleft{
  144. width: 100%;
  145. height: 100%;
  146. background-image: url(../images/index/index.jpg);
  147. background-repeat: no-repeat;
  148. }
  149. #bs_bannerright{
  150. width: 100%;
  151. height: 100%;
  152. background-image: url(bs_bannerright.jpg);
  153. background-position: 100% 0%;
  154. background-repeat: no-repeat;
  155. }
  156. #bs_navcenter{
  157. width: 100%;
  158. height: 32px;
  159. background-image: url(bs_bannercenter.jpg);
  160. background-repeat: repeat-x;
  161. background-position: 0% 100%;
  162. }
  163. #bs_navleft{
  164. width: 100%;
  165. height: 100%;
  166. background-image: url(bs_bannerleft.jpg);
  167. background-repeat: no-repeat;
  168. background-position: 0% 100%;
  169. }
  170. #bs_navright{
  171. width: 100%;
  172. height: 100%;
  173. background-image: url(bs_bannerright.jpg);
  174. background-position: 100% 100%;
  175. background-repeat: no-repeat;
  176. }
  177. .bs_nav{
  178. padding: 3px 0 0 5px;/*导航区的位置*/
  179. color: #343233;
  180. overflow:hidden;
  181. }
  182. .bs_nav a{
  183. color:#343233;
  184. }
  185. .bs_nav a:hover{
  186. color:#343233;
  187. text-decoration:none;
  188. }
  189. .bs_navleft{
  190. float: left;
  191. padding:0 0 0 15px;
  192. color: #343233;
  193. }
  194. .bs_navright{
  195. float: right;
  196. padding: 0 10px 0 0;
  197. }
  198. .bs_navleft li{
  199. float:left;
  200. padding-right:4px;
  201. }
  202. .fontChange{
  203. padding:4px 0 0 0;
  204. }
  205. .fontChange span a{
  206. height:17px;
  207. line-height:17px;
  208. width:17px;
  209. text-align:center;
  210. display:block;
  211. background-image: url(click.gif);
  212. background-repeat: no-repeat;
  213. color: #343233;
  214. }
  215. .fontChange span a:hover{
  216. background-image: url(fontBg.jpg)!important;
  217. background-repeat: no-repeat;
  218. text-decoration:none;
  219. color:white;
  220. }
  221. .fontChange span .fontChange_cur{
  222. background-image: url(fontBg.jpg)!important;
  223. background-repeat: no-repeat;
  224. text-decoration:none;
  225. color:white;
  226. }
  227. .fontFamily{
  228. padding:4px 0 0 0;
  229. }
  230. .fontFamily span a{
  231. height:17px;
  232. line-height:17px;
  233. width:17px;
  234. text-align:center;
  235. display:block;
  236. background-image: url(click.gif);
  237. background-repeat: no-repeat;
  238. color: #343233;
  239. }
  240. .fontFamily span a:hover{
  241. background-image: url(fontBg.jpg)!important;
  242. background-repeat: no-repeat;
  243. text-decoration:none;
  244. color:white;
  245. }
  246. .fontFamily span .fontChange_cur{
  247. background-image: url(fontBg.jpg)!important;
  248. background-repeat: no-repeat;
  249. text-decoration:none;
  250. color:white;
  251. }
  252. .bs_banner_logo{
  253. background-image: url(logo.png);
  254. background-repeat: no-repeat;
  255. width:71px;/*logo宽度*/
  256. height:42px;/*logo高度*/
  257. position:absolute;
  258. top:15px;/*logo y坐标*/
  259. left:20px;/*logo x坐标*/
  260. }
  261. .bs_banner_title{
  262. background-image: url(title.png);
  263. background-repeat: no-repeat;
  264. width:339px;/*头部标题宽度*/
  265. height:36px;/*头部标题高度*/
  266. position:absolute;
  267. top:20px;/*头部标题y坐标*/
  268. left:100px;/*头部标题x坐标*/
  269. }
  270. .subTitle{
  271. color:#ffffff;
  272. font-size:18px;
  273. font-weight:bold;
  274. position:absolute;
  275. left:430px;
  276. top:30px;
  277. }
  278. /*头部与导航*/
  279. /*页脚*/
  280. #fbox{
  281. padding: 0;
  282. }
  283. #bs_footcenter{
  284. text-align: center;
  285. width: 100%;
  286. color: White;/*页脚字体颜色*/
  287. height: 27px;/*页脚高度*/
  288. line-height:27px;/*页脚行高*/
  289. background-image: url(bs_footcenter.jpg);
  290. background-repeat: repeat-x;
  291. }
  292. #bs_footleft{
  293. height:100%;
  294. width:100%;
  295. }
  296. #bs_footright{
  297. height:100%;
  298. width:100%;
  299. }
  300. /*页脚*/
  301. /*欢迎页*/
  302. .welcome{
  303. width: 100%;
  304. height: 100%;
  305. background-image: url(welcome.jpg);
  306. background-repeat: no-repeat;
  307. background-position: 90% 80%;
  308. }
  309. .welcomeTitle{
  310. width:559px;/*欢迎页标题图宽度*/
  311. height: 166px;/*欢迎页标题图高度*/
  312. background-image: url(welcomeTitle.png);
  313. _background-image: url(welcomeTitle.jpg);
  314. position:absolute;
  315. left:45px;
  316. top:120px;
  317. }
  318. /*欢迎页*/
  319. .colorList ul li {
  320. float: left;
  321. height: 9px;
  322. width: 14px;
  323. cursor:pointer;
  324. cursor:hand;
  325. }
  326. .colorList .color1{
  327. background-image: url(color1.jpg);
  328. background-repeat: no-repeat;
  329. }
  330. .colorList .color2{
  331. background-image: url(color2.jpg);
  332. background-repeat: no-repeat;
  333. }
  334. .colorList .color3{
  335. background-image: url(color3.jpg);
  336. background-repeat: no-repeat;
  337. }