Prv messages anywhere (load)Devaon Test :: Votre 1ère catégorie :: Yraka
Jack JonesJack JonesAdmin
Posts : 15
Join date : 2021-12-08

Character sheet
Field 1: Default field value
https://devaon-test.forumactif.com
Award 1
An award description about why this user earned it.
Award 4
An award description about why this user earned it.
Award 3
An award description about why this user earned it.
Award 5
An award description about why this user earned it.
Award 2
An award description about why this user earned it.
Fri 24 Dec - 12:08
CSS
Code:
prv.main {
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    background-color: white;
    z-index: 999;
    box-shadow: 0 0 30px #30303035, 0 0 0 300vw #10101050;
    height: 100vh;
    max-height: 100vh;
    overflow: auto;
    width: 35vw;
}

prv.container dl.icon {
    background: none !important;
}

prv.container dl.icon dt {
    padding-left: 5%;
    width: 100%;
    display: flex;
    align-items: center;
}

prv dd.mark {
    display: none;
}

prv avatar, prv .mod-login-avatar {
    float: left;
    width: 60px;
    height: 60px;
    display: inline-flex;
}

prv .mod-login-avatar img {
    width: 100%;
    height: auto;
}

prv.infos {
    width: calc(95% - 60px);
    display: block;
    padding-left: 2%;
    margin-top: 0px;
    position: relative;
}

prv.infos span {
    margin: 0 !important;
}

prv.header {
    display: block;
    padding: 5% 10%;
    font-size: 13pt;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

prv.main .topiclist li.row {
    opacity: .7;
    transition: all .25s ease-in-out;
}

.prv-active {
    opacity: 1 !important;
    border-right: 6px solid #3793ff !important;
    background-color: #3793ff1f;
}

prv.main .topiclist li.row:hover {
    opacity: .85;
}

prv.from a {
    display: block;
    font-weight: 600;
    font-size: 13pt;
    color: #4A4A49;
}

prv span[style="margin: 0 5px"] {
    display: none;
}

prv.date {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 4px;
}

prv.message {
    position: fixed;
    left: 35vw;
    top: 0;
    width: 65vw;
    height: 100vh;
    background-color: #f6f6f6;
    box-sizing: border-box;
    padding-left: 2.5vw;
    overflow: auto;
}

prv.message h1.page-title, prv.message form[action="/search"], prv.message form[name="jumpbox"], prv.message .postprofile, prv.message .postbody ul.profile-icons,
prv.message prv.review .curr_privmsg, prv.message prv.review h2, prv.message prv.review .postbody .h3, prv.message p.author img {
    display: none;
}

prv.message form > .post p.author {
    font-size: 0;
    display: inline-block;
    float: right;
    position: relative;
    top: 10px;
    opacity: 7;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}

prv.message form > .post p.author span.prv-date {
    font-size: 9pt;
}

prv.message .post {
    border: none;
    background: none;
    box-shadow: none;
}

prv.message .postbody {
    margin-top: 2%;
    margin-right: 0;
}

prv.message .postbody .h3 {
    border: none;
    font-size: 15pt;
    font-weight: 400;
    color: #101010;
}

.prv-name {
    margin-left: 1%;
    margin-bottom: 1%;
    display: inline-block;
    margin-right: 5%;
}

prv.message .postbody .content {
    background-color: white;
    box-shadow: 0 0 15px #30303015;
    border-radius: 10px;
    padding: 3%;
}

prv.message prv.review {
    display: flex !important;
    flex-direction: column-reverse;
}

prv.message prv.review .post .postbody, prv.message prv.review .post {
    margin: 0;
}

prv.message form > .post {
    background-color: #398aff0f;
}

prv.message prv.review h2 {
    display: none;
}

prv.message prv.review .postbody .h3 {
    display: none;
}

.mtop {
    margin-top: 7.5% !important;
}

prv a.ion-reply.button1 {
    all: inherit;
    right: 2%;
    bottom: 2%;
    position: fixed;
    background-color: rgb(18, 115, 228);
    font-size: 0px;
    letter-spacing: 0px;
    line-height: 0;
    cursor: pointer;
    padding: 10px 0px 10px 10px;
    margin: 0px;
    transition: all 0.25s ease-in-out 0s;
}

prv a.ion-reply.button1::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(https://i.imgur.com/3u5nU7a.png);
    background-size: 24px 24px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    filter: invert(1);
}

prv a.ion-reply.button1:hover {
    box-shadow: 0 0 10px 2px #1273e4;
}

prv.msg_close {
    position: fixed;
    right: 2%;
    top: 2%;
    font-size: 11pt;
    color: white;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    background-color: #2174d5;
    padding: 5px 15px 5px 15px;
    border-radius: 10px;
    line-height: 13pt;
    box-shadow: 0 0 8px 1px #20202025;
    transition: all .25s ease-in-out;
}

prv.msg_close:hover {
    background-color: #55a4ff;
}

prv li.row[data-state="https://2img.net/i/fa/modernbb/topic_unread.png"] {
    background-color: #b2d6ff;
}
avatarRandom One
Posts : 2
Join date : 2022-04-10
Mon 11 Apr - 22:00
New message test
Back to top
Permissions in this forum:
You cannot reply to topics in this forum