html,body { padding: 0; margin: 0; width: 100%; height: 100%; font-family: 'Optima',sans-serif; overflow: hidden; background: #fcfaf5; } body { background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #fefefe 0%, #eaeaea 35%, #e0e0e0 100%); background: -webkit-linear-gradient(top, #e2e2e2 0%,#fefefe 0%,#eaeaea 35%,#e0e0e0 100%); background: -o-linear-gradient(top, #e2e2e2 0%,#fefefe 0%,#eaeaea 35%,#e0e0e0 100%); background: -ms-linear-gradient(top, #e2e2e2 0%,#fefefe 0%,#eaeaea 35%,#e0e0e0 100%); background: linear-gradient(to bottom, #e2e2e2 0%,#fefefe 0%,#eaeaea 35%,#e0e0e0 100%); } ::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { width: 4px; height: 10px; background: #ddd; } .curtain { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.9); z-index: 1024; } .curtain .inner { position: absolute; top: 20%; left: 50%; width: 400px; padding: 10px; margin-left: -210px; background: #fff; box-shadow: 0 1px 4px #888; } #drawing { display: none; position: absolute; left: 400px; top: 50px; } #palette { } #image { display: none; } #voting { display: none; position: absolute; left: 400px; top: 50px; } #voting li { list-style-type: none; } #winning { display: none; position: absolute; left: 400px; top: 50px; } #winning li { list-style-type: none; }