diff --git a/etemplate/templates/default/etemplate2.css b/etemplate/templates/default/etemplate2.css index dde937786d..4c6faf9909 100644 --- a/etemplate/templates/default/etemplate2.css +++ b/etemplate/templates/default/etemplate2.css @@ -1691,30 +1691,30 @@ span.et2_checkbox_slideSwitch { vertical-align: middle; } span.et2_checkbox_slideSwitch > span.slideSwitch_container { - height: 18px; - border: none; - background-color: #FFFFFF; + 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: 0; - min-width:44px; + margin: 0px; + min-width: 44px; display: block; position: relative; - border-radius: 3px; + border-radius: 2px; padding: 3px 0px 3px 0px; - font-size: 12 px; + font-size: 12px; } span.et2_checkbox_slideSwitch > span.slideSwitch_container > span:first-child { width: 50%; - display: inline-block; + display: inline-block; text-align: center; - text-align: -webkit-center; + text-align: -webkit-center; text-align: -moz-center; position: absolute; left:0; z-index: 6; font-weight: bold; color:#C0C0C0; - top:5px; + top: 5px; } span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container > span:first-child { color:#FAFAFA; @@ -1742,29 +1742,31 @@ span.et2_checkbox_slideSwitch > span.slideSwitch_container a { z-index: 4; display: block; width: 50%; - height: 95%; + height: 100%; padding-bottom: 0px; background-color: #7B7B7B; border-radius: 3px; -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; - position: absolute; - z-index: 7; - width: 100%; - height: 100%; + position: absolute; + z-index: 7; + width: 100%; + height: 100%; } span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container a { right:50%; } /* Slide switch in a toolbar */ .et2_toolbar_actionlist span.et2_checkbox_slideSwitch { - padding-right: 3px; - padding-left: 1px; vertical-align: bottom; + margin: 1px; + margin-right: 3px; + border-radius: 3px; } .et2_toolbar_more span.et2_checkbox_slideSwitch { text-align: left;