Skip to content

Instantly share code, notes, and snippets.

@kyleparisi

kyleparisi/dabblet.css

Created January 23, 2014 23:47
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 kyleparisi/8589230 to your computer and use it in GitHub Desktop.
Save kyleparisi/8589230 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
*/
.titleBar {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
height: 85px;
background-color: #BFAE90;
}
.titleBarTextContainer {
width: 110px;
margin: 0 auto 0 auto;
padding: 10px;
}
.titleBarText {
font-size: 36px;
}
.circle {
border-radius: 50%;
width: 15px;
height: 15px;
border: 1px solid black;
background-color: yellow;
float:left;
padding: 10px;
margin: 10px;
/* width and height can be anything, as long as they're equal */
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="titleBar">
<div class="circle"></div><div class="circle"></div><div class="titleBarTextContainer titleBarText">login</div><hr>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","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