.item-content-edit { background-color: #fefef2; border: 1px solid #f2f4eb; padding: 20px; margin-bottom: 20px; } .edm-upload-img-wrap { position: relative; float: left; width: 300px; height: 180px; background-color: #fff; color: #777; } .edm-upload-img-wrap img { width: 300px; height: 180px; } .edm-upload-img-wrap > * { position: absolute; top: 0; left: 0; width: 300px; height: 180px; border: 1px solid #f1f3e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; cursor: pointer; } .edm-upload-img-wrap .shadow { background-color: #000; opacity: .5; filter: alpha(opacity=50); } .edm-upload-img-wrap .text { color: #fff; } .edm-upload-img-wrap .text i { position: absolute; width: 60px; height: 46px; margin: 66px 0 0 30px; font-size: 46px; } .edm-upload-img-wrap .text span { position: absolute; margin: 66px 0 0 105px; line-height: 24px; cursor: pointer; } .edm-upload-img-wrap label { overflow: hidden; } .edm-upload-img-wrap label input[type=file] { position: absolute; top: -100px; left: 0; } /* .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-perspective: 12rem; -moz-perspective: 12rem; -ms-perspective: 12rem; -o-perspective: 12rem; perspective: 12rem; z-index: 2000; position: fixed; height: 6rem; width: 6rem; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .pace.pace-inactive .pace-progress { display: none; } .pace .pace-progress { position: fixed; z-index: 2000; display: block; position: absolute; left: 0; top: 0; height: 6rem; width: 6rem !important; line-height: 6rem; font-size: 2rem; border-radius: 50%; background: rgba(34, 153, 221, 0.8); color: #fff; font-family: "Helvetica Neue", sans-serif; font-weight: 100; text-align: center; -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; -moz-animation: pace-theme-center-circle-spin linear infinite 2s; -ms-animation: pace-theme-center-circle-spin linear infinite 2s; -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .pace .pace-progress:after { content: attr(data-progress-text); display: block; } @-webkit-keyframes pace-theme-center-circle-spin { from { -webkit-transform: rotateY(0deg) } to { -webkit-transform: rotateY(360deg) } } @-moz-keyframes pace-theme-center-circle-spin { from { -moz-transform: rotateY(0deg) } to { -moz-transform: rotateY(360deg) } } @-ms-keyframes pace-theme-center-circle-spin { from { -ms-transform: rotateY(0deg) } to { -ms-transform: rotateY(360deg) } } @-o-keyframes pace-theme-center-circle-spin { from { -o-transform: rotateY(0deg) } to { -o-transform: rotateY(360deg) } } @keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg) } to { transform: rotateY(360deg) } } */ .hero-unit { /*position: relative;*/ } .nav-tabs-custom > .tab-content { background: #fff; padding: 10px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }