bitstream/styles.css at master · shaunm/bitstream · 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
main{
    background: rgba(0,0,0,0.9);
    color: white;
    font-family: 'PT Mono', monospace;
}
form{
    width: 33%;
    height: 25%;
    border: 4px dashed #fff;
}
form p{
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 170px;
    color: #ffffff;
}
form input{
    padding: 20%;
    width: 100%;
    height: 100%;
}
span.typed-cursor {
    display: none;
}
@media only screen and (max-width: 768px)  {
    form{
        width:100%!important;
        height:30vh!important;
    }

}
.block {
    width: 6vh;
    height: 6vh;
    background-color: white;
    position: relative;
    -webkit-animation-name: stream; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: stream;
    animation-duration: 4s;
    animation-iteration-count: infinite;

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes stream {
    0%   {background-color:#FFF; left:0%; top:0%}
    25%  {background-color:#F44336; left:25%; top:0%;}
    50%  {background-color:#FFEB3B; left:50%; top:0%;}
    75%  {background-color:#2196F3; left:75%; top:0%;}
    100% {background-color:#FFFF; left:100%; top:0%;}
}

/* Standard syntax */
@keyframes stream {
    0%   {background-color:#FFF; left:0%; top:0%}
    25%  {background-color:#F44336; left:25%; top:0%;}
    50%  {background-color:#FFEB3B; left:50%; top:0%;}
    75%  {background-color:#2196F3; left:75%; top:0%;}
    100% {background-color:#FFFF; left:100%; top:0%;}
}
.clippy {
    margin-top: -3px;
    position: relative;
    top: 3px;
}