#preview { background: #fff; text-align: center; margin: 45px auto 0; min-height: 150px; } #preview .notCreatable { display: none; } #noPreview { display:none; padding-top:80px; } footer { margin-top: 65px; } p.info { color: #777; text-align: center; margin: 0 auto; padding: 20px 0; } p.info a { color:#777; font-weight:700; } #imgframe { height:75%; padding-bottom:32px; padding-top:32px; width:80%; margin:0 auto; } #imgframe img, #imgframe video { max-height:100%; max-width:100%; } thead { padding-left: 0 !important; /* fixes multiselect bar offset on shared page */ } #data-upload-form { position: relative; right: 0; height: 32px; overflow: hidden; padding: 0; float: right; display: inline; margin: 0; } .directDownload, .directLink { margin-bottom: 20px; } /* keep long file names in one line to not overflow download button on mobile */ .directDownload #download { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; display: inline-block; margin-left: auto; margin-right: auto; } .directLink label { font-weight: normal; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5; } .directLink input { margin-left: 5px; width: 300px; max-width: 90%; } .header-right { transition: opacity 500ms ease 0s; -moz-transition: opacity 500ms ease 0s; -ms-transition: opacity 500ms ease 0s; -o-transition: opacity 500ms ease 0s; -webkit-transition: opacity 500ms ease 0s; } .header-right:hover, .header-right.active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }