Signboard/styles.css at main · a0ax/Signboard · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
        @font-face { font-family: Signboard; src: url(assets/signboard_font.TTF); }
        body { background-color: #121213; }
        h1 {
            text-align: center;
            font-family: Signboard;
            font-size: 14vw;
            margin-top: 3vh;
            margin-bottom: 1vh;
            color: #FFFFFF;
            font-weight: bold;
        }
        .signboard {
            background-image: url("assets/signboard_upscaled.png");
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            position: relative;
            margin-left: auto;
            margin-right: auto;
            text-align: left;
            width: 90vw;
            height: 57.14vw;
        }
        .t {
            background-color: transparent;
            border: none;
            font-family: Signboard;
            color: #ECBC26;
            font-size: 17.8vw;
            width: 100%;
            position: absolute;
            left: 0.8%;
            text-shadow: 0px 0px 2vh #ff8c00;
            white-space: pre;
        }
        #line1 { top: 4.5%; }
        #line2 { top: 36%; }
        #line3 { bottom: 0.2%; }
        #line1Copy { left: 1.1%; top: 4.5%; visibility: hidden; }
        #line2Copy { left: 1.1%; top: 36%; visibility: hidden; }
        #line3Copy { left: 1.1%; bottom: 1.1%; visibility: hidden; }
        .button {
            display: block;
            margin-left: auto;
            margin-right: auto;
            padding: 1vh;
            padding-bottom: 0.5vh;
            margin-top: 3vh;
            background-color: #262627;
            border-radius: 0.7vw;
            border-color: #262627;
            color: #FFFFFF;
            font-family: Signboard;
            font-size: 6vh;
        }
        @media (min-width: 768px) {
            h1 { font-size: 5vw; }
            .signboard { width: 45vw; height: 27.067vw; }
            .t { font-size: 8.9vw; left: 1%; }
            #line1 { top: 2%; }
            #line2 { top: 35.5%; }
            #line3 { bottom: -2.5%; }
            #line1Copy { top: 2% }
            #line2Copy { top: 35.5% }
            #line3Copy { bottom: -2% }
        }