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 15:55:45 +01:00
parent 141ae9866d
commit f4c80f1141
1 changed files with 19 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -12,7 +12,7 @@ body.$themeClass {
background-color: $bodyBackground; background-color: $bodyBackground;
} }
.$themeClass a { .$themeClass a {
color: $linkColor; color: $bodyLinkColor;
} }
.$themeClass div { .$themeClass div {
color: $bodyColor; color: $bodyColor;
@ -307,7 +307,7 @@ Forms
.$themeClass .OxButton:focus { .$themeClass .OxButton:focus {
-moz-box-shadow: 0 0 2px $formelementFocusShadow; -moz-box-shadow: 0 0 2px $formelementFocusShadow;
-o-box-shadow: 0 0 2px $formelementFocusShadow; -o-box-shadow: 0 0 2px $formelementFocusShadow;
-webkit-box-shadow: 0 2 4px $formelementFocusShadow; -webkit-box-shadow: 0 0 2px $formelementFocusShadow;
} }
.$themeClass .OxButton.OxDisabled { .$themeClass .OxButton.OxDisabled {
background-image: -moz-linear-gradient(top, $buttonDisabledGradient); background-image: -moz-linear-gradient(top, $buttonDisabledGradient);
@ -372,9 +372,10 @@ Forms
color: $inputErrorColor; color: $inputErrorColor;
} }
.$themeClass .OxInput:focus { .$themeClass .OxInput:focus {
//border: 1px solid rgb(160, 160, 160); border-color: $inputFocusBorder;
//-moz-box-shadow: 0 0 2px rgb(128, 128, 128); -moz-box-shadow: inset 0 0 2px $inputFocusShadow;
//-webkit-box-shadow: 0 0 2px rgb(128, 128, 128); -o-box-shadow: inset 0 0 2px $inputFocusShadow;
-webkit-box-shadow: inset 0 0 2px $inputFocusShadow;
} }
.$themeClass div.OxInput.OxFocus, .$themeClass div.OxInput.OxFocus,
.$themeClass .OxSelect.OxFocus { .$themeClass .OxSelect.OxFocus {
@ -404,15 +405,15 @@ Forms
} }
.$themeClass .OxLabelSelect > .OxTitle { .$themeClass .OxLabelSelect > .OxTitle {
border-color: rgb(176, 176, 176); border-color: $formelementBorder;
background-image: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -moz-linear-gradient(top, $buttonGradient);
background-image: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -o-linear-gradient(top, $buttonGradient);
background-image: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -webkit-linear-gradient(top, $buttonGradient);
} }
.$themeClass .OxLabelSelect.OxSelected > .OxTitle { .$themeClass .OxLabelSelect.OxSelected > .OxTitle {
background-image: -moz-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); background-image: -moz-linear-gradient(top, $buttonSelectedGradient);
background-image: -o-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); background-image: -o-linear-gradient(top, $buttonSelectedGradient);
background-image: -webkit-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); background-image: -webkit-linear-gradient(top, $buttonSelectedGradient);
} }
.$themeClass .OxFileInput > .OxBar, .$themeClass .OxFileInput > .OxBar,
@ -539,7 +540,7 @@ Lists
background-color: $bodyBackground; background-color: $bodyBackground;
} }
.$themeClass .OxTableList .OxItem .OxCell { .$themeClass .OxTableList .OxItem .OxCell {
border-right-color: $listItemBorder; //border-right-color: $listItemBorder;
} }
.$themeClass .OxCustomList .OxItem:nth-child(odd), .$themeClass .OxCustomList .OxItem:nth-child(odd),
.$themeClass .OxTableList .OxItem:nth-child(odd) { .$themeClass .OxTableList .OxItem:nth-child(odd) {
@ -606,7 +607,7 @@ Lists
border-color: $listHeadBorder; border-color: $listHeadBorder;
} }
.$themeClass .OxTableList .OxBody .OxItem .OxCell { .$themeClass .OxTableList .OxBody .OxItem .OxCell {
border-color: $listCellBorder; border-color: $listItemBorder;
} }
.$themeClass .OxTableList .OxItem.OxSelected .OxCell { .$themeClass .OxTableList .OxItem.OxSelected .OxCell {
border-color: $listItemSelectedBorder; border-color: $listItemSelectedBorder;
@ -618,7 +619,7 @@ Lists
color: $listItemFocusSelectedColor; color: $listItemFocusSelectedColor;
} }
.$themeClass .OxTableList .OxBody .OxItem .OxLine { .$themeClass .OxTableList .OxBody .OxItem .OxLine {
background-color: $listCellBorder; background-color: $listItemBorder;
} }
@ -669,8 +670,10 @@ Menus
.$themeClass .OxMenu .OxTop { .$themeClass .OxMenu .OxTop {
background-color: $menuBackground; background-color: $menuBackground;
} }
.$themeClass .OxMenu .OxLine {
background-color: $menuBorder;
}
.$themeClass .OxMenu .OxItem.OxSelected, .$themeClass .OxMenu .OxItem.OxSelected,
.$themeClass .OxMenu .OxLine,
.$themeClass .OxMenu .OxScrollbar.OxSelected { .$themeClass .OxMenu .OxScrollbar.OxSelected {
background-image: -moz-linear-gradient(top, $menuSelectedGradient); background-image: -moz-linear-gradient(top, $menuSelectedGradient);
background-image: -o-linear-gradient(top, $menuSelectedGradient); background-image: -o-linear-gradient(top, $menuSelectedGradient);