diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css index a97fbc04b6..4a1a28d181 100644 --- a/api/templates/default/etemplate2.css +++ b/api/templates/default/etemplate2.css @@ -2071,12 +2071,11 @@ span.et2_checkbox_slideSwitch { position: relative; display: inline-block; vertical-align: middle; + border: 1px solid silver; } span.et2_checkbox_slideSwitch > span.slideSwitch_container { height: 16px; - border: 1px solid silver; background-color: #FFF; - box-shadow: inset 0 2px 6px rgb(71, 71, 71), 0 1px 0 rgba(255, 255, 255, 0.2); margin: 0px; min-width: 44px; display: block; @@ -2096,7 +2095,7 @@ span.et2_checkbox_slideSwitch > span.slideSwitch_container > span:first-child { font-weight: bold; color:#C0C0C0; - top: 5px; + top: 4px; } span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container > span:first-child { color:#FAFAFA; @@ -2117,7 +2116,7 @@ span.et2_checkbox_slideSwitch > span.slideSwitch_container> span:nth-child(2) { left:50%; font-weight: bold; color:#FAFAFA; - top:5px; + top:4px; } span.et2_checkbox_slideSwitch > span.slideSwitch_container a { position: absolute; @@ -2133,7 +2132,6 @@ span.et2_checkbox_slideSwitch > span.slideSwitch_container a { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; - box-shadow: grey -1px 0px 3px 0px; } span.et2_checkbox_slideSwitch > input { opacity: 0; diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index 0dee721a02..3c4c3c56d9 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -1049,6 +1049,14 @@ background-size: 20px 20px; background-position: center; } + /*#################################### ET2 SLIDESWITCH #####################################################*/ + span.et2_checkbox_slideSwitch:hover { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + border: 1px solid gray; + } + span.et2_checkbox_slideSwitch > span.slideSwitch_container { + background-color: #fafafa; + } /*#################################### ADMIN PART #####################################################*/ iframe#admin-index_iframe { background-color: yellow; diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 0041ecb2ab..c2c47d49a1 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -1038,6 +1038,14 @@ background-size: 20px 20px; background-position: center; } + /*#################################### ET2 SLIDESWITCH #####################################################*/ + span.et2_checkbox_slideSwitch:hover { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + border: 1px solid gray; + } + span.et2_checkbox_slideSwitch > span.slideSwitch_container { + background-color: #fafafa; + } /*#################################### ADMIN PART #####################################################*/ iframe#admin-index_iframe { background-color: yellow; diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less index 3ecfadfd79..1b903e1d1f 100755 --- a/pixelegg/less/etemplate2.less +++ b/pixelegg/less/etemplate2.less @@ -1021,6 +1021,12 @@ ul.et2_nowrap, div.et2_nowrap{ background-position: center; } +/*#################################### ET2 SLIDESWITCH #####################################################*/ +span.et2_checkbox_slideSwitch:hover { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + border: 1px solid gray; +} +span.et2_checkbox_slideSwitch > span.slideSwitch_container {background-color: #fafafa;} /*#################################### ADMIN PART #####################################################*/ diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 372b1059e9..e947668999 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -1060,6 +1060,14 @@ background-size: 20px 20px; background-position: center; } + /*#################################### ET2 SLIDESWITCH #####################################################*/ + span.et2_checkbox_slideSwitch:hover { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + border: 1px solid gray; + } + span.et2_checkbox_slideSwitch > span.slideSwitch_container { + background-color: #fafafa; + } /*#################################### ADMIN PART #####################################################*/ iframe#admin-index_iframe { background-color: yellow; @@ -8062,8 +8070,14 @@ form[id^="tracker-"] .dialogHeadbar { } body span.et2_checkbox_slideSwitch { height: 50px; + border: none; + padding-right: 10px; vertical-align: bottom; } + body span.et2_checkbox_slideSwitch:hover { + border: none; + box-shadow: none; + } body span.et2_checkbox_slideSwitch input { height: 100% !important; } diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less index f1249380f2..c62e919d5f 100644 --- a/pixelegg/mobile/fw_mobile.less +++ b/pixelegg/mobile/fw_mobile.less @@ -1159,6 +1159,9 @@ /***************************************/ span.et2_checkbox_slideSwitch { height: 50px; + border: none; + padding-right:10px; + &:hover{border:none;box-shadow: none;} vertical-align: bottom; input { height: 100% !important;