body { background:#ddd; } #header { background:#1d2d44; box-shadow:0 0 10px rgba(0,0,0,.5), inset 0 -2px 10px #222; height:2.5em; left:0; line-height:2.5em; position:fixed; right:0; top:0; z-index:100; padding:.5em; } #details { color:#fff; float: left; } #public_upload, #download { font-weight:700; margin: 0 0.4em 0 0; padding: 0 5px; height: 27px; float: left; } .header-right #details { margin-right: 2em; } #public_upload { margin-left: 0.3em; } #public_upload img, #download img { padding-left:.1em; padding-right:.3em; vertical-align:text-bottom; } #preview { background:#eee; border-bottom:1px solid #f8f8f8; min-height:30em; text-align:center; margin:45px auto; } #noPreview { display:none; padding-top:5em; } p.info { color:#777; text-align:center; text-shadow:#fff 0 1px 0; width:22em; margin:2em auto; } p.info a { color:#777; font-weight:700; } #imgframe { height:75%; padding-bottom:2em; padding-top:2em; width:80%; margin:0 auto; } #imgframe img { max-height:100%; max-width:100%; } thead{ background-color: white; padding-left:0 !important; /* fixes multiselect bar offset on shared page */ } #data-upload-form { position: relative; right: 0; height: 27px; overflow: hidden; padding: 0; float: right; display: inline; margin: 0; } #file_upload_start { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; z-index: 20; position: absolute !important; top: 0; left: 0; width: 100% !important; } #download span { position: relative; bottom: 3px; } #publicUploadButtonMock { position:relative; display:block; width:100%; height:27px; cursor:pointer; z-index:10; background-image:url('%webroot%/core/img/actions/upload.svg'); background-repeat:no-repeat; background-position:7px 6px; } #publicUploadButtonMock span { margin: 0 5px 0 28px; position: relative; top: -2px; color: #555; }