git ssb

1
html,
2
body {
3
    display: block;
4
    height: 100%;
5
    min-height: 400px;
6
    width: 100%;
7
    padding: 0px;
8
    margin: 0px;
9
    font-family: 'input_mono_regular';
10
    text-transform: uppercase;
11
}
12
13
section {
14
    position: relative;
15
    top: 50%;
16
    margin: 0px auto;
17
    user-select: none;
18
    -webkit-user-select: none;
19
    -ms-user-select: none;
20
    -webkit-transform: translateY(-50%);
21
    -ms-transform: translateY(-50%);
22
    transform: translateY(-50%);
23
    text-align: center;
24
}
25
26
.month { margin: 10px; display: inline-block; width:100px; height: 130px; }
27
.header { margin: 0px 10px 40px 10px; text-align: left; align-content: flex-start;}
28
.footer { margin: 20px 10px 0px 10px; text-align: left; height: 20px; }
29
30
p  { margin: 0px; }
31
32
.y { font-size: 40px; font-weight: bold; }
33
.y a { text-align: center; color: #000; width: 30px; display: inline-block; margin-left: 10px;}
34
.y a:hover { color: #ffffff; background: #000; cursor: pointer;}
35
.p { font-size: 20px; color: #8b8b8b}
36
37
.m { font-size: 20px; font-weight: bold; margin-bottom: 5px; text-align: left; }
38
39
svg.graph { color:white; width: 100%; height: 100px; }
40
svg.graph text {font-family: 'input_mono_regular'; stroke:none; fill:#8b8b8b; font-size:14px; text-anchor: middle; }
41
svg.graph text.dayLabel { font-size: 10px; }
42
svg.graph rect { stroke:none; }
43
svg.graph rect:hover { fill: #ff1e00 !important; cursor:pointer}
44
svg.graph rect.null { fill: none; stroke: none;}
45
svg.graph rect.today { fill:#ff1e00; }
46
svg.graph rect.day { fill:#8b8b8b; }
47
svg.graph rect.weekend { fill:#747474 }
48
svg.graph rect.gone { fill:#000000 }
49
svg.graph path { stroke-linecap: butt; stroke-dasharray: 1,1; fill:none; stroke:#333; stroke-width:13px }
50
51
@media only screen and (min-width: 1440px)
52
{ section { width: 1440px; }}
53
54
@media only screen and (max-width: 1440px)
55
{ section { width: 720px; }}
56
57
@media only screen and (max-width: 720px)
58
{ section { width: 360px; }}