Style the weekend slideSwitch in calendar toolbar

This commit is contained in:
Hadi Nategh 2016-01-11 09:27:04 +00:00
parent f93ca28702
commit 7325f4e8c7

View File

@ -1008,7 +1008,29 @@ img.calendar_print_button, img.calendar_print_appicon {
padding-right: 3px;
}
#calendar-sidebox_buttons .sideboxstar .slideSwitch_container {
width: 36px;
height: 13px;
/*weekend slideSwitch in toolbar*/
#calendar-toolbar_toolbar .et2_checkbox_slideSwitch .slideSwitch_container{
width: 65px;
height: 16px;
border-radius: 0;
border: none;
background-color: #FFFFFF;
box-shadow: inset 0 2px 6px rgb(71, 71, 71), 0 1px 0 rgba(255, 255, 255, 0.2);
margin:0;
}
#calendar-toolbar_toolbar .et2_checkbox_slideSwitch .slideSwitch_container a{
background-color: #515151;
border:none;
}
#calendar-toolbar_toolbar .et2_toolbar_actionlist span.et2_checkbox_slideSwitch {
padding-right: 0;
}
#calendar-toolbar_toolbar span.et2_checkbox_slideSwitch > span.slideSwitch_container > span:first-child {
color: #C0C0C0;
}
#calendar-toolbar_toolbar span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container > span:first-child{
color: white;
}
#calendar-toolbar_toolbar span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container> span:nth-child(2) {
color:#C0C0C0;
}