From c6816dc433c747744dca6348bede7a5f43b26148 Mon Sep 17 00:00:00 2001
From: rlx <0x0073@0x2620.org>
Date: Sun, 16 Oct 2011 12:46:27 +0000
Subject: [PATCH] update css

---
 source/Ox.UI/js/List/Ox.InfoList.js         |  6 +++---
 source/Ox.UI/themes/classic/css/classic.css | 23 ++++++++++++++-------
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/source/Ox.UI/js/List/Ox.InfoList.js b/source/Ox.UI/js/List/Ox.InfoList.js
index 2a28fecb..d5c07e31 100644
--- a/source/Ox.UI/js/List/Ox.InfoList.js
+++ b/source/Ox.UI/js/List/Ox.InfoList.js
@@ -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'
                 })
diff --git a/source/Ox.UI/themes/classic/css/classic.css b/source/Ox.UI/themes/classic/css/classic.css
index 8fdc9a49..b26bf050 100644
--- a/source/Ox.UI/themes/classic/css/classic.css
+++ b/source/Ox.UI/themes/classic/css/classic.css
@@ -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);
 }