.card-edit {
position: absolute;
z-index: 3;
right: 0;
top: 0;
}
.card-edit > a {
padding: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.card-edit > a > .im {
width: 24px;
height: 24px;
position: relative;
z-index: 1;
}
.card-edit > a > .im::before {
opacity: .7;
}
.card-edit > a > .im::after {
content: "";
position: absolute;
inset: -1px;
z-index: -1;
border-radius: 50%;
background-color: hsla(var(--btn-edit-bg), .5);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
transition: transform .2s ease, background-color .2s ease;
}
.card-edit > a:hover > .im::after {
transform: scale(1.05);
background-color: hsla(var(--btn-edit-bg), .7);
}
#dropmenudiv {
--dropdown-p: 12px;
display: none;
opacity: 1 !important;
z-index: 95 !important;
min-width: 140px;
font-size: var(--fs-3);
left: calc(var(--dropdown-p)/-1);
border-radius: var(--dropdown-rd);
padding: var(--dropdown-p);
overflow: hidden;
background-color: hsl(var(--dropdown-bg));
box-shadow: var(--dropdown-sw);
}
#dropmenudiv > a:nth-child(1), #dropmenudiv > a:nth-child(3) {
display: none;
}
#dropmenudiv a {
color: hsl(var(--c-text));
display: block;
padding: 8px 12px;
line-height: 20px;
border-radius: 20px;
border: 0 none;
white-space: nowrap;
opacity: 1 !important;
}
#dropmenudiv a:hover {
background-color: hsla(var(--c-text),.05);
}
.pm-box {
margin-bottom: var(--sect-gap);
background-color: hsl(var(--block-bg));
box-shadow: var(--block-sw);
border-radius: var(--block-rd);
overflow: hidden;
text-align: center;
}
.pm-status {
position: relative;
}
.pm-status-info {
display: block;
padding: 8px 16px;
border-radius: inherit;
font-size: var(--fs-3);
}
.pm-menu {
display: flex;
}
.pm-menu > li {
width: 100%;
max-width: calc(100% / 2);
flex: 0 0 calc(100% / 2);
}
.pm-menu > li:not(:first-child) {
box-shadow: inset 1px 0 0 0 hsla(var(--c-text),.05);
}
.pm-menu > li a {
display: block;
text-align: center;
font-size: var(--fs-2);
font-weight: bold;
padding: 20px;
color: inherit !important;
transition: opacity .15s ease;
}
.pm-menu > li a .im {
width: var(--im-size);
margin: 0 auto 8px auto;
display: block;
}
@media (max-width: 575px) {
.pm-status-info {
text-align: center;
}
}
.pm-menu > li a:hover {
opacity: .8;
}
.pm_progress_bar {
width: 100%;
height: .25rem;
background-color: hsla(var(--c-yellow),0.2);
overflow: hidden;
}
.pm_progress_bar span {
background-color: hsl(var(--c-yellow));
font-size: 0;
height: 100%;
border-radius: inherit;
display: block;
overflow: hidden;
}
.pm_msg_tools, .pm_msg_info {
font-size: var(--fs-3);
}
.pm_msg_tools a, .pm_msg_info a {
color: inherit;
}
.pm_msg_info {
margin-top: 24px;
}
.pm_msg_tools {
border-top: 1px solid hsla(var(--c-text),.1);
padding-top: 8px;
margin-top: 8px;
}
.pm_msg_tools a, .pm_msg_info > * {
margin-right: 16px;
}
.pm_msg_tools a:hover {
color: hsl(var(--c-primary));
}
.pm_msg .title {
margin-bottom: 16px;
}
.p-msg-list .p-msg-item {
margin-top: var(--com-gap);
}
.p-msg-list > div:first-child .p-msg-item {
margin-top: 0;
}
table td.pm_list, table th.pm_head {
border-bottom: 1px solid hsla(var(--c-text),.1);
padding: 8px;
}
table.pm {
width: 100%;
margin-bottom: 0;
min-width: 600px;
}
.pmlist {
margin-left: calc(var(--wrp-p)/-1);
margin-right: calc(var(--wrp-p)/-1);
}
.pmlist:not(:has( > form#pmlist)) {
overflow: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-left: var(--wrp-p);
padding-right: var(--wrp-p);
}
.pmlist > form#pmlist {
overflow: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-left: var(--wrp-p);
padding-right: var(--wrp-p);
}
.pm th {
text-align: left;
font-weight: bold;
white-space: nowrap;
}
.pm th.pm_checkbox {
text-align: center;
}
.pm_list.pm_subj, .pm_list.pm_icon, .pm_list.pm_last_user {
cursor: pointer;
}
.pm_list.pm_icon svg {
width: 20px;
height: 20px;
vertical-align: middle;
}
.pm td.pm_list.pm_icon, .userstop td, th.pm_head.pm_icon {
border-bottom: none;
}
.pm_list .pm_last_message, .pm_list .pm_last_date, .pm_list .pm_with_user {
font-size: var(--fs-4);
}
.pm_navigation {
margin-top: 16px;
position: sticky;
left: 0;
}
.pm_navigation .navigation {
display: inline-block;
padding: 8px;
}
.pm_navigation .navigation a, .pm_navigation .navigation span {
padding: 8px;
min-width: 36px;
}
.pm_navigation td {
padding: 0;
}
.pm_navigation td select {
width: 100%;
max-width: 150px;
}
html.darkmod .dlepm-editor {
filter: invert(100%) contrast(80%) brightness(80%);
}