0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

update css

Browse source
This commit is contained in:
rlx 2011-10-16 12:46:27 +00:00
parent 95f3d536ec
commit c6816dc433
2 changed files with 19 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
source/Ox.UI/js/List/Ox.InfoList.js
View file

@ -70,8 +70,8 @@ Ox.InfoList = function(options, self) {
.css({
float: 'left',
width: '132px',
height: '194px',
margin: '2px',
height: '192px',
margin: '4px 2px 4px 2px',
//background: 'blue'
})
.append(
@ -109,7 +109,7 @@ Ox.InfoList = function(options, self) {
$item = Ox.Element()
.css({
width: getItemWidth() - 8 + 'px',
height: 192 + 'px',
height: 196 + 'px',
margin: '4px',
//background: 'red'
})

23
source/Ox.UI/themes/classic/css/classic.css
View file

@ -339,47 +339,56 @@ Lists
================================================================================
*/
.OxThemeClassic .OxIconList .OxItem img.OxLoading {
.OxThemeClassic .OxIconList .OxItem > .OxIcon > img.OxLoading,
.OxThemeClassic .OxInfoList .OxItem .OxIcon > img.OxLoading {
border-color: rgb(208, 208, 208);
background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224));
background: -o-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224));
background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224));
}
.OxThemeClassic .OxIconList .OxItem.OxSelected > .OxIcon > img,
.OxThemeClassic .OxIconList .OxItem.OxSelected > .OxIcon > .OxVideoPlayer {
.OxThemeClassic .OxIconList .OxItem.OxSelected > .OxIcon > .OxVideoPlayer,
.OxThemeClassic .OxInfoList .OxItem.OxSelected .OxIcon > img,
.OxThemeClassic .OxInfoList .OxItem.OxSelected .OxIcon > .OxVideoPlayer {
border-color: rgb(192, 192, 192);
-moz-box-shadow: 0 0 4px rgba(192, 192, 192, 1);
-o-box-shadow: 0 0 4px rgba(192, 192, 192, 1);
-webkit-box-shadow: 0 0 4px rgba(192, 192, 192, 1);
}
.OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxIcon > img,
.OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxIcon > .OxVideoPlayer {
.OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxIcon > .OxVideoPlayer,
.OxThemeClassic .OxInfoList.OxFocus .OxItem.OxSelected .OxIcon > img,
.OxThemeClassic .OxInfoList.OxFocus .OxItem.OxSelected .OxIcon > .OxVideoPlayer {
border-color: rgb(128, 128, 128);
-moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
-o-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
-webkit-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
}
.OxThemeClassic .OxIconList .OxItem > .OxText > div {
.OxThemeClassic .OxIconList .OxItem > .OxText > div,
.OxThemeClassic .OxInfoList .OxItem .OxText > div {
text-shadow: rgb(255, 255, 255) -1px -1px 0,
rgb(255, 255, 255) -1px 1px 0,
rgb(255, 255, 255) 1px -1px 0,
rgb(255, 255, 255) 1px 1px 0;
}
.OxThemeClassic .OxIconList .OxItem.OxSelected > .OxText > div {
.OxThemeClassic .OxIconList .OxItem.OxSelected > .OxText > div,
.OxThemeClassic .OxInfoList .OxItem.OxSelected .OxText > div {
border-color: rgb(192, 192, 192);
background: rgba(192, 192, 192, 0.5);
-moz-box-shadow: 0 0 4px rgba(192, 192, 192, 1);
-o-box-shadow: 0 0 4px rgba(192, 192, 192, 1);
-webkit-box-shadow: 0 0 4px rgba(192, 192, 192, 1);
}
.OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxText > div {
.OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxText > div,
.OxThemeClassic .OxInfoList.OxFocus .OxItem.OxSelected .OxText > div {
border-color: rgb(128, 128, 128);
background: rgba(128, 128, 128, 0.5);
-moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
-moz-o-shadow: 0 0 4px rgba(128, 128, 128, 1);
-webkit-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
}
.OxThemeClassic .OxIconList .OxItem > .OxText > div > .OxInfo {
.OxThemeClassic .OxIconList .OxItem > .OxText > div > .OxInfo,
.OxThemeClassic .OxIconList .OxItem .OxText > div > .OxInfo {
color: rgb(128, 128, 128);
}