{style}{literal} .ow_photo_upload_wrap * { box-sizing: border-box; } .ow_photo_upload_wrap { border-bottom: 1px solid transparent; } .ow_photo_dragndrop { display: inline-block; width: 100%; line-height: 84px; text-align: center; cursor: pointer; font-weight: normal; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: relative; padding: 4px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ow_photo_dragndrop div { bottom: 4px; left: 4px; position: absolute; right: 4px; top: 4px; } .ow_photo_upload_bottom { position: relative; } .ow_photo_list { margin: -4px 0 16px; } .ow_photo_upload_delimeter { border-width: 1px 0 0 0; margin: 0 0 12px 0; min-height: 1px; } .ow_photo_upload_delimeter span { line-height: 18px; margin-top: -12px; padding: 0 8px; display: inline-block; } .ow_photo_library_wrap { min-height: 160px; max-height: 450px; overflow: hidden; margin-left: -4px; margin-right: -4px; } .ow_photo_list_wrap.ow_photo_avatar_list div.ow_photo_item_wrap { width: 120px; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; height: auto; position: relative; } .ow_photo_list_wrap div.ow_photo_item { background-position: center center; background-size: cover; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; position: relative; width: 100%; } .ow_photo_item_wrap img { border-radius: 4px 4px 0 0; height: auto; width: 100%; } h3.ow_photo_avatar_album_name { text-transform: uppercase; font-size: 14px; font-weight: normal; font-family: 'UbuntuBold',"Trebuchet MS","Helvetica CY",sans-serif; margin-left: 4px; } .ow_photo_avatar_album_more { position: absolute; width: 100%; top: 50%; margin-top: -7px; text-align: center; } .ow_photo_avatar_album_more a, .ow_photo_avatar_album_more a:hover { line-height: 14px; font-size: 11px; text-decoration: none; text-transform: uppercase; font-weight: bold; } .ow_photo_avatar_album_more.ow_preloader { height: 16px; margin-top: -8px; } .ow_photo_avatar_album_more.ow_preloader a { display: none; } .ow_photo_avatar_hover .ow_photo_avatar_album_more a { color: #fff; } .ow_photo_avatar_hover { width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.65); top: 0px; left: 0px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; opacity: 0; transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .ow_photo_library_inner .ow_photo_item_wrap:hover .ow_photo_avatar_hover { opacity: 1; } .ow_avatar_crop_area { text-align: center; margin-right: 16px; } .ow_avatar_crop_result { text-align: center; } .ow_avatar_crop_result p { text-align: left; } #avatar-change-preloader { width: 100%; height: 200px; background-repeat: no-repeat; background-position: center center; } .avatar_crop_preview_wrap { overflow: hidden; margin-bottom: 16px; } .avatar_crop_target_wrap { min-height: {/literal}{$minSize}{literal}px; } .avatar_crop_preview_wrap img { width : 100%; } .jcrop-holder { display: inline-block; } .ow_avatar_preloader .ow_photo_avatar_preloader{ display:block; } .ow_photo_avatar_preloader { bottom: 0; left: 0; position: absolute; right: 0; top: 0; display:none; } {/literal}{/style}