← Back to branch summary

~ya-bo-ng/ubuntu-online-tour/13.10

« back to all changes in this revision

Viewing changes to 13.04/12.04/css/movieplayer.css

  • Committer: Anthony Dillon
  • Date: 2013-10-02 09:35:39 UTC
  • Revision ID: anthony.dillon@canonical.com-20131002093539-ewxr0tx9oi85ppoi
Inishal setup of the 13.10 version of the tour

Show diffs side-by-side

added added

removed removed

Lines of Context:
13.04/12.04/css/movieplayer.css
 
1
/* 
 
2
 *  Movie Player CSS
 
3
 *   author: Anthony Dillon
 
4
 */
 
5
 
 
6
#movieplayer{
 
7
        width:700px;
 
8
        left: 317px; 
 
9
        top: 57px;
 
10
        font-size:15px;
 
11
        display:none;
 
12
}
 
13
 
 
14
#movieplayer .container{
 
15
        background-color: #000000;
 
16
        height:100%;
 
17
}
 
18
 
 
19
#movieplayer .container .video{
 
20
        background:url(../img/movieplayer/splash.jpg) no-repeat scroll center center #000;
 
21
        width:100%;
 
22
        height: 494px;
 
23
        margin-top: 5px;
 
24
}
 
25
 
 
26
#movieplayer .container .tools{
 
27
        height:80px;
 
28
        width:100%;
 
29
}
 
30
 
 
31
#movieplayer .container .tools .controlbuttons{
 
32
        margin: 5px 10px;
 
33
}
 
34
 
 
35
#movieplayer .container .tools .controlbuttons .right{
 
36
        float:right;
 
37
}
 
38
 
 
39
#movieplayer .container .tools .controlbuttons .left{
 
40
        float:left;
 
41
}
 
42
 
 
43
#movieplayer .container .tools .controlbuttons .left div{
 
44
        height:36px;
 
45
        width:36px;
 
46
        overflow:hidden;
 
47
        float:left;
 
48
}
 
49
 
 
50
#movieplayer .container .tools .controlbuttons .left .rewind{
 
51
        background:url(../img/movieplayer/rewind.jpg) no-repeat;
 
52
}
 
53
 
 
54
#movieplayer .container .tools .controlbuttons .left .play{
 
55
        background:url(../img/movieplayer/play.jpg) no-repeat;
 
56
}
 
57
 
 
58
#movieplayer .container .tools .controlbuttons .left .forward{
 
59
        background:url(../img/movieplayer/forward.jpg) no-repeat;
 
60
}
 
61
 
 
62
#movieplayer .container .tools .controlbuttons .left .fullscreen{
 
63
        background:url(../img/movieplayer/fullscreen.jpg) no-repeat;
 
64
}
 
65
 
 
66
#movieplayer .container .tools .controlbuttons .right .volume{
 
67
        height:36px;
 
68
        width:36px;
 
69
        overflow:hidden;
 
70
        background:url(../img/movieplayer/volume.jpg) no-repeat;
 
71
        float:right;
 
72
}
 
73
 
 
74
#movieplayer .container .tools .controlbuttons .active:hover{
 
75
        background-position: 0px -36px;
 
76
}
 
77
 
 
78
 
 
79
#movieplayer .container .tools .time{
 
80
        height: 20px;
 
81
        margin:10px;
 
82
}
 
83
 
 
84
#movieplayer.fullsize .control{
 
85
        margin-top: 0px;
 
86
}
 
87
 
 
88
#movieplayer .container .tools .time p{
 
89
        float:left;
 
90
        margin: 9px 0px;
 
91
}
 
92
 
 
93
#movieplayer .container .tools .time .timeslider{
 
94
        float:left;
 
95
}
 
96
 
 
97
#movieplayer .container .tools .time .slider{
 
98
        width:438px;
 
99
        float:left;
 
100
        margin-top:15px;
 
101
}
 
102
 
 
103
 
 
104
#movieplayer .container .tools .time .slider-active{
 
105
        -moz-border-radius:5px 5px 5px 5px;
 
106
        -webkit-border-radius:5px 5px 5px 5px;
 
107
        border-radius:5px 5px 5px 5px;
 
108
        background:#dd4814;
 
109
        height: 3px;
 
110
    margin-left: 15px;
 
111
    margin-top: 17px;
 
112
    position: relative;
 
113
   width: 53px;
 
114
   z-index:1;
 
115
}
 
116
 
 
117
#movieplayer .container .tools .time .slider .ui-slider-handle{
 
118
        z-index:2;
 
119
}
 
120