← Back to branch summary

~cm-t/ubuntu-fr-tour/ubuntu-fr-tour

« back to all changes in this revision

Viewing changes to 13.04/css/movieplayer.css

  • Committer: cm-t arudy
  • Date: 2013-10-22 01:24:09 UTC
  • Revision ID: arudy@ubuntu-fr.org-20131022012409-3dmo4i9u4ufohe5f
First Fr push to 13.10
Fixed many icons (updated to new version or fixed graphic)
Added Cloud indicator
Added Keyboard uindicator
Fixed many layout to fit Fr string

Show diffs side-by-side

added added

removed removed

Lines of Context:
13.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
 
}
24
 
 
25
 
#movieplayer .container .tools{
26
 
        height:80px;
27
 
        width:100%;
28
 
}
29
 
 
30
 
#movieplayer .container .tools .controlbuttons{
31
 
        margin: 5px 10px;
32
 
}
33
 
 
34
 
#movieplayer .container .tools .controlbuttons .right{
35
 
        float:right;
36
 
}
37
 
 
38
 
#movieplayer .container .tools .controlbuttons .left{
39
 
        float:left;
40
 
}
41
 
 
42
 
#movieplayer .container .tools .controlbuttons .left div{
43
 
        height:36px;
44
 
        width:36px;
45
 
        overflow:hidden;
46
 
        float:left;
47
 
}
48
 
 
49
 
#movieplayer .container .tools .controlbuttons .left .rewind{
50
 
        background:url(../img/movieplayer/rewind.jpg) no-repeat;
51
 
}
52
 
 
53
 
#movieplayer .container .tools .controlbuttons .left .play{
54
 
        background:url(../img/movieplayer/play.jpg) no-repeat;
55
 
}
56
 
 
57
 
#movieplayer .container .tools .controlbuttons .left .forward{
58
 
        background:url(../img/movieplayer/forward.jpg) no-repeat;
59
 
}
60
 
 
61
 
#movieplayer .container .tools .controlbuttons .left .fullscreen{
62
 
        background:url(../img/movieplayer/fullscreen.jpg) no-repeat;
63
 
}
64
 
 
65
 
#movieplayer .container .tools .controlbuttons .right .volume{
66
 
        height:36px;
67
 
        width:36px;
68
 
        overflow:hidden;
69
 
        background:url(../img/movieplayer/volume.jpg) no-repeat;
70
 
        float:right;
71
 
}
72
 
 
73
 
#movieplayer .container .tools .controlbuttons .active:hover{
74
 
        background-position: 0px -36px;
75
 
}
76
 
 
77
 
 
78
 
#movieplayer .container .tools .time{
79
 
        height: 20px;
80
 
        margin:10px;
81
 
}
82
 
 
83
 
#movieplayer.fullsize .control{
84
 
        margin-top: 0px;
85
 
}
86
 
 
87
 
#movieplayer .container .tools .time p{
88
 
        float:left;
89
 
        margin: 9px 0px;
90
 
}
91
 
 
92
 
#movieplayer .container .tools .time .timeslider{
93
 
        float:left;
94
 
}
95
 
 
96
 
#movieplayer .container .tools .time .slider{
97
 
        width:438px;
98
 
        float:left;
99
 
        margin-top:15px;
100
 
}
101
 
 
102
 
 
103
 
#movieplayer .container .tools .time .slider-active{
104
 
        -moz-border-radius:5px 5px 5px 5px;
105
 
        -webkit-border-radius:5px 5px 5px 5px;
106
 
        border-radius:5px 5px 5px 5px;
107
 
        background:#dd4814;
108
 
        height: 3px;
109
 
    margin-left: 15px;
110
 
    margin-top: 17px;
111
 
    position: relative;
112
 
   width: 53px;
113
 
   z-index:1;
114
 
}
115
 
 
116
 
#movieplayer .container .tools .time .slider .ui-slider-handle{
117
 
        z-index:2;
118
 
}
119