/*.logo { background: #f5f5f5 url('../img/logo_full.png') no-repeat left top; } @media screen and (max-width: 500px) { .logo { background: #f5f5f5 url('../img/logo_small.png') no-repeat left top; } }*/ img { z-index: 5; } /* INTERFACE BUTTONS */ #btnNew { left: 10px; top: 10px; } #btnPrevious { left: 20px; top: 180px; z-index: 10; } #btnNext { left: 126px; top: 186px; z-index: 10; } #btnSave { left: 20px; top: 240px; } #btnOops { left: 20px; /* bottom: 150px;*/ top: 450px; } #btnPrint { right: 15px; top: 15px; } #btnStop { right: 20px; top: 200px; } /* DRAW AREA */ #drawAreaContainer > .buttons { margin: 5px; } #btnsUpDown { position: absolute; right: 200px; } #btnsTurnLeftRight { position: absolute; right: 20px; } #btnUp { } #btnDown { } #btnTurnLeft { } #btnTurnRight { } .btn { position: absolute; -webkit-user-select: none; cursor: hand; }