update video form element css

This commit is contained in:
rlx 2011-11-04 15:13:51 +00:00
parent 3e20910993
commit e2c2eeed43
4 changed files with 34 additions and 21 deletions

View file

@ -85,8 +85,8 @@ k<v k v < is less than (number)
k!<v k v !< is not less than (number) k!<v k v !< is not less than (number)
k>v k v > is more than (number) k>v k v > is more than (number)
k!>v k v !> is not more than (number) k!>v k v !> is not more than (number)
k=v:w k [v,w] - is between (number), is (string) k=v:w k [v,w] = is between (number), contains (string or text)
k!=v:w k [v,w] !- is not between (number), is not (string) k!=v:w k [v,w] != is not between (number), does not contain (string or text)
All parts of the URL can be omitted, as long as the order is preserved. All parts of the URL can be omitted, as long as the order is preserved.

View file

@ -531,7 +531,7 @@ Ox.VideoEditor = function(options, self) {
} }
}) })
.appendTo(self.$videobar); .appendTo(self.$videobar);
self.$findInput.find('input').css({background: 'rgb(48, 48, 48)'}); //self.$findInput.find('input').css({background: 'rgb(48, 48, 48)'});
self.$findButton = Ox.Button({ self.$findButton = Ox.Button({
//disabled: true, //disabled: true,

View file

@ -674,9 +674,14 @@ Video
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5));
} }
.OxThemeClassic .OxVideoPlayer input.OxInput { .OxThemeClassic .OxVideoPlayer input.OxInput {
background-image: -moz-linear-gradient(top, rgba(176, 176, 176, 1), rgba(224, 224, 224, 1)); background-image: -moz-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(224, 224, 224, 0.75));
background-image: -o-linear-gradient(top, rgba(176, 176, 176, 1), rgba(224, 224, 224, 1)); background-image: -o-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(224, 224, 224, 0.75));
background-image: -webkit-linear-gradient(top, rgba(176, 176, 176, 1), rgba(224, 224, 224, 1)); background-image: -webkit-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(224, 224, 224, 0.75));
}
.OxThemeClassic .OxVideoPlayer .OxFind input.OxInput {
background-image: -moz-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(255, 255, 255, 0.75));
background-image: -o-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(255, 255, 255, 0.75));
background-image: -webkit-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(255, 255, 255, 0.75));
} }
.OxThemeClassic .OxVideoPlayer .OxResolution > div { .OxThemeClassic .OxVideoPlayer .OxResolution > div {
background: rgba(224, 224, 224, 0.5); background: rgba(224, 224, 224, 0.5);
@ -692,19 +697,19 @@ Video
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5));
} }
.OxThemeClassic .OxVideoPlayer .OxVolume .OxRange .OxTrack { .OxThemeClassic .OxVideoPlayer .OxVolume .OxRange .OxTrack {
background-image: -moz-linear-gradient(top, rgba(192, 192, 192, 0.5), rgba(255, 255, 255, 0.5)); background-image: -moz-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(255, 255, 255, 0.75));
background-image: -o-linear-gradient(top, rgba(192, 192, 192, 0.5), rgba(255, 255, 255, 0.5)); background-image: -o-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(255, 255, 255, 0.75));
background-image: -webkit-linear-gradient(top, rgba(192, 192, 192, 0.5), rgba(255, 255, 255, 0.5)); background-image: -webkit-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(255, 255, 255, 0.75));
} }
.OxThemeClassic .OxVideoPlayer .OxVolume .OxRange .OxThumb { .OxThemeClassic .OxVideoPlayer .OxVolume .OxRange .OxThumb {
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(192, 192, 192, 0.75));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(192, 192, 192, 0.75));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(192, 192, 192, 0.75));
} }
.OxThemeClassic .OxVideoPlayer .OxVolume .OxRange .OxThumb:active { .OxThemeClassic .OxVideoPlayer .OxVolume .OxRange .OxThumb:active {
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(192, 192, 192, 1));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgba(192, 192, 192, 1));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1), rgba(192, 192, 192, 1));
} }
/* /*

View file

@ -669,10 +669,18 @@ Video
background-image: -o-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5)); background-image: -o-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
background-image: -webkit-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5)); background-image: -webkit-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
} }
.OxThemeModern .OxVideoPlayer div.OxInput {
background: transparent;
}
.OxThemeModern .OxVideoPlayer input.OxInput { .OxThemeModern .OxVideoPlayer input.OxInput {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(64, 64, 64, 0.5)); background-image: -moz-linear-gradient(top, rgba(32, 32, 32, 0.75), rgba(64, 64, 64, 0.75));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(64, 64, 64, 0.5)); background-image: -o-linear-gradient(top, rgba(32, 32, 32, 0.75), rgba(64, 64, 64, 0.75));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 1), rgba(32, 32, 32, 1)); background-image: -webkit-linear-gradient(top, rgba(32, 32, 32, 0.75), rgba(64, 64, 64, 0.75));
}
.OxThemeModern .OxVideoPlayer .OxFind input.OxInput {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75), rgba(64, 64, 64, 0.75));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.75), rgba(64, 64, 64, 0.75));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75), rgba(64, 64, 64, 0.75));
} }
.OxThemeModern .OxVideoPlayer .OxResolution > div { .OxThemeModern .OxVideoPlayer .OxResolution > div {
background: rgba(32, 32, 32, 0.5); background: rgba(32, 32, 32, 0.5);
@ -690,17 +698,17 @@ Video
.OxThemeModern .OxVideoPlayer .OxVolume .OxRange .OxTrack { .OxThemeModern .OxVideoPlayer .OxVolume .OxRange .OxTrack {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(64, 64, 64, 0.5)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(64, 64, 64, 0.5));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(64, 64, 64, 0.5)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(64, 64, 64, 0.5));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(64, 64, 64, 0.5)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75), rgba(64, 64, 64, 0.75));
} }
.OxThemeModern .OxVideoPlayer .OxVolume .OxRange .OxThumb { .OxThemeModern .OxVideoPlayer .OxVolume .OxRange .OxThumb {
background-image: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5)); background-image: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
background-image: -o-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5)); background-image: -o-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
background-image: -webkit-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5)); background-image: -webkit-linear-gradient(top, rgba(64, 64, 64, 0.75), rgba(0, 0, 0, 0.75));
} }
.OxThemeModern .OxVideoPlayer .OxVolume .OxRange .OxThumb:active { .OxThemeModern .OxVideoPlayer .OxVolume .OxRange .OxThumb:active {
background-image: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5)); background-image: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
background-image: -o-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5)); background-image: -o-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
background-image: -webkit-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5)); background-image: -webkit-linear-gradient(top, rgba(64, 64, 64, 1), rgba(0, 0, 0, 1));
} }