.calendar-archives{ position:relative; width:100%; overflow:hidden; } .calendar-archives .year{ position:absolute; top:0; left:-100%; width:100%; } .calendar-archives .year.current{ position:relative; left:0; } .year-nav{ overflow:hidden; background:#EF9677; border-bottom:1px #fff solid; height:30px; } .year-nav a{ display: block; text-align:center; text-decoration:none; padding:6px; color:#FFF!important } .year-link{width:auto; margin:0 25%; font-size:18px} .prev-year, .next-year{ display:block; width:18px; height:18px; position:absolute; font-size:18px; top:0; } .prev-year{ left:0; border-right:1px #fff solid; } .next-year{ right:0; border-left:1px #fff solid; } .prev-year:hover, .next-year:hover{background:#86CAE9} .year{overflow:hidden;} .year .month{ float:left; width:25%; height:50px; border-right:1px #FFFFFF solid; border-bottom:1px #FFFFFF solid; overflow:hidden; background:#86CAE9; position:relative; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } .year .month.last{border-right:0} .month:hover{background:#5ebce5} .month.empty{color:#ccc; background:#f0f0f0;} .year .month a{margin:0; padding:0; display:block; width:100%; height:100%; color:#FFF!important} .month .month-name{text-transform:capitalize; font-size:16px; font-weight:400; display:block; position:absolute; top:6px; left:8px;} .month .postcount{position:absolute; bottom:6px; right:6px;} .postcount .count-number{} .postcount .count-text{font-size:9px;}