.calendar-archives { position: relative; width: 100%; } .calendar-archives * { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } .calendar-archives a { text-decoration: none; } .calendar-archives .archives-years { position: relative; overflow: hidden; } .calendar-archives .cal-nav { position: relative; width: 100%; height: 30px; background: #e05d22; /* Old browsers */ background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */ background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */ border: none; border-bottom: 3px solid #b93207; border-radius: 2px; color: #fff; display: inline-block; text-decoration: none; margin-bottom: 3px; } .calendar-archives .cal-nav * { line-height: 30px; text-decoration: none; } .calendar-archives .cal-nav .prev-year, .calendar-archives .cal-nav .next-year { display: block; position: absolute; width: 30px; height: 30px; text-align: center; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .calendar-archives .cal-nav .prev-year:hover, .calendar-archives .cal-nav .next-year:hover { background: #ed6a31; /* Old browsers */ background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */ background: linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */ border-bottom: 3px solid #b93207; } .calendar-archives .cal-nav .prev-year.disabled, .calendar-archives .cal-nav .next-year.disabled { opacity: .4; cursor: default; } .calendar-archives .cal-nav .prev-year.disabled:hover, .calendar-archives .cal-nav .next-year.disabled:hover { background: none; color: #fff; } .calendar-archives .cal-nav .prev-year { left: 0; border-right: 1px #B93207 solid; } .calendar-archives .cal-nav .next-year { right: 0; border-left: 1px #B93207 solid; } .calendar-archives .cal-nav .year-nav { position: absolute; width: 100px; left: 50%; margin-left: -50px; text-align: center; } .calendar-archives .cal-nav .year-nav:hover .arrow-down { border-left: 1px solid #B93207; border-right: 1px solid #B93207; } .calendar-archives .cal-nav .year-nav a.year-title { display: block; width: 100%; color: #fff; } .calendar-archives .cal-nav .year-nav .arrow-down { color: #fff; position: absolute; width: 24px; height: 30px; right: 0; top: 0; cursor: pointer; font-size: 9px; border-left: 1px solid rgba(0, 0, 0, 0); border-right: 1px solid rgba(0, 0, 0, 0); font-family: Verdana, Arial, Helvetica, sans-serif; } .calendar-archives .cal-nav .year-nav .arrow-down:hover { background: #ed6a31; /* Old browsers */ background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */ background: linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */ border-bottom: 3px solid #b93207; } .calendar-archives .cal-nav .year-nav .year-select { position: absolute; z-index: 99; display: none; width: 100%; background: #e05d22; /* Old browsers */ background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */ background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */ box-shadow: #000 0 0 10px; top: 0; } .calendar-archives .cal-nav .year-nav .year-select .year { display: block; color: #fff; } .calendar-archives .cal-nav .year-nav .year-select .year:hover { background: #220E10; cursor: pointer; color: #E62B15; } .calendar-archives .cal-nav .year-nav .year-select .year.selected { color: #fff; } .calendar-archives .cal-nav .year-nav .year-select .year.selected:hover { background: none; color: #fff; text-decoration: none; cursor: default; } .calendar-archives .archives-years { overflow: hidden; } .calendar-archives .archives-years .year { position: absolute; top: 0; left: 0; margin-left: -100%; width: 100%; z-index: 0; } .calendar-archives .archives-years .year .year-link { display: none; } .calendar-archives .archives-years .year.last { position: relative; } .calendar-archives .archives-years .year.current { margin-left: 0; z-index: 1; } .calendar-archives .archives-years .year .month { float: left; width: 25%; height: 50px; overflow: hidden; position: relative; background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */ background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */ border: none; border-bottom: 1px #220E10 solid; border-right: 1px #220E10 solid; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .calendar-archives .archives-years .year .month a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; border-bottom: 3px solid #b93207; color: #FFF!important; } .calendar-archives .archives-years .year .month .month-name { text-transform: capitalize; font-size: 16px; font-weight: 400; display: block; position: absolute; top: 6px; left: 8px; } .calendar-archives .archives-years .year .month .postcount { display: block; position: absolute; bottom: 6px; right: 6px; } .calendar-archives .archives-years .year .month .postcount .count-text { font-size: 9px; } .calendar-archives .archives-years .year .month:hover { background: #ed6a31; /* Old browsers */ background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */ background: linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */ } .calendar-archives .archives-years .year .month.empty { color: #e6402a; background: #3a1c1f; border-color: #220E10; } .calendar-archives .archives-years .year .month.last { border-right: 0; }