www.gusucode.com > 艺帆全站DIV+CSS体育用品公司网站源码 1.7.5源码程序 > i5808/style/login.css
/*------------------------- Simple reset --------------------------*/ *{ margin:0; padding:0; } /*------------------------- General Styles --------------------------*/ body{background-image: url(../images/bj.jpg); background-repeat: repeat; font:14px/1.3 'Segoe UI', 'Arial', sans-serif; } a, a:visited { outline:none; color:#1c4f64; } a:hover{ text-decoration:none; } section, footer, header{ display: block; } /*---------------------------- The Header -----------------------------*/ h1{ font:bold 36px Cambria, "Hoefler Text",serif; margin-bottom:50px; color:#00b7ee; text-shadow:1px 1px 0 rgba(255,255,255,0.4); } /*---------------------------- The Form -----------------------------*/ #main{ width:440px; margin:40px auto 120px; position:relative; text-align:center; } #main form{ width:440px; height:450px; background:url('../images/form_bg.png') no-repeat; padding-top: 50px; } #main form .row{ position:relative; } #main form .row.error:after, #main form .row.success:after{ content:''; position:absolute; right: 60px; top: 8px; width:32px; height:32px; background:url('../images/icons.png') no-repeat; } #main form .row.error:after{ background-position: 0 -79px; } #main form input[type=text], #main form input[type=password]{ border:none; background:url('../images/text-boxes.png') no-repeat top left; color:#888; outline:none; height: 48px; margin: 0 auto 22px; padding: 0 10px 0 50px; width: 278px; font-family: 'Segoe UI', 'Arial', sans-serif; font-size: 14px; line-height: 48px; } #main form input[type=yzm]{ border:none; background:url('../images/text-boxes2.png') no-repeat top left; color:#888; outline:none; height: 48px; width: 160px; font-family: 'Segoe UI', 'Arial', sans-serif; font-size: 14px; line-height: 48px; float: left; margin-top: 0; margin-right: auto; margin-bottom: 22px; margin-left: 52px; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 50px; } #main form input[disabled]{ opacity: 0.5; } #main form .email input{ background-position:0 0; } #main form .email input:focus{ background-position:0 -48px; } #main form .pass input{ background-position:0 -96px; } #main form .pass input:focus{ background-position:0 -144px; } /*---------------------------- The Submit Button -----------------------------*/ #main form input[type=submit]{ border: 1px solid #004C9B; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.3); color: #D3EBFF; cursor: pointer; display: block; font: bold 24px Cambria,"Hoefler Text",serif; margin: 190px auto 0; padding: 10px; text-shadow: 0 -1px 0 #444444; width: 410px; background-color:#0496DA; background-image: linear-gradient(top, #0496DA 0%, #0067CD 100%); background-image: -o-linear-gradient(top, #0496DA 0%, #0067CD 100%); background-image: -moz-linear-gradient(top, #0496DA 0%, #0067CD 100%); background-image: -webkit-linear-gradient(top, #0496DA 0%, #0067CD 100%); background-image: -ms-linear-gradient(top, #0496DA 0%, #0067CD 100%); } #main form input[type=submit]:hover{ background-color:#0383d3; background-image: linear-gradient(top, #0383d3 0%, #004c9b 100%); background-image: -o-linear-gradient(top, #0383d3 0%, #004c9b 100%); background-image: -moz-linear-gradient(top, #0383d3 0%, #004c9b 100%); background-image: -webkit-linear-gradient(top, #0383d3 0%, #004c9b 100%); background-image: -ms-linear-gradient(top, #0383d3 0%, #004c9b 100%); } #main form input[type=submit]:active{ background-color:#026fcb; background-image: linear-gradient(top, #026fcb 0%, #004c9b 100%); background-image: -o-linear-gradient(top, #026fcb 0%, #004c9b 100%); background-image: -moz-linear-gradient(top, #026fcb 0%, #004c9b 100%); background-image: -webkit-linear-gradient(top, #026fcb 0%, #004c9b 100%); background-image: -ms-linear-gradient(top, #026fcb 0%, #004c9b 100%); } #ToolBar { position:absolute; bottom:0px; right:16px; width:100%; height:50px; text-align:center; z-index:2; overflow:hidden; } .yzm_sz { float: right; height:40px; width: 110px; line-height: 40px; margin-top: 4px; margin-right: 50px; background-image: url(../images/login_04.jpg); } .yzm_sz img{ margin-top: 10px; }