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

update theme css

Browse source
This commit is contained in:
rolux 2012-12-29 13:58:04 +01:00
parent 8f4b90e7e3
commit 8bc189c471
1 changed files with 23 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
source/Ox.UI/css/theme.css
View file

@ -29,6 +29,12 @@ body.$themeClass {
.$themeClass .OxLight { .$themeClass .OxLight {
color: $bodyLightColor; color: $bodyLightColor;
} }
.$themeClass .OxSelected .OxLight {
color: $bodySelectedLightColor;
}
.$themeClass .OxFocus .OxSelected .OxLight {
color: $bodyFocusSelectedLightColor;
}
.$themeClass .OxGrid { .$themeClass .OxGrid {
background-color: $gridGradient[0]; background-color: $gridGradient[0];
background-image: background-image:
@ -482,6 +488,7 @@ Lists
background-image: -moz-linear-gradient(top, $listIconLabelSelectedGradient); background-image: -moz-linear-gradient(top, $listIconLabelSelectedGradient);
background-image: -o-linear-gradient(top, $listIconLabelSelectedGradient); background-image: -o-linear-gradient(top, $listIconLabelSelectedGradient);
background-image: -webkit-linear-gradient(top, $listIconLabelSelectedGradient); background-image: -webkit-linear-gradient(top, $listIconLabelSelectedGradient);
color: $listItemSelectedColor;
text-shadow: $listIconTextSelectedShadow -1px -1px 0, text-shadow: $listIconTextSelectedShadow -1px -1px 0,
$listIconTextSelectedShadow -1px 1px 0, $listIconTextSelectedShadow -1px 1px 0,
$listIconTextSelectedShadow 1px -1px 0, $listIconTextSelectedShadow 1px -1px 0,
@ -496,6 +503,7 @@ Lists
background-image: -moz-linear-gradient(top, $listIconLabelFocusSelectedGradient); background-image: -moz-linear-gradient(top, $listIconLabelFocusSelectedGradient);
background-image: -o-linear-gradient(top, $listIconLabelFocusSelectedGradient); background-image: -o-linear-gradient(top, $listIconLabelFocusSelectedGradient);
background-image: -webkit-linear-gradient(top, $listIconLabelFocusSelectedGradient); background-image: -webkit-linear-gradient(top, $listIconLabelFocusSelectedGradient);
color: $listItemFocusSelectedColor;
text-shadow: $listIconTextFocusSelectedShadow -1px -1px 0, text-shadow: $listIconTextFocusSelectedShadow -1px -1px 0,
$listIconTextFocusSelectedShadow -1px 1px 0, $listIconTextFocusSelectedShadow -1px 1px 0,
$listIconTextFocusSelectedShadow 1px -1px 0, $listIconTextFocusSelectedShadow 1px -1px 0,
@ -508,6 +516,14 @@ Lists
.$themeClass .OxInfoList .OxItem .OxText > div > .OxInfo { .$themeClass .OxInfoList .OxItem .OxText > div > .OxInfo {
color: $bodyLightColor; color: $bodyLightColor;
} }
.$themeClass .OxIconList .OxItem.OxSelected > .OxText > div > .OxInfo,
.$themeClass .OxInfoList .OxItem.OxSelected .OxText > div > .OxInfo {
color: $bodySelectedLightColor;
}
.$themeClass .OxIconList.OxFocus .OxItem.OxSelected > .OxText > div > .OxInfo,
.$themeClass .OxInfoList.OxFocus .OxItem.OxSelected .OxText > div > .OxInfo {
color: $bodyFocusSelectedLightColor;
}
.$themeClass .OxInfoList .OxItem.OxSelected .OxInfoElement .OxIcon > img, .$themeClass .OxInfoList .OxItem.OxSelected .OxInfoElement .OxIcon > img,
.$themeClass .OxInfoList .OxItem.OxSelected .OxInfoElement .OxIcon .OxVideoPlayer, .$themeClass .OxInfoList .OxItem.OxSelected .OxInfoElement .OxIcon .OxVideoPlayer,
.$themeClass .OxInfoList .OxItem.OxSelected .OxInfoElement .OxText > div { .$themeClass .OxInfoList .OxItem.OxSelected .OxInfoElement .OxText > div {
@ -550,12 +566,14 @@ Lists
background-image: -webkit-linear-gradient(top, $listItemSelectedEvenGradient); background-image: -webkit-linear-gradient(top, $listItemSelectedEvenGradient);
} }
.$themeClass .OxCustomList .OxFocus .OxItem.OxSelected:nth-child(odd), .$themeClass .OxCustomList .OxFocus .OxItem.OxSelected:nth-child(odd),
.$themeClass .OxTableList.OxFocus .OxItem.OxSelected:nth-child(odd),
.$themeClass .OxTableList .OxFocus .OxItem.OxSelected:nth-child(odd) { .$themeClass .OxTableList .OxFocus .OxItem.OxSelected:nth-child(odd) {
background-image: -moz-linear-gradient(top, $listItemFocusSelectedOddGradient); background-image: -moz-linear-gradient(top, $listItemFocusSelectedOddGradient);
background-image: -o-linear-gradient(top, $listItemFocusSelectedOddGradient); background-image: -o-linear-gradient(top, $listItemFocusSelectedOddGradient);
background-image: -webkit-linear-gradient(top, $listItemFocusSelectedOddGradient); background-image: -webkit-linear-gradient(top, $listItemFocusSelectedOddGradient);
} }
.$themeClass .OxCustomList .OxFocus .OxItem.OxSelected:nth-child(even), .$themeClass .OxCustomList .OxFocus .OxItem.OxSelected:nth-child(even),
.$themeClass .OxTableList.OxFocus .OxItem.OxSelected:nth-child(even),
.$themeClass .OxTableList .OxFocus .OxItem.OxSelected:nth-child(even) { .$themeClass .OxTableList .OxFocus .OxItem.OxSelected:nth-child(even) {
background-image: -moz-linear-gradient(top, $listItemFocusSelectedEvenGradient); background-image: -moz-linear-gradient(top, $listItemFocusSelectedEvenGradient);
background-image: -o-linear-gradient(top, $listItemFocusSelectedEvenGradient); background-image: -o-linear-gradient(top, $listItemFocusSelectedEvenGradient);
@ -573,12 +591,12 @@ Lists
} }
.$themeClass .OxTableList .OxHead .OxSelected { .$themeClass .OxTableList .OxHead .OxSelected {
background-image: -moz-linear-gradient(top, $barSelectedGradient); background-image: -moz-linear-gradient(top, $listHeadSelectedGradient);
background-image: -o-linear-gradient(top, $barSelectedGradient); background-image: -o-linear-gradient(top, $listHeadSelectedGradient);
background-image: -webkit-linear-gradient(top, $barSelectedGradient); background-image: -webkit-linear-gradient(top, $listHeadSelectedGradient);
} }
.$themeClass .OxTableList .OxHead .OxSelected .OxTitle { .$themeClass .OxTableList .OxHead .OxSelected .OxTitle {
color: $barSelectedColor; color: $listHeadSelectedColor;
} }
.$themeClass .OxTableList .OxHead .OxResize .OxCenter { .$themeClass .OxTableList .OxHead .OxResize .OxCenter {
background-color: $listHeadBorder; background-color: $listHeadBorder;
@ -594,6 +612,7 @@ Lists
border-color: $listItemSelectedBorder; border-color: $listItemSelectedBorder;
color: $listItemSelectedColor; color: $listItemSelectedColor;
} }
.$themeClass .OxTableList.OxFocus .OxItem.OxSelected .OxCell,
.$themeClass .OxTableList .OxFocus .OxItem.OxSelected .OxCell { .$themeClass .OxTableList .OxFocus .OxItem.OxSelected .OxCell {
border-color: $listItemFocusSelectedBorder; border-color: $listItemFocusSelectedBorder;
color: $listItemFocusSelectedColor; color: $listItemFocusSelectedColor;