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
94
95
96
97
98
99
|
div#osdmain {
font-family : 'Ubuntu', sans-serif;
font-weight : 400;
position : relative;
z-index : 505;
background : url(osd-bg.png) top center repeat-x rgba(0,0,0,0.8);
width : 100%;
height : 25%;
top : 75%;
bottom : 0%;
left : 0%;
color : #FFF;
border-radius : 0 30px 0 30px;
overflow : hidden;
}
div#osdnr {
font-size : 40px;
padding : 40px 0;
font-weight : 700;
color : #feb900;
position : absolute;
width : 8%;
height : 100%;
left : 0%;
top : 0%;
text-align : center;
border-right: 1px solid #111;
background : rgba(0,0,0,0.3);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div#osdname {
font-size : 22px;
font-weight : 700;
position : absolute;
width : 60%;
height : 25%;
left : 10%;
top : 15%;
border-bottom: 1px solid #111;
}
div#osdtimer {
color : #feb900;
position : absolute;
width : auto;
text-align : center;
left : 10%;
top : 45%;
border-radius : 10px;
-webkit-border-radius: 10px;
background : rgba(0,0,0,0.2);
padding : 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div#osdepg {
position : absolute;
width : 50%;
height : 55%;
left : 20%;
top : 45%;
line-height : 28px;
}
div#osdtime {
font-size : 18px;
color : #FFF;
position : absolute;
width : 27%;
height : 25%;
right : 3%;
top : 15%;
text-align : right;
border-bottom: 1px solid #111;
}
div#osdca {
color : #999;
position : absolute;
width : auto;
right : 3%;
top : 45%;
text-align : right;
border-radius : 10px;
-webkit-border-radius: 10px;
background : rgba(0,0,0,0.2);
padding : 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
|
