git ssb

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