diff --git a/css/fixedPosInterface.css b/css/fixedPosInterface.css index 6b41cb7..cc8f81b 100644 --- a/css/fixedPosInterface.css +++ b/css/fixedPosInterface.css @@ -100,67 +100,76 @@ body { height: 60%; min-height: 150px; max-height: 450px; - border: 4px solid #000; - border-radius: 15px; + /*border: 4px solid #000;*/ + /*border-radius: 15px;*/ } #canvasContainers { + display:table; position: absolute; top: 0; + bottom: 0; left: 0; right: 0; - bottom: 0; width: 100%; - /*height: 100%;*/ - background-color: #0e0; -} - -#mycanvas, #preview { - /*border: 1px solid #08c;*/ - /*float:left;*/ + height: 100%; + padding: 0; + margin: 0; + /*border: 4px solid #000;*/ + /*border-radius: 15px;*/ } #mycanvasContainer { - display: table-cell; - float:left; + display:table-cell; + width: auto; + height: 100%; + /*border: 4px solid #000;*/ } - #previewContainer { - display: table-cell; + display:table-cell; + width: 150px; + height: 100%; + /*border: 4px solid #000;*/ + /*border-radius: 15px;*/ } -#mycanvas { - /*width: 500px;*/ - /*height: 450px;*/ - /*border: 0px solid #333;*/ - border-right: 2px solid #333; - /*background-color: #f0f;*/ - +/*#canvasContainers {*/ /*position: absolute;*/ /*top: 0;*/ - /*bottom: 0;*/ /*left: 0;*/ /*right: 0;*/ - /*width: 80%;*/ - /*float:left;*/ + /*bottom: 0;*/ /*width: 100%;*/ - /*height: 100%;*/ - background: #808; + /*background-color: #0e0;*/ +/*}*/ + +#mycanvas { + width: 100%; + height: 100%; + margin: 0; + padding: 0; + /*float: left;*/ + border-width: 0px; + background-color: #f0f; + border-right: 2px solid #333; + /*border-radius: 15px;*/ + /*border-radius: 15px;*/ + border-radius-topleft: 15px; + /*border-radius-topright: 15px;*/ + -moz-border-radius-topleft: 15px; + /*-moz-border-radius-topright: 15px;*/ + -webkit-border-radius-topleft: 15px; + /*-webkit-border-radius-topright: 15px;*/ } #preview { - /*border: 1px solid #f8c;*/ - /*position: absolute;*/ - /*right: 0px;*/ - /*top: 0px;*/ - - float:right; width: 150px; height: 100%; - background: #f44; - - /*width: 150px;*/ - /*height: 450px;*/ + float: right; + margin: 0; + padding: 0; + border-width: 0px; + background-color: #0ff; } #preview_tmp {