Skip to content

Instantly share code, notes, and snippets.

/dabblet.css

Created May 17, 2012
Embed
What would you like to do?
Untitled
body {
background:rgb(43,127,192)
}
#search {
width:208px;
height:24px;
background:#F5F2F0;
box-shadow:1px 1px 2px rgba(0,0,0,.3) inset
}
#search .btn-left-loupe {
display:block;
background:url(http://www.littlemome.fr/template-loupe_png.png) no-repeat 0 0;
width:24px;
height:24px;
float:left;
margin:0
}
#search .btn-right-fleche {
display:block;
background:url(http://www.missionprovidence.com/french/images/60269144puce-fleche-png.png) no-repeat 0 0;
width:24px;
height:24px;
float:left;
margin:6px 0 0
}
#search input {
outline:0;
border:0
}
#search input[type=text] {
display:block;
font:300 12px HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
background:none;
text-shadow:0 1px white;
float:left;
height:24px;
width:160px;
line-height:25px;
color:#666;
margin:0
}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Example</title>
</head>
<body>
<form id="search" method="post">
<div class="btn-left-loupe"></div>
<input class="search_data" name="saisie" type="text" placeholder="Mots-Clefs..." required />
<input class="btn-right-fleche" name="go" type="submit" value="" />
</form>
</body>
</html>
{"view":"split-vertical","fontsize":"70","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.