openhub.net - Fix bad styling by denilsonsa

/* ==UserStyle==
@name           openhub.net - Fix bad styling
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Tweaking the CSS to make it work as intended.
@author         Denilson
==/UserStyle== */

@-moz-document domain("openhub.net") {
    /*
    Let's fix this list/grid of icons. Goodbye hacky float.
    Sample URLs:
    https://www.openhub.net/accounts/denilsonsa
    https://www.openhub.net/accounts/denilsonsa/stacks
    */
    html .stacked_projects > a,
    html .well.piano[id^="stack"] > .clear > a {
        display: inline-block;
        vertical-align: middle;
    }
    html .stacked_projects > a > p,
    html .well.piano[id^="stack"] > .clear > a > p {
        /*
        HTML4 spec forbids having <p> elements inside <a> elements.
        I know it because I tried it in the early 2000s.
        I haven't checked the HTML5 spec.

        Even worse than <p> inside <a>, is having a lot of styles
        defined in their style="" attribute. Ugh.

        And worst of it all is to have this:
            * { box-sizing: border-box; }
        Disgusting.
        */
        float: none !important;

        /* Making the margins equivalent to the ".stacked_projects > a > img" */
        margin-top: 0 !important;
        margin-right: 0 !important;
        line-height: normal !important;
    }
}