Skip to content

Instantly share code, notes, and snippets.

@R3TSU

R3TSU/dabblet.css

Created January 25, 2014 16:30
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 R3TSU/8618976 to your computer and use it in GitHub Desktop.
Save R3TSU/8618976 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(45deg, #f06, yellow);
min-height: 100%;
font-size: 0;
letter-spacing: -1;
}
div {
display: inline-block;
width: 25%;
border:1px solid white;
box-sizing: border-box;
border-collapse: collapse;
}
label {
text-align: center;
display:inline-block;
margin: 0;
width: 100%;
background: gray;
padding: 10px 20px;
/*width: 25%;*/
font-size:20px;
box-sizing: border-box;
border-collapse: collapse;
}
label:first-of-type {
}
input[type=checkbox] {
/* opacity: 0;*/
display:none;
}
input:checked + label {
background: yellow;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div>
<input type="checkbox" name="chkbox-court1-" id="chkbox-court1-" value="">
<label for="">
hellow
</label>
</div>
<div>
<input type="checkbox" name="chkbox-court1-time2" id="chkbox-court1-time2" value="">
<label for="chkbox-court1-time2">
hellow
</label>
</div>
<div>
<input type="checkbox" name="chkbox-court1-time3" id="chkbox-court1-time3" value="">
<label for="chkbox-court1-time3">
hellow
</label>
</div>
<div>
<input type="checkbox" name="chkbox-court1-time3" id="chkbox-court1-time3" value="">
<label for="chkbox-court1-time3">
hellow
</label>
</div>
<div>
<input type="checkbox" name="chkbox-court1-time3" id="chkbox-court1-time3" value="">
<label for="chkbox-court1-time3">
hellow
</label>
</div>
<div>
<input type="checkbox" name="chkbox-court1-" id="chkbox-court1-" value="">
<label for="chkbox-court1-">
hellow
</label>
</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