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({ .css({
float: 'left', float: 'left',
width: '132px', width: '132px',
height: '194px', height: '192px',
margin: '2px', margin: '4px 2px 4px 2px',
//background: 'blue' //background: 'blue'
}) })
.append( .append(
@ -109,7 +109,7 @@ Ox.InfoList = function(options, self) {
$item = Ox.Element() $item = Ox.Element()
.css({ .css({
width: getItemWidth() - 8 + 'px', width: getItemWidth() - 8 + 'px',
height: 192 + 'px', height: 196 + 'px',
margin: '4px', margin: '4px',
//background: 'red' //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); border-color: rgb(208, 208, 208);
background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224)); 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: -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)); background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224));
} }
.OxThemeClassic .OxIconList .OxItem.OxSelected > .OxIcon > img, .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); border-color: rgb(192, 192, 192);
-moz-box-shadow: 0 0 4px rgba(192, 192, 192, 1); -moz-box-shadow: 0 0 4px rgba(192, 192, 192, 1);
-o-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); -webkit-box-shadow: 0 0 4px rgba(192, 192, 192, 1);
} }
.OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxIcon > img, .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); border-color: rgb(128, 128, 128);
-moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1); -moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
-o-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); -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, 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, 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); border-color: rgb(192, 192, 192);
background: rgba(192, 192, 192, 0.5); background: rgba(192, 192, 192, 0.5);
-moz-box-shadow: 0 0 4px rgba(192, 192, 192, 1); -moz-box-shadow: 0 0 4px rgba(192, 192, 192, 1);
-o-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); -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); border-color: rgb(128, 128, 128);
background: rgba(128, 128, 128, 0.5); background: rgba(128, 128, 128, 0.5);
-moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1); -moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
-moz-o-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); -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); color: rgb(128, 128, 128);
} }