Skip to content

Instantly share code, notes, and snippets.

@adityapooniya

adityapooniya/dabblet.css

Last active August 29, 2015 14:19
Show Gist options
  • Save adityapooniya/9cf30be721dd15baa0db to your computer and use it in GitHub Desktop.
Save adityapooniya/9cf30be721dd15baa0db to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
body {
background: #f06;
background: linear-gradient(31deg, #58f, #59f, #08d);
min-height: 100%;
height:10px;
font-size:100%;
}
#container {display:relative;display:block;}
#container > .logo {text-decoration:none;color:#fff;font-family:Roboto, sans-serif;font-size:182%;display:relative;float:left;padding-right:10em;}
#container > form {display:relative;padding-top:1em;}
#container > form > .input-q {display:relative;float:left;padding:0.5em;border-top-left-radius:4px;border-bottom-left-radius:4px;border:1px solid #cdcdcd;font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
height: 37px;
line-height: 36px;
padding: 0 12px;
vertical-align: middle;
width: 380px;
margin-top:-4.6px;}
#container > form > .search-box {display:relative;text-decoration:none;border-top-right-radius:4px;border-bottom-right-radius:4px;border:1px solid #cdcdcd;border-left:0;color:#222;padding:0.2em;padding-left:10px;padding-right:10px;background:#e2e2ff;background: linear-gradient(0deg, #f2f2ff, #e9e9ff, #f5f5ff);font:22px Roboto, sans-serif;}
Raw
dabblet.html
<body>
<div id="container">
<a class="logo" href="#">Docworld Inc.</a>
<form>
<input type="text" name="q" class="input-q" size="40" placeholder="Search...">
<a href="" name="search" class="search-box" alt="Search">Search</a>
</form>
</div>
</body>
Raw
dabblet.js
// alert('Hello world!');
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