| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346 |
- /*Reset 样式初始化*/
- html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
- br, input, button, textarea, h1, h2, h3, h4, h5,em{
- padding: 0;
- margin: 0;
- font-weight: normal;
- font-style: normal;
- font-size: 12px;
- font-family:"微软雅黑","Tahoma";
- vertical-align: baseline;
- text-align:justify;
- word-wrap:break-word;
- text-justify:inter-ideograph
- }
- body{text-align:center;overflow:hidden}
- ul, ol, li, h1 {
- line-height:normal;
- list-style-image:none;
- list-style-position:outside;
- list-style-type:none
- }
- dl {
- margin:0
- }
- dd {
- margin-left:0
- }
- a {
- outline:none;
- }
- a img {
- border:0 none
- }
- img {
- vertical-align:middle;
- border:0px
- }
- table {
- border-collapse:collapse
- }
- .clearfix:after {
- content:".";
- display:block;
- height:0;
- clear:both;
- visibility:hidden
- }
- .clearfix {
- display:inline-block;
- overflow:hidden
- }
- .clearfix {
- display:block
- }
- /*End*/
- .hide {display:none}
- .lf {float:left}
- .rt {float:right}
- /*all btn*/
- .sbtn_set {
- background:url(sbtn_ico.gif) no-repeat 0 0;
- width:16px;
- height:16px;
- display:inline-block
- }
- /*login page*/
- .warp_login fieldset {
- border: 0 none;
- margin: 0;
- padding: 0;
- }
- .warp_login #actions {
- margin: 25px 0 0;
- }
- .warp_login #actions a{
- color:#3151a2;
- float:right;
- line-height:35px;
- margin-left:10px
- }
- .warp_login #actions a:hover{
- text-decoration:none
- }
- .warp_login #login {
- background-color: #FFFFFF;
- background-image: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE);
- border-radius:5px;
- 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);
- height: 240px;
- left: 50%;
- margin: -150px 0 0 -230px;
- padding: 30px;
- position: absolute;
- top: 50%;
- width: 400px;
- z-index: 0;
- }
- .warp_login #login:before {
- border: 1px dashed #CCCCCC;
- bottom: 5px;
- box-shadow: 0 0 0 1px #FFFFFF;
- content: "";
- left: 5px;
- position: absolute;
- right: 5px;
- top: 5px;
- z-index: -1;
- }
- .warp_login h1
- {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
- text-transform: uppercase;
- text-align: center;
- color: #666;
- margin: 0 0 30px 0;
- letter-spacing: 4px;
- font: normal 26px/1 Verdana, Helvetica,"微软雅黑";
- position: relative;
- }
- .warp_login h1:after, h1:before
- {
- background-color: #777;
- content: "";
- height: 1px;
- position: absolute;
- top: 15px;
- width: 120px;
- }
- .warp_login h1:after
- {
- background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
- background-image: -webkit-linear-gradient(left, #777, #fff);
- background-image: -moz-linear-gradient(left, #777, #fff);
- background-image: -ms-linear-gradient(left, #777, #fff);
- background-image: -o-linear-gradient(left, #777, #fff);
- background-image: linear-gradient(left, #777, #fff);
- right: 0;
- }
- .warp_login h1:before
- {
- background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
- background-image: -webkit-linear-gradient(right, #777, #fff);
- background-image: -moz-linear-gradient(right, #777, #fff);
- background-image: -ms-linear-gradient(right, #777, #fff);
- background-image: -o-linear-gradient(right, #777, #fff);
- background-image: linear-gradient(right, #777, #fff);
- left: 0;
- }
- .warp_login #inputs input {
- background: url(login-sprite.png) no-repeat scroll 0 0 #F1F1F1;
- border: 1px solid #CCCCCC;
- border-radius: 5px 5px 5px 5px;
- box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;
- margin: 0 0 10px;
- padding: 15px 15px 15px 30px;
- width: 353px;
- }
- .warp_login #username {
- background-position: 5px -2px !important;
- }
- .warp_login #password {
- background-position: 5px -52px !important;
- }
- .warp_login #submit {
- background-color: #FFB94B;
- background-image: -moz-linear-gradient(center top , #FDDB6F, #FFB94B);
- border-color: #D69E31 #E3A037 #D5982D;
- border-radius: 3px 3px 3px 3px;
- border-style: solid;
- border-width: 1px;
- box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
- color: #8F5A0A;
- cursor: pointer;
- float: left;
- font: bold 15px Arial,Helvetica;
- height: 35px;
- padding: 0;
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
- width: 120px;
- text-align:center
- }
- .warp_login #submit:hover, #submit:focus {
- background-color: #FDDB6F;
- background-image: -moz-linear-gradient(center top , #FFB94B, #FDDB6F);
- }
- .warp_login #submit:active {
- box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
- outline: medium none;
- }
- /*!!!index*/
- /*main header*/
- .warp_index {overflow:hidden}
- .warp_index .main_hd {
- background:url(i_headerbg.jpg) repeat left top
- }
- .warp_index .main_hd .header {
- position:relative;
- height:74px
- }
- /*main logo*/
- .warp_index .main_hd .logo {
- width:225px;
- height:70px;
- background:url(logo.gif) no-repeat
- }
- /*main nav*/
- .warp_index .main_hd .nav {
- position:absolute;
- bottom:0;
- left:250px
- }
- .warp_index .main_hd .nav li{
- float:left;
- margin:0 5px;
- height:27px;
- line-height:27px;
- background:url(nav_bg.gif) no-repeat right 0;
- padding:0 15px 0 0
- }
- .warp_index .main_hd .nav li a{
- padding:0 0 0 15px;
- height:27px;
- line-height:27px;
- background:url(nav_bg.gif) no-repeat left 0;
- display:inline-block;
- color:#666;
- text-decoration:none;
- font-weight:600
- }
- .warp_index .main_hd .nav li a:hover {
- color:#fff;
- }
- .warp_index .main_hd .nav li.now{
- float:left;
- margin:0 5px;
- height:27px;
- line-height:27px;
- background:url(nav_bg.gif) no-repeat right -27px;
- padding:0 15px 0 0
- }
- .warp_index .main_hd .nav li.now a{
- padding:0 0 0 15px;
- height:27px;
- line-height:27px;
- background:url(nav_bg.gif) no-repeat left -27px;
- display:inline-block;
- text-decoration:none;
- color:#136e8b;
- font-weight:600
- }
- .warp_index .main_hd .nav li.now a:hover {
- cursor:default
- }
- /*main profile 用户信息*/
- .warp_index .main_hd .uprofile {
- margin:0 10px 0 0
- }
- .warp_index .main_hd .uprofile .u_pic {
- border:1px solid #999;
- background:#fff;
- -moz-box-shadow:0 0 8px #003666;
- -webkit-box-shadow:0 0 8px #003666;
- box-shadow:0 0 8px #003666;
- margin:10px
- }
- .warp_index .main_hd .uprofile .u_pic a{
- display:block;
- margin:2px
- }
- .warp_index .main_hd .uprofile .u_info {
- margin:10px 0 0 0;
- color:#003666
- }
- .warp_index .main_hd .uprofile .u_info b {
- margin:0 0 5px 0;
- display:block
- }
- .warp_index .main_hd .uprofile .u_info b a{
- font-weight:bold
- }
- .warp_index .main_hd .uprofile .u_info a{
- color:#003666
- }
- .warp_index .main_hd .uprofile .u_info a:hover{
- color:#066ecb;
- text-decoration:none
- }
- /*crumb*/
- .warp_index .main_hd .crumbbar {
- background:#e0eeef url(i_slidebarbg.gif) repeat-y left top;
- color:#999;
- padding:3px 10px 3px 155px
- }
- /*main menu slidebar*/
- .warp_index .main_menu {
- background:url(i_slidebarbg.gif) repeat-y right top
- }
- .warp_index .main_menu .slidebar {
- width:150px;
- }
- .warp_index .slidebar .s_item {
-
- }
- .warp_index .slidebar .s_item li{
- margin:5px 0;
- }
- .warp_index .slidebar .s_item li a{
- display:block;
- padding:0 0 0 30px;
- color:#999;
- text-decoration:none;
- height:20px;
- line-height:20px
- }
- .warp_index .slidebar .s_item li.hover{
- background:#e0eeef
- }
- .warp_index .slidebar .s_item li.hover a{
- color:#003765
- }
- .warp_index .slidebar .s_item li.now{
- background:#e0eeef
- }
- .warp_index .slidebar .s_item li.now a{
- font-weight:600;
- color:#003765
- }
- /*main frame*/
- .warp_index .main_frame{
- overflow:auto
- }
- /*main bottom bar*/
- .warp_index .main_bottombar {
- height:7px;
- background:url(m_framebarbg.gif) repeat-x;
- position:relative;
- margin:-7px 15px 0 145px;
- }
|