FunnyJunk - Centered Comments by alkarnur

/* ==UserStyle==
@name         FunnyJunk - Centered Comments
@version      20220608.07.28
@namespace    userstyles.world/user/alkarnur
@description  -Reduces width of comment section to 900px max, down from 100% of browser window width. 
-Slightly increases minimum height of individual comments from easier screencapping. 
-Highlights Argentina flag with red border. 
-Hides block tags. 
@author       alkarnur
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name         FunnyJunk - Centered Comments
@version      20220608.07.28
@namespace    userstyles.world/user/alkarnur
@description  -Reduces width of comment section to 900px max, down from 100% of browser window width. 
-Slightly increases minimum height of individual comments from easier screencapping. 
-Highlights Argentina flag with red border. 
-Hides block tags. 
@author       alkarnur
@license      No License
==/UserStyle== */

@-moz-document domain("funnyjunk.com") {
/* Increase single comment height for easy screenshot capture on Firefox */
.com {
min-height: 70px;
}
    
/* Bigger comment text size */
    .xo .com .t,
    .xo_mp .com .t {
        font: normal 15px arial,sans-serif;
    }

/* Decrease width of commment section from 100% of browser window width to 900px, which is the width of the post above, for better legibility */
#commentsList {
    margin: auto;
/*     width: 60%; */
    max-width: 900px;
}

.il {
    border: 1px solid red;
}
/* Argentina, Honduras, Nicaragua, El Salvador, Guatemala */
.ar, .hn, .ni, .sv, .gt {
    border: 1px solid #00d500;
}
/* Highlight Moderators */
    .kp {
    border: 3px solid rgb(0, 255, 193);
}

/* Hide paid subscription / support nag box */
/* html.minimized body.extendedSB nav#wrapper.static.non-logged section#content.collapsed section#contentRight.cRight.collapsed article#contentDetail.main div#ctFooter a:last-of-type {
    display:none;
} */
    #ctFooter a:last-of-type {
        display: none;
    }
/* Bring back Vote link unintentionally hidden by rule for hiding subscription nag message*/
 #whoThumbed, #voteInfo {
        display: block !important;
    }
/* #voteInfo {
    display: block !important;
}
     */
    
/* Show back the channel links in the footer of the post section */
html.minimized body.extendedSB nav#wrapper.static.non-logged section#content.collapsed section#contentRight.cRight.collapsed article#contentDetail.main div#ctFooter div#ctInfo div#chanControls div div div.chanBs.chanBs2 a.chHead2 {
    display:inline;
}
    
/* Make small text comment font same as regular comment font size */
.mrkd_fontsmall {
    font-size: 13.5px;
}
    
/* Make comment (in Your Posts window dialog) thumb green color brighter */
#commentsList_mp .cl_th {
    color: #0f0 !important;
}
/* Hide political posts */
/* div#contentNoChannel div#blockD {
    background-color: black;
    height: 900px;
    width: 900px;
    margin-left: -380px;
    z-index: 20;
} */
    
/* Hide red-thumb-farming trolls' comment text */
/* .retard > div, 
.retard > div > div {
        color: rgba(255,255,255,0.25) !important;
    }
.retard > div:hover, 
.retard > div > div:hover,
.retard:hover > div,
.retard:hover > div > div,
.retard > div:hover > div
    {
        color: rgba(255,255,255,1) !important;
    } */
    /* Re-show my comments when I go to them from the 'Your Posts' box */
.selected_com > div,
.selected_com > div > div {
    color: rgba(255,255,255,1) !important;
}
    
/* Hide distracting block warning tags */
.blockInfo {
/*     display: none; */
    opacity: 0.25;
}
/* Hide the entire comment that has a block warning tag, but leave a blank space in its place */
.response:has(.blockInfo) {
    display: none;
}

/* Hide Unblock and Blocks buttons */
    #blockD, #tapContent, #acb1, #acb2 {
        display: none !important;
    }

    /* Hide text of comment of users who you blocked */
/*     .blockInfo {
        color: rgba(0,0,0,0) !important;
        position: absolute;
        width: 800px;
        height: 90px !important;
        z-index: 50;
        background: #111;
        margin: 0px;
        border: 0px;
    } */
 /* Hide Your Posts link from top bar / menu */
/*     [title="Your Posts"] {
        display: none;
    } */
    
    /* Light / White / Day / Bright Mode Theme */
    body{
        color: black;
        background-color: white;
    }
    .content,
    #contentRight,
    #botThumbSFW_content,
    .inner, 
    .f,
    .title,
    .comX,
    .contentTitle,
    .contentTopLinks {
        background-color: white !important;
    }
    .contentTitle {
        text-align: center !important;
        padding-top: 20px !important;
        padding-left: 0px !important;
        font-size: 30px !important;
    }
    .tit {
        color: grey !important;
    }
    .com {
/*         background-color: white; */
/*         background-color: rgb(245,245,245) !important; */
        background-color: rgb(250,250,250); 
        border-bottom: 1px solid rgb(225,225,225) !important;
        border-right: 1px solid rgb(225,225,225) !important;
    }
    .selected {
        background-color: rgb(108, 202, 255) !important;
    }
    .xo {
        border-top: 1px solid rgb(225,225,225);
/*         background: url('https://i.ibb.co/dGWrX1p/20blue.png') 0 0 repeat-y; */
/*         background: url('https://i.ibb.co/jkyJHQY/20blue2.png') 0 0 repeat-y; */
        background: url('https://i.ibb.co/7gShBFB/20blue2px.png') 0 0 repeat-y;
    }
    .comParent {
        border-left: 1px solid rgb(225,225,225) !important;
    }
    #xo:hover {
        background-color: rgb(108, 202, 255) !important;
    }
    .editCom {
        background-color: rgb(235,235,235) !important;
        border: none !important;
    }
    .inner .com:hover,div#userCommentsList tr:hover,.xo_mp>div:hover{
        background-color: rgb(220,220,220) !important;
    }
    .commentNumber {
        color: rgb(75,75,75) !important;
    }
    .xo .com .t {
        color: black !important;
    }
    .uName,
    .anonId {
        color: rgb(62, 79, 89) !important;
    }
    #topUserbar {
        background-color: rgb(245,245,245) !important;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom: 0px;
    }
    .tMen,
    .comDeleted {
        color: grey;
        border: 0px;
    }
    .expandC {
        background-color: rgb(215,215,215) !important;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .expandC > div {
        background-color: rgb(0, 162, 255) !important;
        color: white;
        border: none;
    }
    .expandC > div:hover {
        background-color: rgb(255, 170, 0) !important;
        border: none;
    }
    .expandC:hover > div {
        background-color: rgb(255, 170, 0) !important;
        border: none;
    }
    .nbc,
    #sideFavAdd,
    #sideFavRemove,
    .cutoffComm {
        background-color: rgb(0, 162, 255);
        border: 0px;
        border-radius: 4px;
    }
    .cutoffComm:hover {
        background-color: rgb(62, 79, 89);
    }
    .cutOffC:hover .cutoffComm {
        background-color: rgb(62, 79, 89);
    }
    .nbc:hover,
    #sideFavAdd:hover,
    #sideFavRemove:hover {
/*         background-color: rgb(62, 79, 89) !important; */
        background-color: rgb(255, 170, 0) !important;
    }
    .contentTitle {
        color: rgb(0, 162, 255) !important;
    }
    .iqq.iqq_160x160 li a {
        border: 3px solid rgb(0, 162, 255);
    }
    .frontThumbText {
        color: rgb(62, 79, 89) !important;
    }
    .frontThumbText:hover,
    .thumbnail_link:hover,
    .bg_1:hover > .thumbnail_link > .frontThumbText {
        color: rgb(0, 162, 255) !important;
    }
    .plusButton {
        background-color: rgb(200,200,200) !important;
        border: none;
    }
    .plusButton:hover {
        background-color: rgb(0, 162, 255) !important;
        border: none;
    }
    .r .mbt {
        background-color: rgb(200,200,200) !important;
/*         background-color: red !important; */
        border: none !important;
        color: white;
        border-radius: 4px;
        padding-top: 2px;
        padding-right: 1px;
    }
    .r .mbt:hover {
        background-color: rgb(0, 162, 255) !important;
    }
    .bTinfo {
        background-color: rgb(0, 162, 255) !important;
        border: none;
        border-radius: 4px;
    }
    .cTi {
/*         color: rgb(225,225,225) !important; */
        color: white !important;
        margin-top: 2px !important;
    }
    .paginationSlider {
        background-color: rgb(0, 162, 255) !important;
    }
    .paginationSliderNext,
    .paginationSliderPrev {
        filter: hue-rotate(90deg);
        background-color: rgb(0, 255, 68) !important;
    }
    #footer {
        display: none;
    }
    .uploadBttn {
        background-color: rgb(0, 162, 255);
        border: none;
    }
    .uploadBttn:hover {
        background-color: rgb(62, 79, 89);
        border: none;
    }
    .seac input {
        background-color: rgb(175,175,175) !important;
    }
    .xo .spoilerImg span {
        color: rgb(62, 79, 89) !important;
    }
    #cFN, #cFP {
        color: white;
    }
    .newT,
    .chUpload,
    .blockChan_10958, 
    .subchan_10958,
    .ts1 {
        color: white;
    }
    #content-video {
        border-radius: 10px;
    }
    .volSl {
        border-radius: 10px;
    }
    .frontslide {
        border-radius: 10px;
    }
    .contentContainer {
        border-radius: 10px !important;
    }
    .thumbnail_link,
    .lzloaded {
        border-radius: 10px !important;
    }
    .addCommentLink, 
    #refreshCom,
    .capMe {
        backgrou...