File: src/Motifs/paragonie/airship-classic/lens/cargo/motif_extra.twig

{% include next_cargo("motif_extra") ignore missing %}

{% if MOTIF['bridge']['gradient'] %}
.bridge-body-site-wrapper {
    background-image: -webkit-linear-gradient(
            top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.5) 100%
    ), -webkit-linear-gradient(
            top,
            rgba(255, 255, 255, 0.1) 0px,
            rgba(255, 255, 255, 0) 3rem
    ), -webkit-linear-gradient(
            left,
            rgba(255, 255, 255, 0.1) 0px,
            rgba(255, 255, 255, 0) 200px
    );
    background-image: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.5) 100%
    ), -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.1) 0px,
            rgba(255, 255, 255, 0) 3rem
    ), -moz-linear-gradient(
            left,
            rgba(255, 255, 255, 0.1) 0px,
            rgba(255, 255, 255, 0) 200px
    );
    background-image: -ms-linear-gradient(
            top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.5) 100%
    ), -ms-linear-gradient(
            top,
            rgba(255, 255, 255, 0.1) 0px,
            rgba(255, 255, 255, 0) 3rem
    ), -ms-linear-gradient(
            left,
            rgba(255, 255, 255, 0.1) 0px,
            rgba(255, 255, 255, 0) 200px
    );
    background-image: -o-linear-gradient(
            top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.5) 100%
    ), -o-linear-gradient(
            top,
            rgba(255, 255, 255, 0.1) 0px,
            rgba(255, 255, 255, 0) 3rem
    ), -o-linear-gradient(
            left,
            rgba(255, 255, 255, 0.1) 0px,
            rgba(255, 255, 255, 0) 200px
    );
    background-image: linear-gradient(
            top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.5) 100%
    ), linear-gradient(
            top,
            rgba(255, 255, 255, 0.1) 0px,
            rgba(255, 255, 255, 0) 3rem
    ), linear-gradient(
            left,
            rgba(255, 255, 255, 0.1) 0px,
            rgba(255, 255, 255, 0) 200px
    );
}
{% endif %}
{% if ACTIVE_CABIN == "Hull" %}
    {% if MOTIF['hull']['background']['enabled'] %}
        body {
        {% if MOTIF['hull']['background']['image'] %}
            background-image: url("{{ MOTIF['hull']['background']['image'] }}");
        {% endif %}
        {% if not MOTIF['hull']['background']['tile'] %}
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: top right;
        {% endif %}
        }
        #site-wrapper {
            {% if MOTIF['hull']['background']['shade'] %}
                background-color: rgba(
                    {{ MOTIF['hull']['background']['shade']['red'] }},
                    {{ MOTIF['hull']['background']['shade']['green'] }},
                    {{ MOTIF['hull']['background']['shade']['blue'] }},
                    {{ MOTIF['hull']['background']['shade']['alpha']
                        ? MOTIF['hull']['background']['shade']['alpha']
                        : 0
                    }}
                );
            {% endif %}
        }
    {% endif %}
    {% if MOTIF['hull']['blog-header']['enabled'] %}
        #blog-header {
            {% if MOTIF['hull']['blog-header']['background-image'] %}
                background-image: url("{{ MOTIF['hull']['blog-header']['background-image'] }}");
            {% endif %}
            color: rgb(
                {{ MOTIF['hull']['blog-header']['font']['red'] }},
                {{ MOTIF['hull']['blog-header']['font']['green'] }},
                {{ MOTIF['hull']['blog-header']['font']['blue'] }}
            );
        }
    {% endif %}
{% endif %}
{% if MOTIF['manual_css'] %}{{ MOTIF['manual_css']|raw }}{% endif %}