.cal .calbody p.day-num {font-size: 1.1em; text-align:right;}
.cal .calbody .abbr-day {display:none}
-.cal .calbody.odd p.day-num {color: #bbb;}
+.cal .calbody.this-month {background-color:#fff;}
+.cal .calbody.other-month {background-color:#f6f7f8;}
+.cal .calbody.other-month p.day-num {color: #bbb;}
.cal .calbody.today {background:#ffd;}
.cal .calbody.today p.day-num {font-weight: bold;}
.cal .calbody .icon {padding-top: 2px; padding-bottom: 3px;}
-.cal .calbody.nwday:not(.odd) {background-color:#f1f1f1;}
+.cal .calbody.nwday:not(.other-month) {background-color:#f1f1f1;}
p.cal.legend span {display:flex;}
.controller-calendars p.buttons {margin-top: unset;}
assert_select 'ul' do
assert_select 'li.week-number:nth-of-type(2)', :text => /53$/
- assert_select 'li.odd', :text => /^27/
- assert_select 'li.even', :text => /^2/
+ assert_select 'li.other-month', :text => /^27/
+ assert_select 'li.this-month', :text => /^2/
end
assert_select 'ul' do
assert_select 'li.week-number', :text => /1$/
- assert_select 'li.odd', :text => /^3/
- assert_select 'li.even', :text => /^9/
+ assert_select 'li.other-month', :text => /^3/
+ assert_select 'li.this-month', :text => /^9/
end
with_settings :start_of_week => 1 do
assert_select 'ul' do
assert_select 'li.week-number:nth-of-type(2)', :text => /53$/
- assert_select 'li.even', :text => /^28/
- assert_select 'li.even', :text => /^3/
+ assert_select 'li.this-month', :text => /^28/
+ assert_select 'li.this-month', :text => /^3/
end
assert_select 'ul' do
assert_select 'li.week-number', :text => /1$/
- assert_select 'li.even', :text => /^4/
- assert_select 'li.even', :text => /^10/
+ assert_select 'li.this-month', :text => /^4/
+ assert_select 'li.this-month', :text => /^10/
end
end