#wpua-errors,
#wpua-readable-size-error,
.wpua-error {
color: #c00!important;
font-weight: 700!important
}
.webcam_on {
overflow: hidden !important;
}
.ci_img_container video {
max-width: 645px !important;
}
#wpua-readable-size-error,
#wpua-undo-button {
display: none
}
#wpua-preview,
#wpua-preview-existing {
margin-right: 10px
}
#wpua-preview,
#wpua-preview-existing,
#wpua-thumbnail,
#wpua-thumbnail-existing {
display: inline-block;
text-align: center;
vertical-align: top
}
#wpua-preview img,
#wpua-preview-existing img,
#wpua-thumbnail img,
#wpua-thumbnail-existing img {
max-height: 96px;
border: 1px solid #dfdfdf;
display: block
}
.widget_wp_user_avatar #wpua-preview img,
.widget_wp_user_avatar #wpua-preview-existing img,
.widget_wp_user_avatar #wpua-thumbnail img,
.widget_wp_user_avatar #wpua-thumbnail-existing img {
max-height: 64px
}
.defaultavatarpicker #wpua-preview,
.defaultavatarpicker #wpua-preview-existing {
width: 32px;
height: 32px;
margin-right: 0;
display: inline-block;
overflow: hidden;
vertical-align: middle
}
.defaultavatarpicker #wpua-preview img,
.defaultavatarpicker #wpua-preview-existing img {
width: 32px;
height: auto;
border: 0
}
#reg_passmail,
.submit {
clear: both
}
.wpua_aws_storage,
.wpua_directory_storage,
.wpua_gs_storage,
.wpua_media_storage {
display: none
}
.avatar_container {
position: relative;
display: inline-block
}
.avatar_container .icon-edit:before {
content: "\e600";
}
.ci_controls .icon-image:before {
content: "\e601";
}
.ci_controls .icon-camera:before {
content: "\e605";
}
.ci_controls .icon-close:before {
content: "\e607";
}
.ci_controls .icon-disk:before {
content: "\e608"
}
.avatar_container .icon-undo:before {
content: "\e603";
}
.avatar_container .icon-trash:before {
content: "\e606";
}
.avatar_container .icon-edit {
cursor: pointer;
top: 0;
right: 0;
position: absolute;
font-size: 1.5em;
background: #fff;
padding: 3px 5px 2px
}
.avatar_container .icon-trash,
.avatar_container .icon-undo {
cursor: pointer;
bottom: 0;
right: 0;
position: absolute;
font-size: 1.5em;
background: #fff;
padding: 3px 5px 2px
}
#ci-modal-bg {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
z-index: 1000
}
.wp-admin #ci-modal {
height: 430px;
}
.page #ci-modal {
height: 450px;
}
#ci-modal {
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
box-shadow: 0 0 20px 0 #222;
-webkit-box-shadow: 0 0 20px 0 #222;
-moz-box-shadow: 0 0 20px 0 #222;
display: none;
left: 40%;
margin: -120px 0 0 -160px;
padding: 10px;
position: fixed;
top: 35%;
width: 509px;
z-index: 1000
}
#ci-modal-bg.active,
#ci-modal.active {
display: block
}
.ci_editor {
position: relative
}
.ci_editor form {
margin: 0!important;
padding: 0!important
}
.ci_img_container {
border: 1px dashed #000;
height: 380px;
cursor: pointer;
background: #fff
}
.ci_controls a {
color: #fff !important;
font-size: 2em;
margin-right: 10px;
text-decoration: none
}
.ci_controls a:hover {
color: #000;
font-size: 2em
}
.ci_editor input[type="file"] {
display: inline-block;
}
.ci_editor label {
font-weight: normal;
}
.ci_controls {
padding-top: 10px;
position: relative
}
.ci_controls a,
.ci_controls a:hover {
color: #fff !important;
margin-right: 10px;
text-decoration: none !important;
}
.ci_controls a:hover {
color: #000;
font-size: 2em
}
.ci_controls .icon-close,
.ci_controls .icon-close:hover,
.ci_controls .icon-disk,
.ci_controls .icon-disk:hover {
float: right;
font-size: 1.8em
}
.ci_controls .icon-camera,
.ci_controls .icon-camera:hover {
font-size: 2.3em !important;
}
.ci_placeholder {
text-align: center;
font-size: 1.5em!important;
color: #000;
position: absolute;
top: 35%;
width: 98%;
padding: 1%;
cursor: pointer;
font-weight: 400;
vertical-align: center
}
.ci_placeholder p {
font-size: .7em!important;
margin-top: 30px;
color: #000
}
.ci_file_control {
opacity: 0;
visibility: hidden;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
z-index: 1;
height: 0;
width: 0;
padding: 0;
margin: 0;
}
.archive_on,
.webcam_on {
color: #85f202!important
}
.ci_img_container {
overflow: auto;
z-index:200;
position:relative;
background:none;
}
.ci_message {
height: 30px;
background: #ddd;
margin-bottom: 10px;
padding: 10px
}
div#wpua-add-button {
margin-top: 5px;
display: inline-block;
margin-right: 20px;
}
@media (max-width: 768px) {
#ci-modal {
width: 80%;
margin-left: 0;
left: 10%
}
}
.wpua_loader {
background: url(//dynamicstore.fr/wp-content/plugins/wp-user-avatar-pro/assets/images/wpua-loader.gif);
height: 100px;
width: 100px;
margin-left: 43%;
margin-top: -60px;
z-index: 10000;
position: absolute;
}
@font-face {
font-family: icomoon;
src: url(//dynamicstore.fr/wp-content/plugins/wp-user-avatar-pro/assets/css/fonts/icomoon.eot?-ewqwnb);
src: url(//dynamicstore.fr/wp-content/plugins/wp-user-avatar-pro/assets/css/fonts/icomoon.eot?#iefix-ewqwnb) format('embedded-opentype'), url(//dynamicstore.fr/wp-content/plugins/wp-user-avatar-pro/assets/css/fonts/icomoon.woff?-ewqwnb) format('woff'), url(//dynamicstore.fr/wp-content/plugins/wp-user-avatar-pro/assets/css/fonts/icomoon.ttf?-ewqwnb) format('truetype'), url(//dynamicstore.fr/wp-content/plugins/wp-user-avatar-pro/assets/css/fonts/icomoon.svg?-ewqwnb#icomoon) format('svg');
font-weight: 400;
font-style: normal
}
.avatar_container [class^=icon-],
.avatar_container [class*=" icon-"],
.ci_controls [class*=" icon-"],
.ci_controls [class^=icon-] {
color: #0073AA;
}
#ci-modal,.ci_controls{
background-color: #0073AA;
}
.avatar_container [class^=icon-],
.avatar_container [class*=" icon-"],
.ci_controls [class*=" icon-"],
.ci_controls [class^=icon-] {
font-family: icomoon;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpua_extra_avatars {
display: inline-block;
}
.wpua_extra_avatars .avatar_container {
margin-right: 20px;
}
.wpua_listing_avatar {
margin: auto;
border: solid 1px #ddd;
margin-right: 1%;
margin-top: 1%;
}
.login #ci-modal label {
font: inherit;
color: #000;
}
.login #ci-modal form {
font-weight: 400;
margin-left: 0;
margin-top: 0px;
overflow: hidden;
padding: 26px 24px 46px;
background: none;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.13);
}
.woocommerce-account .woocommerce .avatar_container {
margin-bottom: 20px;
}
.wpua_capture {
font-size: 14px !important;
border: solid 2px;
padding: 3px 10px;
margin: 0px auto;
position: absolute;
left: 40%;
top: 5px;
display: none;
}
.ci_placeholder{
z-index:100;
}
.ci_editor{
background:#fff;
}
@media(max-width:600px){
.wp-admin #ci-modal {
height: 312px;
}
.page #ci-modal {
height: 312px;
}
.ci_img_container{
height : 250px;
}
.ci_placeholder{
font-size: 1em!important;
top: 46%;
transform: translateY(-50%);
}
#ci-modal {
width: 68%;
margin-left: 0;
left: 50%;
transform: translateX(-50%);
}
}
@media(max-width:400px){
#ci-modal {
width: 300px;
}
}
@media(max-width:300px){
#ci-modal {
width: 200px;
}
}