Buttons

by Imri Paloja

HTML

<link rel="stylesheet" href="http://www.eurobytes.nl/css/framework.css">
	<button>Button</button>
<br><br>

<input type="search" name="" value="" placeholder="search">

    <br><br>
    
    <textarea placeholder="Write"></textarea>

CSS

button {
    background: linear-gradient(to bottom, #FFFFFF, #F9F9F9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.25);
    cursor: pointer;
    color: #454545;

    padding: 2px 3px;
    text-align: center;
	}

	button:hover {
    box-shadow: 0 1px 2px rgba(30, 25, 25, 0.2);
    background: linear-gradient(to bottom, #F9F9F9, #FFFFFF) repeat scroll 0 0 rgba(0, 0, 0, 75);
/*    text-shadow:2px 2px 2px rgb(191, 191, 191);
*/	}

input[type="search"],textarea {
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.25);
    outline: 1px ;
    font-size: 13px;
    margin: 0;
    padding: 2px 3px;
}

input[type="search"],textarea:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

input[type="search"],textarea:focus {
    border: 1px solid #454545;
}

body {
    padding: 2px 3px;
}