Skip to content

Instantly share code, notes, and snippets.

@shabunc
Created January 25, 2012 14:32
Show Gist options
  • Select an option

  • Save shabunc/1676527 to your computer and use it in GitHub Desktop.

Select an option

Save shabunc/1676527 to your computer and use it in GitHub Desktop.
Untitled
.g-hidden {
}
.black_square {
width: 20px;
height: 20px;
background-color: black;
}
.tile {
width: 40px;
height: 40px;
background-color: linen;
background-image: -moz-element(#SQ), -moz-element(#SQ);
background-repeat: no-repeat;
background-position: 0 0, right bottom;
}
.chessboard {
width: 160px;
height: 160px;
border: 1px solid black;
background: -moz-element(#Tile)
}
<!-- content to be placed inside <body>…</body> -->
<div class="black_square g-hidden" id="SQ">
</div>
<div class="tile g-hidden" id="Tile">
</div>
<div class="chessboard">
</div>
{"view":"split-vertical","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment