Skip to content

Instantly share code, notes, and snippets.

@sudsy

sudsy/dabblet.css

Created April 19, 2012 23:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sudsy/2424834 to your computer and use it in GitHub Desktop.
Save sudsy/2424834 to your computer and use it in GitHub Desktop.
Download ZIP
Expanding Text Box
Raw
dabblet.css
/**
* 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;
}
Raw
dabblet.html
<!-- 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>
Raw
settings.json
{"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