Skip to content

Instantly share code, notes, and snippets.

@sudsy sudsy/dabblet.css
Created Apr 19, 2012

Embed
What would you like to do?
Expanding Text Box
/**
* Expanding Text Box
*/
#parent {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
margin-left: 50px;
margin-right: 50px;
}
.categoryrefine
{
display: inline;
background: blue;
margin-right: 20px;
clear: none;
}
#searchboxcontainer
{
position: absolute;
background: gray;
top: 0;
left: 70px;
right: 40px;
margin-left: 20px;
margin-right: 50px;
}
#searchbox
{
width: 100%;
}
#searchgo
{
float:right;
}
<!-- content to be placed inside <body>…</body> -->
<div id="parent">
<div class="categoryrefine"><input type="button"/></div>
<div id="searchboxcontainer">
<input id="searchbox" name="searchbox" type="text"/>
</div>
<input id="searchgo" name="searchgo" type="button"/>
</div>
{"view":"separate","fontsize":"100","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.