global_layout.css 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346
  1. /*Reset 样式初始化*/
  2. html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
  3. br, input, button, textarea, h1, h2, h3, h4, h5,em{
  4. padding: 0;
  5. margin: 0;
  6. font-weight: normal;
  7. font-style: normal;
  8. font-size: 12px;
  9. font-family:"微软雅黑","Tahoma";
  10. vertical-align: baseline;
  11. text-align:justify;
  12. word-wrap:break-word;
  13. text-justify:inter-ideograph
  14. }
  15. body{text-align:center;overflow:hidden}
  16. ul, ol, li, h1 {
  17. line-height:normal;
  18. list-style-image:none;
  19. list-style-position:outside;
  20. list-style-type:none
  21. }
  22. dl {
  23. margin:0
  24. }
  25. dd {
  26. margin-left:0
  27. }
  28. a {
  29. outline:none;
  30. }
  31. a img {
  32. border:0 none
  33. }
  34. img {
  35. vertical-align:middle;
  36. border:0px
  37. }
  38. table {
  39. border-collapse:collapse
  40. }
  41. .clearfix:after {
  42. content:".";
  43. display:block;
  44. height:0;
  45. clear:both;
  46. visibility:hidden
  47. }
  48. .clearfix {
  49. display:inline-block;
  50. overflow:hidden
  51. }
  52. .clearfix {
  53. display:block
  54. }
  55. /*End*/
  56. .hide {display:none}
  57. .lf {float:left}
  58. .rt {float:right}
  59. /*all btn*/
  60. .sbtn_set {
  61. background:url(sbtn_ico.gif) no-repeat 0 0;
  62. width:16px;
  63. height:16px;
  64. display:inline-block
  65. }
  66. /*login page*/
  67. .warp_login fieldset {
  68. border: 0 none;
  69. margin: 0;
  70. padding: 0;
  71. }
  72. .warp_login #actions {
  73. margin: 25px 0 0;
  74. }
  75. .warp_login #actions a{
  76. color:#3151a2;
  77. float:right;
  78. line-height:35px;
  79. margin-left:10px
  80. }
  81. .warp_login #actions a:hover{
  82. text-decoration:none
  83. }
  84. .warp_login #login {
  85. background-color: #FFFFFF;
  86. background-image: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE);
  87. border-radius:5px;
  88. box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 3px 0 #FFFFFF, 0 4px 0 rgba(0, 0, 0, 0.2), 0 6px 0 #FFFFFF, 0 7px 0 rgba(0, 0, 0, 0.2);
  89. height: 240px;
  90. left: 50%;
  91. margin: -150px 0 0 -230px;
  92. padding: 30px;
  93. position: absolute;
  94. top: 50%;
  95. width: 400px;
  96. z-index: 0;
  97. }
  98. .warp_login #login:before {
  99. border: 1px dashed #CCCCCC;
  100. bottom: 5px;
  101. box-shadow: 0 0 0 1px #FFFFFF;
  102. content: "";
  103. left: 5px;
  104. position: absolute;
  105. right: 5px;
  106. top: 5px;
  107. z-index: -1;
  108. }
  109. .warp_login h1
  110. {
  111. text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
  112. text-transform: uppercase;
  113. text-align: center;
  114. color: #666;
  115. margin: 0 0 30px 0;
  116. letter-spacing: 4px;
  117. font: normal 26px/1 Verdana, Helvetica,"微软雅黑";
  118. position: relative;
  119. }
  120. .warp_login h1:after, h1:before
  121. {
  122. background-color: #777;
  123. content: "";
  124. height: 1px;
  125. position: absolute;
  126. top: 15px;
  127. width: 120px;
  128. }
  129. .warp_login h1:after
  130. {
  131. background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
  132. background-image: -webkit-linear-gradient(left, #777, #fff);
  133. background-image: -moz-linear-gradient(left, #777, #fff);
  134. background-image: -ms-linear-gradient(left, #777, #fff);
  135. background-image: -o-linear-gradient(left, #777, #fff);
  136. background-image: linear-gradient(left, #777, #fff);
  137. right: 0;
  138. }
  139. .warp_login h1:before
  140. {
  141. background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
  142. background-image: -webkit-linear-gradient(right, #777, #fff);
  143. background-image: -moz-linear-gradient(right, #777, #fff);
  144. background-image: -ms-linear-gradient(right, #777, #fff);
  145. background-image: -o-linear-gradient(right, #777, #fff);
  146. background-image: linear-gradient(right, #777, #fff);
  147. left: 0;
  148. }
  149. .warp_login #inputs input {
  150. background: url(login-sprite.png) no-repeat scroll 0 0 #F1F1F1;
  151. border: 1px solid #CCCCCC;
  152. border-radius: 5px 5px 5px 5px;
  153. box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;
  154. margin: 0 0 10px;
  155. padding: 15px 15px 15px 30px;
  156. width: 353px;
  157. }
  158. .warp_login #username {
  159. background-position: 5px -2px !important;
  160. }
  161. .warp_login #password {
  162. background-position: 5px -52px !important;
  163. }
  164. .warp_login #submit {
  165. background-color: #FFB94B;
  166. background-image: -moz-linear-gradient(center top , #FDDB6F, #FFB94B);
  167. border-color: #D69E31 #E3A037 #D5982D;
  168. border-radius: 3px 3px 3px 3px;
  169. border-style: solid;
  170. border-width: 1px;
  171. box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  172. color: #8F5A0A;
  173. cursor: pointer;
  174. float: left;
  175. font: bold 15px Arial,Helvetica;
  176. height: 35px;
  177. padding: 0;
  178. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  179. width: 120px;
  180. text-align:center
  181. }
  182. .warp_login #submit:hover, #submit:focus {
  183. background-color: #FDDB6F;
  184. background-image: -moz-linear-gradient(center top , #FFB94B, #FDDB6F);
  185. }
  186. .warp_login #submit:active {
  187. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  188. outline: medium none;
  189. }
  190. /*!!!index*/
  191. /*main header*/
  192. .warp_index {overflow:hidden}
  193. .warp_index .main_hd {
  194. background:url(i_headerbg.jpg) repeat left top
  195. }
  196. .warp_index .main_hd .header {
  197. position:relative;
  198. height:74px
  199. }
  200. /*main logo*/
  201. .warp_index .main_hd .logo {
  202. width:225px;
  203. height:70px;
  204. background:url(logo.gif) no-repeat
  205. }
  206. /*main nav*/
  207. .warp_index .main_hd .nav {
  208. position:absolute;
  209. bottom:0;
  210. left:250px
  211. }
  212. .warp_index .main_hd .nav li{
  213. float:left;
  214. margin:0 5px;
  215. height:27px;
  216. line-height:27px;
  217. background:url(nav_bg.gif) no-repeat right 0;
  218. padding:0 15px 0 0
  219. }
  220. .warp_index .main_hd .nav li a{
  221. padding:0 0 0 15px;
  222. height:27px;
  223. line-height:27px;
  224. background:url(nav_bg.gif) no-repeat left 0;
  225. display:inline-block;
  226. color:#666;
  227. text-decoration:none;
  228. font-weight:600
  229. }
  230. .warp_index .main_hd .nav li a:hover {
  231. color:#fff;
  232. }
  233. .warp_index .main_hd .nav li.now{
  234. float:left;
  235. margin:0 5px;
  236. height:27px;
  237. line-height:27px;
  238. background:url(nav_bg.gif) no-repeat right -27px;
  239. padding:0 15px 0 0
  240. }
  241. .warp_index .main_hd .nav li.now a{
  242. padding:0 0 0 15px;
  243. height:27px;
  244. line-height:27px;
  245. background:url(nav_bg.gif) no-repeat left -27px;
  246. display:inline-block;
  247. text-decoration:none;
  248. color:#136e8b;
  249. font-weight:600
  250. }
  251. .warp_index .main_hd .nav li.now a:hover {
  252. cursor:default
  253. }
  254. /*main profile 用户信息*/
  255. .warp_index .main_hd .uprofile {
  256. margin:0 10px 0 0
  257. }
  258. .warp_index .main_hd .uprofile .u_pic {
  259. border:1px solid #999;
  260. background:#fff;
  261. -moz-box-shadow:0 0 8px #003666;
  262. -webkit-box-shadow:0 0 8px #003666;
  263. box-shadow:0 0 8px #003666;
  264. margin:10px
  265. }
  266. .warp_index .main_hd .uprofile .u_pic a{
  267. display:block;
  268. margin:2px
  269. }
  270. .warp_index .main_hd .uprofile .u_info {
  271. margin:10px 0 0 0;
  272. color:#003666
  273. }
  274. .warp_index .main_hd .uprofile .u_info b {
  275. margin:0 0 5px 0;
  276. display:block
  277. }
  278. .warp_index .main_hd .uprofile .u_info b a{
  279. font-weight:bold
  280. }
  281. .warp_index .main_hd .uprofile .u_info a{
  282. color:#003666
  283. }
  284. .warp_index .main_hd .uprofile .u_info a:hover{
  285. color:#066ecb;
  286. text-decoration:none
  287. }
  288. /*crumb*/
  289. .warp_index .main_hd .crumbbar {
  290. background:#e0eeef url(i_slidebarbg.gif) repeat-y left top;
  291. color:#999;
  292. padding:3px 10px 3px 155px
  293. }
  294. /*main menu slidebar*/
  295. .warp_index .main_menu {
  296. background:url(i_slidebarbg.gif) repeat-y right top
  297. }
  298. .warp_index .main_menu .slidebar {
  299. width:150px;
  300. }
  301. .warp_index .slidebar .s_item {
  302. }
  303. .warp_index .slidebar .s_item li{
  304. margin:5px 0;
  305. }
  306. .warp_index .slidebar .s_item li a{
  307. display:block;
  308. padding:0 0 0 30px;
  309. color:#999;
  310. text-decoration:none;
  311. height:20px;
  312. line-height:20px
  313. }
  314. .warp_index .slidebar .s_item li.hover{
  315. background:#e0eeef
  316. }
  317. .warp_index .slidebar .s_item li.hover a{
  318. color:#003765
  319. }
  320. .warp_index .slidebar .s_item li.now{
  321. background:#e0eeef
  322. }
  323. .warp_index .slidebar .s_item li.now a{
  324. font-weight:600;
  325. color:#003765
  326. }
  327. /*main frame*/
  328. .warp_index .main_frame{
  329. overflow:auto
  330. }
  331. /*main bottom bar*/
  332. .warp_index .main_bottombar {
  333. height:7px;
  334. background:url(m_framebarbg.gif) repeat-x;
  335. position:relative;
  336. margin:-7px 15px 0 145px;
  337. }