From 728fc69fb5537839a19ef2e69bd6427fd6996e5c Mon Sep 17 00:00:00 2001
From: rolux <rolux@rolux.org>
Date: Thu, 3 Jan 2013 16:27:17 +0100
Subject: [PATCH] fix css for icons inside info lists, also fixes #160 (icons
 of selected item lack loading style)

---
 source/Ox.UI/css/theme.css | 40 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 39 insertions(+), 1 deletion(-)

diff --git a/source/Ox.UI/css/theme.css b/source/Ox.UI/css/theme.css
index 2eeb2110..85587932 100644
--- a/source/Ox.UI/css/theme.css
+++ b/source/Ox.UI/css/theme.css
@@ -522,11 +522,30 @@ Lists
 .$themeClass .OxInfoList .OxItem.OxSelected .OxInfoElement .OxIcon .OxVideoPlayer,
 .$themeClass .OxInfoList .OxItem.OxSelected .OxInfoElement .OxText > div {
     border-color: transparent;
-    background-color: transparent;
+    background-image: none;
     -moz-box-shadow: 0 0 0 transparent;
     -o-box-shadow: 0 0 0 transparent;
     -webkit-box-shadow: 0 0 0 transparent;
 }
+.$themeClass .OxInfoList .OxItem.OxSelected .OxInfoElement .OxIcon > img,
+.$themeClass .OxInfoList .OxItem.OxSelected .OxInfoElement .OxIcon .OxVideoPlayer,
+.$themeClass .OxInfoList .OxItem.OxSelected .OxInfoElement .OxText > div,
+.$themeClass .OxInfoList.OxFocus .OxItem.OxSelected .OxInfoElement .OxIcon > img,
+.$themeClass .OxInfoList.OxFocus .OxItem.OxSelected .OxInfoElement .OxIcon .OxVideoPlayer,
+.$themeClass .OxInfoList.OxFocus .OxItem.OxSelected .OxInfoElement .OxText > div {
+    border-color: transparent;
+    background-image: none;
+    -moz-box-shadow: 0 0 0 transparent;
+    -o-box-shadow: 0 0 0 transparent;
+    -webkit-box-shadow: 0 0 0 transparent;
+}
+.$themeClass .OxInfoList .OxItem.OxSelected .OxInfoElement .OxIcon > img.OxLoading,
+.$themeClass .OxInfoList.OxFocus .OxItem.OxSelected .OxInfoElement .OxIcon > img.OxLoading {
+    border-color: $listIconLoadingBorder;
+    background-image: -moz-linear-gradient(top, $listIconLoadingGradient);
+    background-image: -o-linear-gradient(top, $listIconLoadingGradient);
+    background-image: -webkit-linear-gradient(top, $listIconLoadingGradient);
+}
 
 
 .$themeClass .OxTableList .OxContent {
@@ -725,6 +744,25 @@ Media
 .$themeClass .OxInfoList.OxMedia.OxFocus .OxItem.OxSelected .OxText > div > .OxInfo {
     color: $mediaListIconTextFocusSelectedLightColor;
 }
+.$themeClass .OxInfoList.OxMedia .OxItem.OxSelected .OxInfoElement .OxIcon > img,
+.$themeClass .OxInfoList.OxMedia .OxItem.OxSelected .OxInfoElement .OxIcon .OxVideoPlayer,
+.$themeClass .OxInfoList.OxMedia .OxItem.OxSelected .OxInfoElement .OxText > div,
+.$themeClass .OxInfoList.OxMedia.OxFocus .OxItem.OxSelected .OxInfoElement .OxIcon > img,
+.$themeClass .OxInfoList.OxMedia.OxFocus .OxItem.OxSelected .OxInfoElement .OxIcon .OxVideoPlayer,
+.$themeClass .OxInfoList.OxMedia.OxFocus .OxItem.OxSelected .OxInfoElement .OxText > div {
+    border-color: transparent;
+    background-image: none;
+    -moz-box-shadow: 0 0 0 transparent;
+    -o-box-shadow: 0 0 0 transparent;
+    -webkit-box-shadow: 0 0 0 transparent;
+}
+.$themeClass .OxInfoList.OxMedia .OxItem.OxSelected .OxInfoElement .OxIcon > img.OxLoading,
+.$themeClass .OxInfoList.OxMedia.OxFocus .OxItem.OxSelected .OxInfoElement .OxIcon > img.OxLoading {
+    border-color: $listIconLoadingBorder;
+    background-image: -moz-linear-gradient(top, $listIconLoadingGradient);
+    background-image: -o-linear-gradient(top, $listIconLoadingGradient);
+    background-image: -webkit-linear-gradient(top, $listIconLoadingGradient);
+}
 
 /*
 ================================================================================