/* css for {{nick}} */

{% if css.color.background or css.color.text or css.color.navbg or css.color.navhoverbg or css.color.navactivebg or css.color.navfg or css.color.navhoverfg or css.color.navactivefg %}
/* rules generated from yaml css overrides section */
{% if css.color.background or css.color.text %}
body {
    {% if css.color.background %}
        background-color: {{css.color.background}};
    {% endif %} 
    {% if css.color.text %}
        color: {{css.color.text }};
    {% endif %}
}
{% endif %}
{% endif %}

{% if css.color.navbg or css.color.navfg or css.color.navborder %}
.navbar, .navbar-default,
.navbar .navbar-brand,
.navbar .navbar-nav li a {
    {% if css.color.navbg %}
    background-color: {{css.color.navbg}};
    {% endif %}
    {% if css.color.navborder %}
    border-color:     {{css.color.navborder}};
    {% elsif css.color.navbg %}
    border-color:     {{css.color.navbg}};
    {% endif %}
    {% if css.color.navfg %}
    color: {{css.color.navfg}};
    {% endif %}
}
{% endif %}
{% if css.color.navhoverfg %}
.navbar .navbar-brand:hover {
        color: {{css.color.navhoverfg}};
}
{% endif %}
{% if css.color.navhoverfg or css.color.navhoverbg or css.color.navhoverborder%}
.navbar .navbar-nav li a:hover {
{% if css.color.navhoverfg %}
    color: {{css.color.navhoverfg}};
{%endif %}
{% if css.color.navhoverborder %}
    border-color: {{css.color.navhoverborder}};
{% elsif css.color.navhoverbg %}
    border-color: {{css.color.navhoverbg}};
{% endif %}
{% if css.color.navhoverbg %}
    background-color: {{css.color.navhoverbg}};
{% endif %}
}
{% endif %}

{% if character.overrides.css.style %}
    /* user-defined custom rules */
{{css.style}}
{% endif %}