.pmagic * {
outline: 0px;
}
.pmagic a {
text-decoration: none;
}
.pg-block {
margin: 15px auto;
}
.pmagic .pg-user-photo-albums {
float: left;
width: 100%;
margin: 0px auto;
padding-left: 0px;
list-style-type:none;
}
.pmagic .pm-user-card a,
.pmagic .pg-user-photo-albums a {
text-decoration: none;
} .pmagic #pg-user-photo-tab,
.pmagic #pg-user-albums-tab{
width:100%;
}
.pmagic #pg_user_photos_container .pg-user-photo-albums.pg-user-photo-list .pg-user-photo-album {
margin: 8px;
padding: 0px;
width: 100px;
height: 100px;
}
.pmagic #pg_user_photos_container .pg-user-photo-albums.pg-user-photo-list .pg-user-photo-album .pg-album-photo img{
width: 100px;
height: 100px;
}
.pmagic #pg_user_photos_container .pg-user-photo-albums.pg-user-photo-list .pg-user-photo-album video {
margin: 0px;
padding: 0px;
width: 100px;
height: 100px;
vertical-align: top;
}
.pmagic .pg-user-photo-albums .pg-user-photo-album {
position: relative;
padding: 14px 0px;
margin: 0px;
}
.pmagic .pg-user-photo-albums .pg-user-photo-album::before {
display: none;
}
.pmagic .pg-user-photo-albums.pg-user-album-list .pg-user-photo-album img{
width: 120px;
height: 120px;
}
.pmagic .pg-user-photo-albums .pg-user-photo-album .pg-user-photo-album-thumb {
cursor: pointer;
display: inline-block;
width: 150px;
max-width: 100%;
margin-right: 40px;
}
.pmagic .pg-user-photo-albums .pg-user-photo-album .pg-user-album-details {
display: inline-block;
width: calc(100% - 200px);
max-width: 100%;
margin-top: 18px;
}
.pmagic .pg-user-photo-albums .pg-user-photo-album .pg-user-album-details .pg-user-photo-album-desc {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.pmagic .pg-user-photo-album-thumb img {
width: 150px;
height: 150px;
object-fit: cover;
border-radius: 50%;
}
.pmagic .pg-create-album {
border: 1px solid #ccc;
width: 150px;
height: 150px;
}
.pmagic #pg-user-photo-albums-wrap.pg-user-photo-albums-hide {
display: none;
}
.pmagic #pg-user-photo-tab.pg-photo-pane-show {
display: block;
}
.pmagic #pg-user-photo-tab.pg-photo-pane-hide {
display: none;
}
.pmagic #pg_user_photos_container #pm_user_album {
margin-top: 20px;
}
.pmagic .pg-album-btns {
border-top: 1px solid #e1e1e1;
padding: 8px 0px;
}
.pmagic .pg-album-btns a {
text-transform: uppercase;
padding-right: 10px;
}
.pmagic #pg_user_photos_container .pm-popup-close {
top: 0px;
right: 5px;
} .pmagic .pg-album-image-uploader {
padding: 34px;
margin-bottom: 20px;
border-color: #9c9b9b;
border-color: rgba(0, 0, 0, .1);
border-style: dashed;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 30px;
}
.pmagic .pg-album-image-uploader textarea {
width: 100%;
min-height: 70px;
max-height: 90px;
box-shadow: none;
background-color: #fff;
border-radius: 5px;
border: 1px solid #e1e1e1;
margin: 10px auto;
}
.pmagic .pg-album-image-uploader input[type=file] {
display: inline-block;
}
.pmagic .pg-album-image-uploader .pg-upload-image-btn {
text-transform: uppercase;
} .pmagic #pm_image_popup .pm-popup-container.pg-comments-popup {
width: 90%;
left: 5%;
right: 5%;
}
.pmagic .pg-album-single-img {
width: 70%;
margin-right: 1%;
text-align: center;
padding: 30px;
}
.pmagic .pg-album-single-img .pg_media_player video {
width:100%;
height:100%;
}
.pmagic .pg-album-single-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.pmagic .pg-comments-section {
width: 28%;
}
.pmagic .pg-comments-section .pg-comment_result {
overflow: auto;
max-height: 600px;
width: 100%;
}
.pmagic .pg-comment_result .pg-image-comment-thread {
background-color: #efefef;
padding: 15px;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 1px;
border-left: 2px solid rgba(202, 202, 202, 0.94);
width: 100%;
}
.pmagic .pg-image-comment-thread .pg-comment-author img {
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
margin: 8px 4px 4px 0px;
width: 52px;
height: 52px;
}
.pmagic .pg-comments-section .pg-uploaded-by {
min-height: 45px;
border-bottom: 1px solid #e1e1e1;
}
.pmagic .pg-comments-section .pg-uploaded-by svg {
cursor: pointer;
}
.pmagic .pg-comments-section .pg-comment_result .pg-total-comments-count {
padding: 10px 0px;
}
.pmagic .pg-comments-section .pg-comment_result .pg-total-comments-count span {
padding-right: 5px;
}
.pmagic .pg-comment-meta .pg-photo-comment-author {
padding-right: 10px;
}
.pmagic .pg-comment-meta-wrap {
width: 84%;
width: calc(100% - 70px);
margin: 5px 0px 0px 10px;
}
.pmagic .pg-comment-meta-wrap .pg-comment-content {
font-size: 12px;
}
.pmagic .pg-comment-meta-wrap textarea {
width: 100%;
height: 85px;
box-shadow: none;
background-color: #fff;
border-radius: 5px;
border: 1px solid #e1e1e1;
}
.pmagic .pg-comment-meta-wrap .add-new-comment {
margin-top: 10px;
cursor: pointer;
} .pmagic #pg-user-photo-albums-wrap .pg-create-new-album .pg-new-album-form,
.pmagic .pg-edit-album .pg-edit-album-form {
display: inline-block;
padding: 15px;
width: 100%;
}
.pmagic .pg-create-album .pg-new-album-btn {
padding: 54px 10px;
text-align: center;
text-transform: uppercase;
}
.pmagic .pg-create-new-album .pm-popup-container {
min-height: 300px;
}
.pmagic .pg-create-new-album a.pg-create-album-btn,
.pmagic .pg-edit-album a.pg-edit-album-btn {
padding: 15px;
text-transform: uppercase;
cursor: pointer
}
.pmagic .pg-album-form-row {
margin: 5px auto;
}
.pmagic .pg-album-form-row input,
.pmagic .pg-album-form-row textarea,
.pmagic .pg-album-form-row select {
background-color: #fff;
border-radius: 5px;
border: 1px solid #e1e1e1;
width: 100%;
font-size: 14px !important;
margin-bottom: 12px;
}
.pmagic .pg-album-form-row textarea {
min-height: 50px;
} .pmagic .pg-album-title {
font-size: 20px;
}
.pmagic .pg-album-meta {
font-size: 12px;
}
.pmagic .pg-album-description {
font-size: 12px;
margin-top: 20px;
}
.pmagic .pg-user-photo-albums .pg-user-photo-album .pg-photo-comments {
position: absolute;
bottom: 0px;
width: 100%;
padding: 5px 2px;
color: #fff;
background-color: #333;
background-color: rgba(51, 51, 51, 0.28);
font-size: 11px;
text-align: center;
}
.pmagic .pg-user-photo-albums .pg-user-photo-album .pg-album-meta-info {
font-style: italic;
color: rgba(2, 2, 2, 0.43);
}
.pmagic .pg_user_photos_container #pm_user_album {
margin-top: 20px;
}
.pmagic .pg-user-photo-albums-hide {
display: none;
}
.pmagic .pg-media-uploader {
position: relative;
border: 1px dashed rgb(201, 214, 221);
text-align: center;
border-radius: 7px;
padding: 10px;
width: 100%;
background-color: rgb(241, 246, 249);
min-height: 200px;
margin-bottom: 20px
}
.pmagic .pg-add-photo-btn,
.pmagic .pg-new-album-btn{
text-align: center;
}
#pg-user-albums-tab #pg-photo-albums-wrap .pg-create-user-album {
text-align: center;
}
#pg-user-albums-tab #pg-photo-albums-wrap .pg-create-user-album a.pg-new-album-btn {
display: inline-flex;
}
#pg-user-albums-tab #pg-photo-albums-wrap .pg-create-user-album a.pg-new-album-btn svg {
fill: currentColor;
}
.pmagic .pg-add-photo-btn a {
cursor: pointer;
}
.pmagic .pg-media-uploader h1 {
font-size: 16px;
font-weight: bold;
}
.pmagic .pg-media-uploader .pg-upload-area {
height: 100%;
min-height: 170px;
cursor: pointer;
}
.pmagic .pg-media-uploader .pg-upload-area .pg-drag-and-drop-title {
font-size: 16px;
}
.pmagic .pg-media-uploader .pg-dfiles {
width: 33%;
text-align: left;
min-height: 80px;
cursor: default;
}
.pmagic .pg-media-uploader .pg-dfiles .pg-dfiles-img-name {
float: left;
margin-top: 14px;
max-width: 18em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
width: 70%;
}
.pmagic .pg-progress-wrp {
position: relative;
background: #c9d6dd;
width: 80%;
float: left;
margin-left: 6px;
}
.pmagic .pg-progress-wrp .pg-progress-bar {
height: 6px;
border-radius: 3px;
background-color: green;
width: 0;
}
.pmagic .pg-progress-wrp .pg-upload-status {
top: 3px;
left: 50%;
position: absolute;
display: none;
color: #000000;
}
.pmagic .pg-dfiles-icon {
font-size: 12px;
}
.pmagic .pg-dfiles-icon svg {
width: 50px;
height: 50px;
float: left;
}
.pmagic .pg-media-uploader .pg-upload-action input[type="submit"],
.pmagic .pg-media-uploader .pg-upload-action input[type="button"] {
background-color: transparent !important;
box-shadow: none;
text-transform: capitalize;
font-weight: normal;
font-family: inherit;
font-size: 14px;
border: 0px
}
.pmagic .pg-dfiles-icon img {
}
.pmagic .pg-upload-success {
color: #7dbb28;
font-size: 12px;
cursor: auto;
}
.pmagic .pg-upload-failed {
color: red;
font-size: 12px;
}
.pmagic .pm-media-loader-wrap .pm-loader {
margin: 0px;
width: 30px;
height: 30px;
}
.pmagic .pm-media-loader-wrap .pm-uploding-msg {
font-size: 12px;
margin: 10px;
}
.pmagic .pm-success-msg-img svg {
width: 50px;
}
.pmagic .pm_user_album_image_upload_form textarea#upload_image_caption {
font-size: 14px;
font-weight: normal;
height: 80px;
}
.pmagic #pg-image-caption {
font-size: 12px;
}
.pmagic #pg-image-caption textarea#pg-img-caption-editor {
font-size: 12px;
line-height: 20px;
}
.pmagic #pg-image-caption a {
padding: 6px;
}
.pmagic .pg-user-photo-load-more {
text-align: center;
cursor: pointer;
margin: 15px auto;
}
.pmagic .pg-user-photo-load-more::before {
display: none;
}
.pmagic .pg-comment-meta span {
font-size: 12px;
}
.pmagic .pm-delete-comment-btn {
float: right;
cursor: pointer;
}
.pmagic .pm-delete-comment-btn img {
width: 24px;
height: 24px;
}
.pmagic .pg-new-album-form .pg-album-form-row .errortext {
color: red;
font-size: 12px;
}
.pmagic .pg-user-photo-albums .pg-user-photo-album .pg-user-album-details .pg-album-name {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
}
.pmagic .pg-user-album-load-more {
text-align: center
}
.pmagic .pg-user-album-load-more::before {
display: none;
}
.pmagic .pg-user-album-load-more .pmagic .pg-user-photo-albums .pg-no-photo-album {
float: left;
width: 100%;
font-size: 12px;
font-style: italic;
} .pg-user-album-load-more{
cursor: pointer;
}
#pg-user-photos #pg-user-photos-tabs .pm-profile-tab a.active {
color:inherit;
}
#pg-user-photos #pg-user-photo-tab .pg-add-photo-btn {
text-align: center;
}
#pg-user-photos #pg-user-photo-tab .pg-add-photo-btn a{
display: inline-flex;
}
#pg-user-photos #pg-user-photo-tab .pg-add-photo-btn a svg {
fill: currentColor;
}
#create_new_user_album .pm-popup-container form#new_user_album_form {
padding: 5px 20px;
}
#pg_user_photos_container .pg-user-photo-tab .pg-album-title-wrap  {
padding-bottom: 5px;
margin-bottom: 10px;
}
#pg_user_photos_container .pg-user-photo-tab .pg-album-title-wrap .pg-album-title {
font-size: 20px;
width: calc(100% - 40px);
float: left;
max-width: 100%;
}
#pg_user_photos_container .pg-user-photo-tab .pg-album-title-wrap .pg-album-setting-menu {
float:right;
cursor:pointer;
}
.pmagic .pg-comments-section .pg-img-caption #pg-image-caption {
padding-right: 5px;
}
.pmagic .pm-user-photos-tab-wrap .pg-user-photos-extension-tab {
list-style: none;
display: inline-block;
float: left;
position: relative;
}
.pmagic .pm-user-photos-tab-wrap .pg-user-photos-extension-tab a{
text-decoration: none;
font-weight: 300;
letter-spacing: 0.5px;
background-image: none;
text-shadow: none;
}
.pmagic .pm-user-photos-tab-wrap .pg-user-photos-extension-tab a.pm-dbfl:not(.pmagic .pm-user-photos-tab-wrap .pg-user-photos-extension-tab.active .pm-dbfl) {
color: #000;
}
#create_new_user_album .pg-album-action-area .pg-create-album-btn {
padding: 15px;
text-transform: uppercase;
cursor: pointer;
background-color: transparent;
box-shadow: none;
font-weight: 400;
margin: 0px;
outline: 0px;
border: 0px;
background-image: none;
}
.pmagic .pm-group-view #pg-profile-tabs .pg-profile-tab-content ul.pm-user-photos-tab-wrap{
float: left;
width: 100%;
margin: 0px 0px;
padding: 0px;
}
.pmagic .pm-group-view #pg-profile-tabs .pg-profile-tab-content ul.pm-user-photos-tab-wrap li @media only screen and (max-width:1200px) {
}
@media only screen and (max-width:979px) {
}
@media only screen and (max-width:760px) {
.pmagic .pg-album-single-img {
width: 100%;
margin-right: 0px;
text-align: center;
padding: 30px;
}
.pmagic .pg-comments-section {
width: 90%;
margin: 0px auto;
float: none;
display: block;
}
}
@media only screen and (max-width:479px) {
.pmagic #pg-user-photo-albums-wrap ul.pg-user-photo-albums .pg-create-album {
width: 100% !important;
height: 60px;
float: left;
}
.pmagic #pg-user-photo-albums-wrap ul.pg-user-photo-albums .pg-create-album a#new_album {
padding: 5px 10px;
}
.pmagic #pg-user-photo-albums-wrap ul.pg-user-photo-albums .pg-user-photo-album {
margin: 8px 5px 8px 6px;
position: relative;
width: 46%;
}
}