body { font-family: Abel, 'sans-serif-thin', Sans-serif, Helvetica, Arial; font-size: 1em; margin: 0 0 0 0; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } button { font-size: 1em; } #toolbar { padding-top: 10px; padding-left: 10px; margin-right: 20px; float: left; width: 300px; height: 100%; } #btnPrint { font-size: 30px; /*width: 100px;*/ /*height: 100px;*/ } #toolbar h1 { margin-top: 5px; font-size: 1.5em; } #rightToolbar { margin-top: 5px; margin-right: 5px; float: right; } #btnNext { float: right; } #toolbar button { /*display: block;*/ margin-top: 10px; margin-right: 10px; } #svgContainer { /*margin-top: 10px;*/ border-radius: 10px; background-color: #000; width: 640px; height: 640px; border: 2px solid black; margin: 0 auto; position: relative; overflow: hidden; top: 10px; display: inline-block; } #svgContainer svg { border: 1px solid lightgrey; position: absolute; /*background-color: rgba(255,255,255,.5);*/ } #printPreview { width: 640px; height: 640px; border: 1px solid black; margin: 0 auto; position: relative; display: inline-block; } /*#svgContainer { width: 640px; height: 640px; border: 1px solid black; display: inline-block; }*/ /*.item { padding: 0.5em; display: inline-block; position: absolute; margin-right: 5px; margin-bottom: 5px; cursor: pointer; } .item.selected { background-color: rgba(102, 206, 255, 0.4); } .item.crosshair { cursor: crosshair; }*/ #frmUpload { display: inline; } #txtInfo { float: right; } img#logo { cursor: pointer; margin-right: 10px; width: 200px; } #buttonsPanel { float: right; } span.statusvar { background-color: #7cf; margin: 2px 2px 2px 2px; /*padding: 5px 5px 2px 5px;*/ display: block; } #preview { display: inline-block; border: 1px solid black; width: 640px; height: 540px; }