Stopwatch

by kompiajaib

HTML

<div class="stopwatch">
    <div class="title-widget">Enter the URL to be measured:</div>
<form action="http://www.numion.com/Stopwatch/Start.html" method="get" target="_blank">
   <input class="input-box" type="text" name="Url" onblur='if (this.value == &quot;&quot;) {this.value = &quot;http://&quot;;}' onfocus='if (this.value == &quot;http://&quot;) {this.value = &quot;&quot;;}' value='http://'/>
   <input class="submit-button" type="submit" value="Start StopWatch"/>
</form>
      </div>

CSS

.stopwatch{
    background:#ddd;
    padding:6px 10px 10px;
    margin:0 auto;
    width:400px;
}
.title-widget{
    font-size:14px;
    color:#555;
    padding:0;
    margin:0 0 5px;
    text-align:center;
}
.input-box{
    background: #fff !important;
    border:none;
    padding: 0px 8px;
    color: #555;
    font-size: 12px;
    height: 25px;
    width: 265px;
    margin-right:5px;
}
.input-box:focus,.submit-button:focus{
    outline:none;
}
.submit-button{
    background: #333 !important;
    border:none;
    padding:0;
    color: #efefef;
    font-size: 12px;
    height: 25px;
    width:110px;
    margin:0 auto;
    text-align:center;
    cursor:pointer;
}
.submit-button:hover{
    background: #555 !important;
}