PokeTraq/poketraq.css at master · ZDBioHazard/PokeTraq · 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
html, body, #map {
    margin: 0;
    padding: 0;

    width: 100vw;
    height: 100vh;

    font-size: 12pt;
    line-height: 1.25em;
}
a { text-decoration: none; }

/* About dialog. */
#about-dialog, #zone-warning-dialog { display: none; }

.modal-content #about-dialog,
.modal-content #zone-warning-dialog { display: block; }

.modal-content h1,
#zone-warning-dialog {
    text-align: center;
    margin-bottom: 0.15em;
}
.modal-content p.subtitle {
    font-style: italic;
    text-align: center;
    border-top: 1px solid black;
    padding: 0 1em;
}
.modal-content img.demo {
    display: block;
    margin: auto;
    max-width: 100%;
    border: 1px solid black;
}
.about-bottom p {
    text-align: center;
}
#donate {
    background: linear-gradient(to bottom, #FD9 0%,#FB1 100%);
    border: 2px outset #FA2;
    border-radius: 8px;

    display: table;
    margin: auto;
    padding: 0.5em 1em;

    font-weight: bold;
    font-style: italic;
    color: #369;

    cursor: pointer;
}

/* Use FontAwesome icons as map markers. */
.leaflet-marker-icon.fa {
    font-size: 0.5in !important;
    margin: -0.25in 0 0 -0.25in !important;
    width: 0.5in !important;
    height: 0.5in !important;
    line-height: 0.5in !important;
    text-align: center !important;
}

/* Icon colors. */
.fa-times-circle-o { color: #C00; }
.fa-check-circle-o { color: #0A0; }
.fa-question-circle-o { color: #00A; }
.fa-arrow-circle-o-down { color: #00A; }
.fa-exclamation { color: #A20; }

/* Make some buttons bigger so they can
 * be more  easily pressed on tiny phones. */
.modal .close {
    color: #A00;
    font-size: 32px;
    opacity: 1.0;
}
.easy-button-container .easy-button-button {
    min-width: 0.5in;
    min-height: 0.5in;
    font-size: 0.4in;
    padding: 0.04in;
}

/* Color disabled buttons to make them
 * look like they are activated. */
.easy-button-button.disabled {
    pointer-events: auto !important;
    opacity: 1.0 !important;
}
.easy-button-button.near-active.disabled { background-color: #AFA; }
.easy-button-button.far-active.disabled { background-color: #FBB; }