textify-clone/tfc.css at master · ariser/textify-clone · 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
#canvasHidden {
    float: right;
}
#progressbar {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .2);
       -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .2);
            box-shadow: inset 0 0 3px rgba(0, 0, 0, .2);
    clear: both;
    display: none;
    height: 24px;
    margin: 15px;
    position: relative;
    width: 400px;
}
    #progressbar span {
        color: #000;
        font: 18px/24px Cailbri, Arial, Helvetica, sans-serif;
        height: 24px;
        left: 140px;
        position: absolute;
        top: 0;
        text-align: center;
        width: 120px;
        z-index: 1;
    }
    #progressBarVal {
        background: #2b6d95;
        -webkit-box-shadow: inset 0 12px 0 rgba(255, 255, 255, .3);
           -moz-box-shadow: inset 0 12px 0 rgba(255, 255, 255, .3);
                box-shadow: inset 0 12px 0 rgba(255, 255, 255, .3);
        height: 24px;
        overflow: hidden;
        position: relative;
        width: 0%;
        z-index: 2;
    }
        #progressBarVal span {
            color: #fff;
            z-index: 3;
        }