Pure CSS "dubstep forbidden" sign...

dabblet.css

/**
 * Pure CSS "dubstep forbidden" sign...
 */

      html, body {
        margin      : 0;
        padding     : 0;
        width       : 100%;
        height      : 100%;
        font-family : sans-serif;
      }

      div.sign {
        position    : absolute;
        width       : 500px;
        height      : 500px;
        top         : 50%;
        left        : 50%;
        margin      : -250px 0 0 -250px;
        background  : red;
        border-radius: 500px;
        box-shadow  :
            inset 0  5px 20px white
           ,inset 0 -5px 20px black
           ,0px 0px 100px black
        ;
      }

      div.sign:before {
        content       : '';
        background    : transparent;
        z-index       : 3;
      }

      div.sign:before, div.text {
        position      : absolute;
        width         : 400px;
        height        : 400px;
        top           : 50px;
        left          : 50px;
        border-radius : 400px;
      }

      div.bar {
        position          : absolute;
        width             : 50px;
        height            : 420px;
        top               : 50px;
        left              : 50%;
        margin            : 0 0 0 -25px;
        background        : red;
        z-index           : 5;
        transform         : rotate(45deg);
      }

      div.text {
        line-height       : 400px;
        font-size         : 80px;
        text-align        : center;
        color             : black;
        font-weight       : bold;
        background        : white;
        z-index           : 4;
      }

dabblet.html

    <div class='sign'>
      <div class='bar'></div>
      <div class='text'>DUBSTEP</div>
    </div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"70","seethrough":"1","prefixfree":"1","page":"result"}