Difference between revisions of "Team:Tuebingen/Notebook"

Line 10: Line 10:
 
for (var w=0;w<3;w++) {
 
for (var w=0;w<3;w++) {
 
var month = document.createElement('div');
 
var month = document.createElement('div');
−
month.style.cssText = 'width:35vw;height:24vw;float:left;margin:5px;border:2px solid grey';
+
month.style.cssText = 'width:21vw;height:15vw;float:left;margin:5px;border:2px solid grey';
 
var monthTitle = document.createElement('div');
 
var monthTitle = document.createElement('div');
−
monthTitle.style.cssText = 'width:100%;height:4vw;font-size:3.5vw;line-height:3.5vw;padding:0.5vw;box-sizing:border-box;font-weight:bold;';
+
monthTitle.style.cssText = 'width:100%;height:3vw;font-size:2.5vw;line-height:2.5vw;padding:0.5vw;box-sizing:border-box;font-weight:bold;';
 
if (w==0) monthTitle.innerHTML = 'July';
 
if (w==0) monthTitle.innerHTML = 'July';
 
if (w==1) monthTitle.innerHTML = 'August';
 
if (w==1) monthTitle.innerHTML = 'August';
Line 19: Line 19:
 
for (var i=0;i<4;i++) {
 
for (var i=0;i<4;i++) {
 
var week = document.createElement('div');
 
var week = document.createElement('div');
−
week.style.cssText = 'width:210px;height:30px;cursor:pointer;';
+
week.style.cssText = 'width:21vw;height:3pvw;cursor:pointer;';
 
week.onmouseover = function() {this.style.backgroundColor = 'rgba(0,0,0,0.2)';};
 
week.onmouseover = function() {this.style.backgroundColor = 'rgba(0,0,0,0.2)';};
 
week.onmouseout = function() {this.style.backgroundColor = 'transparent';};
 
week.onmouseout = function() {this.style.backgroundColor = 'transparent';};
 
for (var q=0;q<7;q++) {
 
for (var q=0;q<7;q++) {
 
var date = document.createElement('div');
 
var date = document.createElement('div');
−
date.style.cssText = 'width:3vw;height:3vw;float:left;border:0.2vw solid grey;overflow:hidden;color:grey;font-size:16px;text-align:center;';
+
date.style.cssText = 'width:3vw;height:3vw;float:left;border:0.2vw solid grey;overflow:hidden;color:grey;font-size:16px;text-align:center;box-sizing:border-box;';
 
date.innerHTML = count;
 
date.innerHTML = count;
 
if (w == 0) if (count == 30) count = 0;
 
if (w == 0) if (count == 30) count = 0;

Revision as of 01:42, 18 September 2015

<
>