Pangea is the title of the upcoming design for Noscope. For this redesign, I will be needing a plain
div box to place content in. In my mockups, the box looks like this:
It’s a fairly straight-forward box with four borders and an angled top-right corner. The markup looks like this:
<div class="box"> content </div>
Now for the challenge: not worrying about IE and with no extra HTML markup, is it possible to CSS style this box, yet keeping the width and height liquid?
Update: A solution has been found. See the comments details.