/* styles taking effect at viewtopic.php (topic view) */

/* topic title, note that an analogue styling exists for viewforum */
h2.topic-title{
    margin: 1.5rem 0 1rem 0;
    color: #eee;
    font-weight: bold;
}

h2.topic-title a,
div.post a.username{
    color: #eee;
}

h2.topic-title:before{
    /* content: "Topic -"; */
    color: #eee;
    margin-right: 0.8rem;
}

div.post{
    background-color: #181818;
    border-radius: 0;
    margin-bottom: 3px;
    padding: 0;
}

div.post.online{
    background-image: none;
}


div.post:nth-child(2n){
    background-color: #212121;
}

div.post > div.inner div.back2top {
    /* display: flex; */
    position: absolute;
    top: 0.3rem;
    right: -0.8rem;
}

/* the user profile next to the post content */
div.post > div.inner > dl.postprofile{
    color: #eee;
    border-color: black;
    margin: 0;
    padding: 0.5rem;
    width: 180px;
}

div.post > div.inner > dl.postprofile > dd > strong{
    color: #eee;
}

/* post count, join date and contact under user profile */
div.post > div.inner > dl.postprofile > dd > strong {
    min-width: 2.5rem;
    display: inline-block;
}

div.post > div.inner > dl.postprofile > dd > a,
div.post > div.inner > dl.postprofile > dd i {
    color: #eee;
    font-weight: bold;
}

div.post > div.inner > dl.postprofile > dd i:hover {
    color: red;
}

/* the actual post */
div.post > div.inner > div.postbody{
    color: #eee;
    padding: 1rem 0.6rem
}

div.post > div.inner > div.postbody h3{
    display: none;
}

div.post > div.inner > div.postbody .content{
    color: #eee;
}

div.post > div.inner > div.postbody blockquote{
    background-color: #282828;
    border: none;
    border-left: 5px solid grey;
    padding: 1rem;
}

div.post > div.inner > div.postbody blockquote a{
    color: red;
}

/* buttons for quoting, editing, deleting, ... a post  */
div.post > div.inner > div.postbody .post-buttons{
    right: 0.2rem;
}

/* for additional button styling see buttons.css */
div.post > div.inner > div.postbody a.button{
    padding: 0.3rem 0.4rem;
} 

div.post:nth-child(2n) > div.inner > div.postbody a.button{
    background-color: #181818;
}

/* quick reply panel */
div.panel{
    background-color: #212121;
    border-radius: 0;
    padding: 0;
    border: none
}

div.panel > div.inner > h2.quickreply-title{
    padding: 0;
    margin: 0 0 1rem 0;
    height: 28px;
    background-image: url('./img/cellpic3.gif');
    border-color: black;
    display: flex;
    align-items: center;
    color: #eee;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0 0.5rem;
}