body { background-color: white; } * { cursor: default; } a { cursor: pointer; } body { margin: 0px; display: flex; } #sight #smove, #sight #sresize { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by any browser but < IE9 */ } #sight #sresize[display="show"] { cursor: nw-resize; width: 15px; height: 15px; background-color: none; right: 0; float: right; bottom: 0; position: absolute; } #sight #sresize { display: none; } #sight { display: block; width: 100%; } #sight[display="show"] { border: 4px solid grey; } #sight { border = 0; } #sight #stitlebar[display="show"] { display: block; } #sight #stitlebar { display: none; width: 100%; height: 25px; background-color: grey; }