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;
        }
    }
}