Skip to content

Instantly share code, notes, and snippets.

@hardikpandya
Last active December 17, 2015 23:49
Show Gist options
  • Save hardikpandya/5692566 to your computer and use it in GitHub Desktop.
Save hardikpandya/5692566 to your computer and use it in GitHub Desktop.
The style sheet to stylise your DuckDuckGo search box
.search
{
padding-bottom: 0px;
}
.search li
{
list-style: none;
margin: 0 0 0em 0;
padding-left: 1em;
text-indent: -1em;
}
.search time
{
margin-left: 0em;
font-size: .75em;
color: #fafafa;
}
/*the form*/
#search
{
font-family: "ff-meta-web-1", "ff-meta-web-2",Myriad Pro,san-serif;
width: 100%;
max-width: 110px;
margin: 0px auto 0;
margin-left: -1px;
}
#search input
{
width: 80%;
font-family: "ff-meta-web-1", "ff-meta-web-2",Myriad Pro,sans-serif;
background-color: #fafafa;
border: 1px solid #9a9a9a;
padding: 6px 8%;
color: #2b2b2b;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 8px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5);
box-shadow: 0 1px 0 rgba(255,255,255,.5);
}
#search input:focus
{
outline: none;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 0 8px #4f4f4f;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 0 8px #4f4f4f;
box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 0 12px #4f4f4f;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment