Made a "user style" to increase forum contrast and available space

[aramil]

posted mine in one of the other threads but it makes sense to put it here

Spoiler

@-moz-document domain("forum.kerbalspaceprogram.com"){

    DIV{
        font-family: Verdana;
    }
    body {
    background-color: #b3bfcc;
    color: #525252;
    font-size: 13px;
    height: 100%;
    line-height: 18px;
}
.ipsAreaBackground_light {
    background: #e4e6e7 none repeat scroll 0 0;
}
    .ipsBox:not(.ipsBox_transparent):not(.ipsModerated) {
    background-color: #fff;
}
    .ipsComment_author{
        background-color: #a3bfdc;
    }
    #ipsLayout_contentWrapper {
    background-color: #dbe2f0;
    width: 100%;
}
    .ipsBreadcrumb.ipsBreadcrumb_top {
    background: #dbe2f0 none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    margin: 0 20px 15px;
    padding: 12px 0;
}
    DIV.ipsComment_meta.ipsType_light{
        color: white;
        background-color: #7D9CB0;   
        position: relative;
        right: 15px;
        font-weight: bold;
    }
    LI.ipsPagination_pageJump > *{
        font-weight: bold !important;  
}   
    P.ipsType_reset{
        position: relative;
        right: -5px;
    }
    
    A.ipsFaded.ipsFaded_more, .fa.fa-share-alt:hover{
        color: white;
    }
    
    SPAN.ipsResponsive_hidePhone.ipsResponsive_inline:hover{
        color: yellow;
    }
    
    UL.cAuthorPane_info.ipsList_reset, LI.ipsType_light{
        color: white;
        font-weight: bold;
    }
    
    A.ipsRepBadge.ipsRepBadge_positive{
        color: blue !important;
    }
    .ipsBox {
    border-color: #a3bfdc;
    border-style: solid;
    border-width: 0;
}
    .ipsAreaBackground {
    background: #a3bfdc none repeat scroll 0 0;
}
    #ipsLayout_mainArea, #ipsLayout_sidebar {
    background: #dbe2f0 none repeat scroll 0 0;
    box-sizing: border-box;
    display: table-cell;
    height: 100%;
        vertical-align: top;}
    DIV.ipsType_richText>P {
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
}
DIV.ipsType_normal.ipsType_richText {
    line-height: 1.5;
}

	/* navbar tab corner nitpicking */

	.ipsNavBar_primary > ul > li > a {

		border-radius: 2px 2px 0 0;

	}

}
}

 

 

Edited December 3, 2015 by aramil

[pincushionman]

I don't really understand what's going on here. Do I add this to my profile somehow, or is it a browser extension?

[KrazyKrl]

1 hour ago, pincushionman said:

I don't really understand what's going on here. Do I add this to my profile somehow, or is it a browser extension?

 

This is a stylish userscript. It is essentially an add-on to your webbrowser that lets you change some display aspects of the webpage. This is non-invasive, and cannot (in most cases) be used for malware. The userscript itself is the "config file" to tell the Stylish addon what to do with the webpage.

You need the browser addon "Stylish" for your browser. (Firefox: https://addons.mozilla.org/en-us/firefox/addon/stylish/) (Chrome: https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en )

Edited December 4, 2015 by KrazyKrl

[lukeoftheaura]

Thanks! modded this for a "Dark" forum theme!

[Corovaneer]

Thanks a lot! The new forum was near-unusable for me.