Skip to content

Instantly share code, notes, and snippets.

@R3TSU R3TSU/dabblet.css
Created Jan 25, 2014

Embed
What would you like to do?
The first commented line is your dabblet’s title
/**
* 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;
}
<!-- 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>
// alert('Hello world!');
{"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
You can’t perform that action at this time.