fix box-shadow
This commit is contained in:
rolux
parent
a6d77425bc
commit
d043e335bd
1 changed files with 17 additions and 0 deletions
|
|
@ -218,6 +218,7 @@ Dialog
|
|||
*/
|
||||
|
||||
.$themeClass .OxDialog {
|
||||
box-shadow: 0 2px 8px $dialogShadow;
|
||||
-moz-box-shadow: 0 2px 8px $dialogShadow;
|
||||
-o-box-shadow: 0 2px 8px $dialogShadow;
|
||||
-webkit-box-shadow: 0 2px 8px $dialogShadow;
|
||||
|
|
@ -314,6 +315,7 @@ Forms
|
|||
background-image: -webkit-linear-gradient(top, $inputActiveGradient);
|
||||
}
|
||||
.$themeClass .OxButton:focus {
|
||||
box-shadow: 0 0 2px $formelementFocusShadow;
|
||||
-moz-box-shadow: 0 0 2px $formelementFocusShadow;
|
||||
-o-box-shadow: 0 0 2px $formelementFocusShadow;
|
||||
-webkit-box-shadow: 0 0 2px $formelementFocusShadow;
|
||||
|
|
@ -388,12 +390,14 @@ Forms
|
|||
}
|
||||
.$themeClass .OxInput:focus {
|
||||
border-color: $inputFocusBorder;
|
||||
box-shadow: inset 0 0 2px $inputFocusShadow;
|
||||
-moz-box-shadow: inset 0 0 2px $inputFocusShadow;
|
||||
-o-box-shadow: inset 0 0 2px $inputFocusShadow;
|
||||
-webkit-box-shadow: inset 0 0 2px $inputFocusShadow;
|
||||
}
|
||||
.$themeClass div.OxInput.OxFocus,
|
||||
.$themeClass .OxSelect.OxFocus {
|
||||
box-shadow: 0 0 2px $formelementFocusShadow;
|
||||
-moz-box-shadow: 0 0 2px $formelementFocusShadow;
|
||||
-o-box-shadow: 0 0 2px $formelementFocusShadow;
|
||||
-webkit-box-shadow: 0 0 2px $formelementFocusShadow;
|
||||
|
|
@ -461,6 +465,7 @@ Lists
|
|||
.$themeClass .OxInfoList .OxItem.OxSelected .OxIcon > img,
|
||||
.$themeClass .OxInfoList .OxItem.OxSelected .OxIcon > .OxVideoPlayer {
|
||||
border-color: $listIconSelectedBorder;
|
||||
box-shadow: 0 0 4px $listIconSelectedShadow;
|
||||
-moz-box-shadow: 0 0 4px $listIconSelectedShadow;
|
||||
-o-box-shadow: 0 0 4px $listIconSelectedShadow;
|
||||
-webkit-box-shadow: 0 0 4px $listIconSelectedShadow;
|
||||
|
|
@ -470,6 +475,7 @@ Lists
|
|||
.$themeClass .OxInfoList.OxFocus .OxItem.OxSelected .OxIcon > img,
|
||||
.$themeClass .OxInfoList.OxFocus .OxItem.OxSelected .OxIcon > .OxVideoPlayer {
|
||||
border-color: $listIconFocusSelectedBorder;
|
||||
box-shadow: 0 0 4px $listIconFocusSelectedShadow;
|
||||
-moz-box-shadow: 0 0 4px $listIconFocusSelectedShadow;
|
||||
-o-box-shadow: 0 0 4px $listIconFocusSelectedShadow;
|
||||
-webkit-box-shadow: 0 0 4px $listIconFocusSelectedShadow;
|
||||
|
|
@ -492,6 +498,7 @@ Lists
|
|||
$listIconTextSelectedShadow -1px 1px 0,
|
||||
$listIconTextSelectedShadow 1px -1px 0,
|
||||
$listIconTextSelectedShadow 1px 1px 0;
|
||||
box-shadow: 0 0 4px $listIconLabelSelectedShadow;
|
||||
-moz-box-shadow: 0 0 4px $listIconLabelSelectedShadow;
|
||||
-o-box-shadow: 0 0 4px $listIconLabelSelectedShadow;
|
||||
-webkit-box-shadow: 0 0 4px $listIconLabelSelectedShadow;
|
||||
|
|
@ -507,6 +514,7 @@ Lists
|
|||
$listIconTextFocusSelectedShadow -1px 1px 0,
|
||||
$listIconTextFocusSelectedShadow 1px -1px 0,
|
||||
$listIconTextFocusSelectedShadow 1px 1px 0;
|
||||
box-shadow: 0 0 4px $listIconLabelFocusSelectedShadow;
|
||||
-moz-box-shadow: 0 0 4px $listIconLabelFocusSelectedShadow;
|
||||
-o-box-shadow: 0 0 4px $listIconLabelFocusSelectedShadow;
|
||||
-webkit-box-shadow: 0 0 4px $listIconLabelFocusSelectedShadow;
|
||||
|
|
@ -528,6 +536,7 @@ Lists
|
|||
.$themeClass .OxInfoList .OxItem.OxSelected .OxInfoElement .OxText > div {
|
||||
border-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
-moz-box-shadow: 0 0 0 transparent;
|
||||
-o-box-shadow: 0 0 0 transparent;
|
||||
-webkit-box-shadow: 0 0 0 transparent;
|
||||
|
|
@ -540,6 +549,7 @@ Lists
|
|||
.$themeClass .OxInfoList.OxFocus .OxItem.OxSelected .OxInfoElement .OxText > div {
|
||||
border-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
-moz-box-shadow: 0 0 0 transparent;
|
||||
-o-box-shadow: 0 0 0 transparent;
|
||||
-webkit-box-shadow: 0 0 0 transparent;
|
||||
|
|
@ -686,6 +696,7 @@ Media
|
|||
.$themeClass .OxInfoList.OxMedia .OxItem.OxSelected .OxIcon > img,
|
||||
.$themeClass .OxInfoList.OxMedia .OxItem.OxSelected .OxIcon > .OxVideoPlayer {
|
||||
border-color: $mediaListIconSelectedBorder;
|
||||
box-shadow: 0 0 4px $mediaListIconSelectedShadow;
|
||||
-moz-box-shadow: 0 0 4px $mediaListIconSelectedShadow;
|
||||
-o-box-shadow: 0 0 4px $mediaListIconSelectedShadow;
|
||||
-webkit-box-shadow: 0 0 4px $mediaListIconSelectedShadow;
|
||||
|
|
@ -695,6 +706,7 @@ Media
|
|||
.$themeClass .OxInfoList.OxMedia.OxFocus .OxItem.OxSelected .OxIcon > img,
|
||||
.$themeClass .OxInfoList.OxMedia.OxFocus .OxItem.OxSelected .OxIcon > .OxVideoPlayer {
|
||||
border-color: $mediaListIconFocusSelectedBorder;
|
||||
box-shadow: 0 0 4px $mediaListIconFocusSelectedShadow;
|
||||
-moz-box-shadow: 0 0 4px $mediaListIconFocusSelectedShadow;
|
||||
-o-box-shadow: 0 0 4px $mediaListIconFocusSelectedShadow;
|
||||
-webkit-box-shadow: 0 0 4px $mediaListIconFocusSelectedShadow;
|
||||
|
|
@ -718,6 +730,7 @@ Media
|
|||
$mediaListIconTextSelectedShadow -1px 1px 0,
|
||||
$mediaListIconTextSelectedShadow 1px -1px 0,
|
||||
$mediaListIconTextSelectedShadow 1px 1px 0;
|
||||
box-shadow: 0 0 4px $mediaListIconLabelSelectedShadow;
|
||||
-moz-box-shadow: 0 0 4px $mediaListIconLabelSelectedShadow;
|
||||
-o-box-shadow: 0 0 4px $mediaListIconLabelSelectedShadow;
|
||||
-webkit-box-shadow: 0 0 4px $mediaListIconLabelSelectedShadow;
|
||||
|
|
@ -733,6 +746,7 @@ Media
|
|||
$mediaListIconTextFocusSelectedShadow -1px 1px 0,
|
||||
$mediaListIconTextFocusSelectedShadow 1px -1px 0,
|
||||
$mediaListIconTextFocusSelectedShadow 1px 1px 0;
|
||||
box-shadow: 0 0 4px $mediaListIconLabelFocusSelectedShadow;
|
||||
-moz-box-shadow: 0 0 4px $mediaListIconLabelFocusSelectedShadow;
|
||||
-o-box-shadow: 0 0 4px $mediaListIconLabelFocusSelectedShadow;
|
||||
-webkit-box-shadow: 0 0 4px $mediaListIconLabelFocusSelectedShadow;
|
||||
|
|
@ -757,6 +771,7 @@ Media
|
|||
.$themeClass .OxInfoList.OxMedia.OxFocus .OxItem.OxSelected .OxInfoElement .OxText > div {
|
||||
border-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
-moz-box-shadow: 0 0 0 transparent;
|
||||
-o-box-shadow: 0 0 0 transparent;
|
||||
-webkit-box-shadow: 0 0 0 transparent;
|
||||
|
|
@ -783,6 +798,7 @@ Menus
|
|||
}
|
||||
|
||||
.$themeClass .OxMenu {
|
||||
box-shadow: 0 2px 4px $menuShadow;
|
||||
-moz-box-shadow: 0 2px 4px $menuShadow;
|
||||
-o-box-shadow: 0 2px 4px $menuShadow;
|
||||
-webkit-box-shadow: 0 2px 4px $menuShadow;
|
||||
|
|
@ -1132,6 +1148,7 @@ Miscellaneous
|
|||
background-image: -o-linear-gradient(top, $tooltipGradient);
|
||||
background-image: -webkit-linear-gradient(top, $tooltipGradient);
|
||||
color: $tooltipColor;
|
||||
box-shadow: 2px 2px 4px $tooltipShadow;
|
||||
-moz-box-shadow: 2px 2px 4px $tooltipShadow;
|
||||
-o-box-shadow: 2px 2px 4px $tooltipShadow;
|
||||
-webkit-box-shadow: 2px 2px 4px $tooltipShadow;
|
||||
|
|
|
|||
Loading…
Reference in a new issue