Style Kunena Forum Unread list

TransalpClubForumUnread.css

/*  
    CSS changes for: https://transalpclub.nl/forum/unread

    apply with Stylus Browser extension (or anyway you want to add CSS)

*/

body {
    /* minder witruimte rondom tekstregels */
    line-height: 1em;
}
.body-innerwrapper{
    /* onnodige scroll-bar weg */
    overflow:unset;
}
#sp-header {
    /* weg met die header */
    height: 1em;
    overflow: hidden;
}
#sp-header:hover {
    /* en als we de muis erover bewegen komt de header terug */
    height:initial;
    overflow: initial;
}
#sp-main-body {
    /* nog meer witruimte weg */
    padding: 0 !important;
}
#kunena.layout div.alert-info{
    /* nog meer witruimte weg */
    margin:0px;
}
#kunena.layout div.alert-info H5{
    /* nog meer witruimte weg */
    margin:5px 0px;
}
#kunena.layout .pagination{
    /* navigation knoppen hoeven niet VETGEDRUKT te zijn */
    font-weight:unset;
}
#kunena tbody td{
    /*minder wit ruimte rondom alles */
    padding:3px;
    line-height:unset;
}
#kunena thead td{
    /* verberg onnodige column headers */
    display:none;
}
#kunena .col-md-4{
    /* bericht kolom krijgt meer breedte */
    width:70%;
}
#kunena .col-md-2{
    /* maximum breedte reacties/bekeken */
    width:1%;
}
#kunena.layout .category:nth-child(even) {
    /* berichten met afwisselende achtergrondkleur     */
    background: white;
}
[class*='category'] [href*='/unread']{
    /* onderwerp regel is het belangrijkst in deze pagina */
    font-size:15px;
}
.col-md-4 [href*='/unread'].hasTooltip::after{
    /* bericht tekst is beschikbaar als tooltip,
        dan wroeten we het direct zichtbaar in de pagina!
    */
    position:relative;
    display:block;
    white-space:pre-wrap;
    font-size:12px;
    font-weight:unset;
    line-height:13px;
    padding:5px 0px;
    background:transparent;
    color:black;
    content: "" attr(data-original-title);
}

[class*='category'] .started{
    /* verberg categorie en standaard labels */
    margin-top:5px;
    font-size:0px;
    opacity:.9;
}
.started BR{
    display:none;
}
.kwho-user,
.ktopic-category a{
    /* toon alleen categorie en topic-starter naam */
    font-size:12px;
}
.kwho-user{
    padding-left:1em;
}
#kunena.layout{
    padding:0;
}
#kunena > div.row{
    /* die navigatie balk is niet belangrijk! */
    zoom:.6;
}
#kunena > div.row form{
    zoom:1.5;
}
#kunena.layout .replies,
#kunena.layout .views{
    color:grey;
}
#kunena.layout .views{
    font-size:85%;
}
#kunena.layout .viewsnum, 
#kunena.layout .repliesnum {
    /* reacties/bekeken aantallen */
    color:#333;
    float:unset;
    margin-left:.2em;
}
#kunena.layout a[class|=kwho] img{
    width:100%;
    box-shadow:unset;
}
#kunena .img-rounded{
    border-radius:unset;
}
#kunena .lastpostlink{
    /* hide text */
    font-size:0px;
}
#kunena .datepost{
    margin-left:12px;
    font-size:12px;
}
#kunena .pull-left{
    zoom:.8;
}
#kunena > div:nth-child(8){
    position:fixed;
    bottom:2em;
    z-index:9;
}
/* someone fucked up with !important */
.layout#kunena .topic-item-unread svg{
    color:#999 !important;
    font-size:100%;
}
.layout#kunena [class*="category"] .knewchar{
    color:black !important;
}