Here i created a great looking log in form with soft and sexy UI you can use this log in for any purpose of integration its an easy integration script this log in for is built with HTML,CSS with giving a glow in the text box area and a light weight font to create a filt look and easy to manage .
the style i used are listed below
the style i used are listed below
| <style>body | ||||
| { | ||||
| font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial; | ||||
| color:#000; | ||||
| font-size:25px; | ||||
| } | ||||
| a { text-decoration:none; color:#0066CC} | ||||
| a:hover { text-decoration:underline; color:00BFFF } | ||||
| * | ||||
| { margin:0px; padding:0px } | ||||
| ol.timeline | ||||
| { list-style:none}ol.timeline li{ position:relative;border-bottom:1px #dedede dashed; padding:8px; }ol.timeline li:first-child{} | ||||
| .morebox | ||||
| { | ||||
| font-weight:bold; | ||||
| color:#333333; | ||||
| text-align:center; | ||||
| border:solid 1px #333333; | ||||
| padding:8px; | ||||
| margin-top:8px; | ||||
| margin-bottom:8px; | ||||
| -moz-border-radius: 6px;-webkit-border-radius: 6px; | ||||
| } | ||||
| .morebox a{ color:#333333; text-decoration:none} | ||||
| .morebox a:hover{ color:#00688B; text-decoration:none} | ||||
| #container{margin-left:60px; width:580px } | ||||
| input,textarea,select,tr { | ||||
| border:2px solid #dadada; | ||||
| border-radius:7px; | ||||
| font-size:20px; | ||||
| padding:5px; | ||||
| } | ||||
| input:focus { | ||||
| outline:none; | ||||
| border-color:#9ecaed; | ||||
| box-shadow:0 0 10px #9ecaed; | ||||
| }</style> you can see the live demo here Demo Download Author : Solomon David
|
