html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
font: 18px Helvetica;
}
#fullDiv {
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
overflow: hidden;
}
ul {
margin: 0;
padding: 0;
}
li {
float: left;
display: block;
width: 14.2857%;
text-align: center;
list-style-type: none;
}
li:nth-child(n+1):nth-child(-n+7) {
font-weight: 900;
color: #e67e22;
}
li:nth-child(n+39), li:nth-child(n+8):nth-child(-n+16) {
font-weight: 900;
color: rgba(0,0,0,.3);
}
li:hover:nth-child(n+8):nth-child(-n+38), li:nth-child(17){
border-radius: 5px;
background-color: #1abc9c;
color: #ecf0f1;
}
var winHeight = $(window).height();
var height = ( winHeight * 16.6666 ) / 100;
var lineHeight = height + „px“;
$(„li“).css(„line-height“, lineHeight);
$(„li“).css(„height“, height);
- SUN
- MON
- TUE
- WED
- THUR
- FRI
- SAT
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 1
- 2
- 3
- 4