test2

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
%d Bloggern gefällt das: