aufruf-winter.less 2.01 KB
Newer Older
1 2
/* Winter-Spendenaufruf */

Karl Hasselbring's avatar
Karl Hasselbring committed
3 4 5 6 7 8
@base-aufruf-winter-color: #ab2121;
@base-aufruf-winter-border-color: #953535;
@base-aufruf-winter-btn-color: white;
@base-aufruf-winter-btn-hover-background-color: #bd0d0d;
//
@aufruf-winter-a-normal-or-visited: @base-aufruf-winter-color;
9 10
@aufruf-winter-aufruf-action-btn-color: @base-aufruf-winter-btn-color !important;
@aufruf-winter-aufruf-action-btn-background-color: @base-aufruf-winter-color !important;
Karl Hasselbring's avatar
Karl Hasselbring committed
11
@aufruf-winter-aufruf-action-btn-border-color: @base-aufruf-winter-border-color;
12
@aufruf-winter-aufruf-action-btn-hover-background-color: @base-aufruf-winter-btn-hover-background-color  !important;
Karl Hasselbring's avatar
Karl Hasselbring committed
13
@aufruf-winter-aufruf-action-btn-hover-border-color: @base-aufruf-winter-border-color;
14
@aufruf-winter-quicktip-border-color: @base-aufruf-winter-color !important;
15 16 17
.aufruf-winter {
    h1 {
        font-size: 32px;
18
        @media(max-width: @screen-medium) {
19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
            .aufruf-winter h1 {
                font-size: 27px;
            }
        }
    }
    a,
    a:visited {
        color: @aufruf-winter-a-normal-or-visited;
    }
    .aufruf-action-btn {
        color: @aufruf-winter-aufruf-action-btn-color;
        background-color: @aufruf-winter-aufruf-action-btn-background-color;
        border-color: @aufruf-winter-aufruf-action-btn-border-color;
    }
    .aufruf-action-btn:hover {
        background-color: @aufruf-winter-aufruf-action-btn-hover-background-color;
        border-color: @aufruf-winter-aufruf-action-btn-hover-border-color;
    }
37
    &#main-content {
38 39 40 41
        background-image: url("/img/snowflake.svg");
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 100px 100px;
42
        @media(max-width: @screen-small) {
43 44
            background-size: 60px 60px;
        }
45
        @media(min-width: @screen-medium) {
46 47 48 49 50 51
            width: 940px;
        }
    }
    &.quicktip {
        border-left: 3px solid @aufruf-winter-quicktip-border-color;
    }
52
    @media(max-width: @screen-medium) {
53 54 55 56 57
        .lead {
            font-size: 18px;
        }
    }
}