← Back to branch summary

~ubuntu-branches/ubuntu/raring/qtwebkit-source/raring-proposed

« back to all changes in this revision

Viewing changes to Source/WebCore/css/mediaControlsGtk.css

  • Committer: Package Import Robot
  • Author(s): Jonathan Riddell
  • Date: 2013-02-18 14:24:18 UTC
  • Revision ID: package-import@ubuntu.com-20130218142418-eon0jmjg3nj438uy
Tags: upstream-2.3
Import upstream version 2.3

Show diffs side-by-side

added added

removed removed

Lines of Context:
Source/WebCore/css/mediaControlsGtk.css
 
1
/*
 
2
 * WebKitGTK+ specific overrides for HTML5 media elements.
 
3
 *
 
4
 * Copyright (C) 2009 Zan Dobersek <zandobersek@gmail.com>
 
5
 *
 
6
 * This library is free software; you can redistribute it and/or
 
7
 * modify it under the terms of the GNU Library General Public
 
8
 * License as published by the Free Software Foundation; either
 
9
 * version 2 of the License, or (at your option) any later version.
 
10
 *
 
11
 * This library is distributed in the hope that it will be useful,
 
12
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
13
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 
14
 * Library General Public License for more details.
 
15
 *
 
16
 * You should have received a copy of the GNU Library General Public License
 
17
 * along with this library; see the file COPYING.LIB.  If not, write to
 
18
 * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
 
19
 * Boston, MA 02110-1301, USA.
 
20
 *
 
21
 */
 
22
 
 
23
audio {
 
24
    height: 20px;
 
25
    width: 300px;
 
26
}
 
27
 
 
28
audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
 
29
    -webkit-box-align: end;
 
30
    text-align: right;
 
31
    height: 100%;
 
32
}
 
33
 
 
34
audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
 
35
    width: 20px;
 
36
    height: 20px;
 
37
    position: relative;
 
38
    z-index: 2;
 
39
}
 
40
 
 
41
audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
 
42
    width: 20px;
 
43
    height: 20px;
 
44
}
 
45
 
 
46
audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
 
47
    height: 20px;
 
48
    border-left: 1px solid rgba(255, 255, 255, 0.2);
 
49
    border-right: 1px solid rgba(255, 255, 255, 0.2);
 
50
}
 
51
 
 
52
audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
 
53
    height: 20px;
 
54
}
 
55
 
 
56
audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {
 
57
    -webkit-appearance: media-current-time-display;
 
58
    -webkit-user-select: none;
 
59
    display: inline-block;
 
60
    height: 20px;
 
61
 
 
62
    padding: 5px;
 
63
 
 
64
    text-align: center;
 
65
    font-size: 10px;
 
66
}
 
67
 
 
68
audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button {
 
69
    width: 20px;
 
70
    height: 20px;
 
71
}
 
72
 
 
73
audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button {
 
74
    width: 20px;
 
75
    height: 20px;
 
76
}
 
77
 
 
78
audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
 
79
    width: 20px;
 
80
    height: 20px;
 
81
}
 
82
 
 
83
audio::-webkit-media-controls-volume-slider-container, video::-webkit-media-controls-volume-slider-container {
 
84
    -webkit-appearance: media-volume-slider-container;
 
85
    position: absolute;
 
86
    height: 100px;
 
87
    width: 20px;
 
88
    bottom: 20px;
 
89
    z-index: 1;
 
90
}
 
91
 
 
92
audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {
 
93
    -webkit-appearance: media-volume-slider;
 
94
    display: inline;
 
95
    position: absolute;
 
96
    width: 14px;
 
97
    height: 95px;
 
98
 
 
99
    left: 3px;
 
100
    top: 5px;
 
101
}