sanj/oxjs
1
0
Fork 0
forked from 0x2620/oxjs
Code Pull requests Activity

update theme css and jsonc

Browse source
This commit is contained in:
rolux 2012-12-29 17:41:39 +01:00
commit 5fc14635a2
3 changed files with 151 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -47,6 +47,11 @@ body.$themeClass {
-webkit-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]),
-webkit-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]);
}
.$themeClass .OxReflection > div {
background-image: -moz-linear-gradient(top, $bodyReflectionGradient);
background-image: -o-linear-gradient(top, $bodyReflectionGradient);
background-image: -webkit-linear-gradient(top, $bodyReflectionGradient);
}
/*
================================================================================
@ -231,6 +236,11 @@ Dialog
.$themeClass .OxDialog .OxIconList .OxContent {
background-color: transparent;
}
.$themeClass .OxDialog .OxReflection > div {
background-image: -moz-linear-gradient(top, $dialogReflectionGradient);
background-image: -o-linear-gradient(top, $dialogReflectionGradient);
background-image: -webkit-linear-gradient(top, $dialogReflectionGradient);
}
.$themeClass .OxLayer {
background-color: $dialogLayerBackground;
@ -428,23 +438,6 @@ Forms
background-color: rgb(208, 208, 208);
}
/*
================================================================================
Images
================================================================================
*/
.$themeClass .OxReflection > div {
background-image: -moz-linear-gradient(top, $bodyReflectionGradient);
background-image: -o-linear-gradient(top, $bodyReflectionGradient);
background-image: -webkit-linear-gradient(top, $bodyReflectionGradient);
}
.$themeClass .OxDialog .OxReflection > div {
background-image: -moz-linear-gradient(top, $dialogReflectionGradient);
background-image: -o-linear-gradient(top, $dialogReflectionGradient);
background-image: -webkit-linear-gradient(top, $dialogReflectionGradient);
}
/*
================================================================================
Lists
@ -539,9 +532,6 @@ Lists
.$themeClass .OxTableList .OxContent {
background-color: $bodyBackground;
}
.$themeClass .OxTableList .OxItem .OxCell {
//border-right-color: $listItemBorder;
}
.$themeClass .OxCustomList .OxItem:nth-child(odd),
.$themeClass .OxTableList .OxItem:nth-child(odd) {
background-image: -moz-linear-gradient(top, $listItemOddGradient);
@ -645,6 +635,97 @@ Maps
border-bottom: 2px dotted $bodyWarningBorder;
}
/*
================================================================================
Media
================================================================================
*/
.$themeClass .OxMedia {
background-color: $mediaBackground;
}
.$themeClass .OxMedia .OxReflection > div {
background-image: -moz-linear-gradient(top, $mediaReflectionGradient);
background-image: -o-linear-gradient(top, $mediaReflectionGradient);
background-image: -webkit-linear-gradient(top, $mediaReflectionGradient);
}
.$themeClass .OxIconList.OxMedia .OxItem > .OxIcon > img.OxLoading,
.$themeClass .OxInfoList.OxMedia .OxItem .OxIcon > img.OxLoading {
border-color: $mediaListIconLoadingBorder;
background-image: -moz-linear-gradient(top, $mediaListIconLoadingGradient);
background-image: -o-linear-gradient(top, $mediaListIconLoadingGradient);
background-image: -webkit-linear-gradient(top, $mediaListIconLoadingGradient);
}
.$themeClass .OxIconList.OxMedia .OxItem.OxSelected > .OxIcon > img,
.$themeClass .OxIconList.OxMedia .OxItem.OxSelected > .OxIcon > .OxVideoPlayer,
.$themeClass .OxInfoList.OxMedia .OxItem.OxSelected .OxIcon > img,
.$themeClass .OxInfoList.OxMedia .OxItem.OxSelected .OxIcon > .OxVideoPlayer {
border-color: $mediaListIconSelectedBorder;
-moz-box-shadow: 0 0 4px $mediaListIconSelectedShadow;
-o-box-shadow: 0 0 4px $mediaListIconSelectedShadow;
-webkit-box-shadow: 0 0 4px $mediaListIconSelectedShadow;
}
.$themeClass .OxIconList.OxMedia.OxFocus .OxItem.OxSelected > .OxIcon > img,
.$themeClass .OxIconList.OxMedia.OxFocus .OxItem.OxSelected > .OxIcon > .OxVideoPlayer,
.$themeClass .OxInfoList.OxMedia.OxFocus .OxItem.OxSelected .OxIcon > img,
.$themeClass .OxInfoList.OxMedia.OxFocus .OxItem.OxSelected .OxIcon > .OxVideoPlayer {
border-color: $mediaListIconFocusSelectedBorder;
-moz-box-shadow: 0 0 4px $mediaListIconFocusSelectedShadow;
-o-box-shadow: 0 0 4px $mediaListIconFocusSelectedShadow;
-webkit-box-shadow: 0 0 4px $mediaListIconFocusSelectedShadow;
}
.$themeClass .OxIconList.OxMedia .OxItem > .OxText > div,
.$themeClass .OxInfoList.OxMedia .OxItem .OxText > div {
color: $mediaListIconTextColor;
text-shadow: $mediaListIconTextShadow -1px -1px 0,
$mediaListIconTextShadow -1px 1px 0,
$mediaListIconTextShadow 1px -1px 0,
$mediaListIconTextShadow 1px 1px 0;
}
.$themeClass .OxIconList.OxMedia .OxItem.OxSelected > .OxText > div,
.$themeClass .OxInfoList.OxMedia .OxItem.OxSelected .OxText > div {
border-color: $mediaListIconLabelSelectedBorder;
background-image: -moz-linear-gradient(top, $mediaListIconLabelSelectedGradient);
background-image: -o-linear-gradient(top, $mediaListIconLabelSelectedGradient);
background-image: -webkit-linear-gradient(top, $mediaListIconLabelSelectedGradient);
color: $mediaListIconTextSelectedColor;
text-shadow: $mediaListIconTextSelectedShadow -1px -1px 0,
$mediaListIconTextSelectedShadow -1px 1px 0,
$mediaListIconTextSelectedShadow 1px -1px 0,
$mediaListIconTextSelectedShadow 1px 1px 0;
-moz-box-shadow: 0 0 4px $mediaListIconLabelSelectedShadow;
-o-box-shadow: 0 0 4px $mediaListIconLabelSelectedShadow;
-webkit-box-shadow: 0 0 4px $mediaListIconLabelSelectedShadow;
}
.$themeClass .OxIconList.OxMedia.OxFocus .OxItem.OxSelected > .OxText > div,
.$themeClass .OxInfoList.OxMedia.OxFocus .OxItem.OxSelected .OxText > div {
border-color: $mediaListIconLabelFocusSelectedBorder;
background-image: -moz-linear-gradient(top, $mediaListIconLabelFocusSelectedGradient);
background-image: -o-linear-gradient(top, $mediaListIconLabelFocusSelectedGradient);
background-image: -webkit-linear-gradient(top, $mediaListIconLabelFocusSelectedGradient);
color: $mediaListIconTextFocusSelectedColor;
text-shadow: $mediaListIconTextFocusSelectedShadow -1px -1px 0,
$mediaListIconTextFocusSelectedShadow -1px 1px 0,
$mediaListIconTextFocusSelectedShadow 1px -1px 0,
$mediaListIconTextFocusSelectedShadow 1px 1px 0;
-moz-box-shadow: 0 0 4px $mediaListIconLabelFocusSelectedShadow;
-o-box-shadow: 0 0 4px $mediaListIconLabelFocusSelectedShadow;
-webkit-box-shadow: 0 0 4px $mediaListIconLabelFocusSelectedShadow;
}
.$themeClass .OxIconList.OxMedia .OxItem > .OxText > div > .OxInfo,
.$themeClass .OxInfoList.OxMedia .OxItem .OxText > div > .OxInfo {
color: $mediaListIconTextLightColor;
}
.$themeClass .OxIconList.OxMedia .OxItem.OxSelected > .OxText > div > .OxInfo,
.$themeClass .OxInfoList.OxMedia .OxItem.OxSelected .OxText > div > .OxInfo {
color: $mediaListIconTextSelectedLightColor;
}
.$themeClass .OxIconList.OxMedia.OxFocus .OxItem.OxSelected > .OxText > div > .OxInfo,
.$themeClass .OxInfoList.OxMedia.OxFocus .OxItem.OxSelected .OxText > div > .OxInfo {
color: $mediaListIconTextFocusSelectedLightColor;
}
/*
================================================================================
Menus