Team:TU Delft/scroll calendar

From 2010.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 6: Line 6:
   width: 180px; height: 180px; border-width: 0px;  
   width: 180px; height: 180px; border-width: 0px;  
   display: inline-table;
   display: inline-table;
 +
  overflow: hidden;
 +
  background-color: #fff;
 +
  border-collapse:collapse;
}  
}  
#calview .month .heading td {
#calview .month .heading td {
-
  padding:2px;
+
   background-color:#fff;
-
   background-color:#d4d4d4;
+
   color:#000;
-
   color:#aaa;
+
   text-align:center;
   text-align:center;
   font-size:120%;
   font-size:120%;
Line 16: Line 18:
}
}
-
#calview .month .dow td    { color:#aaa; text-align:center; font-size:110%; }
+
#calview table.month td.today    { background-color:#00aeef; color: #fff;}
-
#calview table.month td.today    { background-color:#ddd;}
+
#calview table.month td {
#calview table.month td {
     border: none;
     border: none;
Line 25: Line 26:
     font-size: 10pt;
     font-size: 10pt;
     text-align: center;
     text-align: center;
-
    background-color: #eee;
 
}
}
-
#calview table { text-align: center; left: 0px; top: 0px; }
+
#calview .month .dow td  { color:#fff; text-align:center; font-size:110%;}
-
/*#calview table.month a { background:none; padding:0 }*/
+
#calview .month .dow { background-color: #216085; }
-
#calview .day-active { color:#0000cc }
+
#calview .odd { background-color: #f2fcff; }
-
#calview .day-empty  { color:#cc0000 }
+
-
#calview a:hover { background-color: #ccc; }
+
 +
#calview table { text-align: center; left: 0px; top: 0px; border-spacing: 0px 0px; }
 +
#calview table.month a { padding:4px; background: none; }
 +
#calview .day-active { color:#0000cc; }
 +
#calview .day-empty  { color:#ccc; }
 +
/*#calview a:hover { background-color: #ccc; text-decoration: none; } */
/* Calendar START */
/* Calendar START */
Line 45: Line 48:
overflow: hidden;
overflow: hidden;
width: 180px;
width: 180px;
-
height: 180px;
+
height: 185px;
}
}
Line 55: Line 58:
#calscene {
#calscene {
-
width: 1800px;
 
-
 
}
}
-
 
</style>
</style>
Line 67: Line 67:
<div id="calscene">
<div id="calscene">
</html>
</html>
-
{{#calendar: query=year=2010 | month=03 | title=Team:TU_Delft}}
+
{|
-
{{#calendar: query=year=2010 | month=04 | title=Team:TU_Delft}}
+
|-valign="top"
-
{{#calendar: query=year=2010 | month=05 | title=Team:TU_Delft}}
+
|{{#calendar: query=year=2010 | month=03 | title=Team:TU_Delft}}
-
{{#calendar: query=year=2010 | month=06 | title=Team:TU_Delft}}
+
|{{#calendar: query=year=2010 | month=04 | title=Team:TU_Delft}}
-
{{#calendar: query=year=2010 | month=07 | title=Team:TU_Delft}}
+
|{{#calendar: query=year=2010 | month=05 | title=Team:TU_Delft}}
-
{{#calendar: query=year=2010 | month=08 | title=Team:TU_Delft}}
+
|{{#calendar: query=year=2010 | month=06 | title=Team:TU_Delft}}
-
{{#calendar: query=year=2010 | month=09 | title=Team:TU_Delft}}
+
|{{#calendar: query=year=2010 | month=07 | title=Team:TU_Delft}}
-
{{#calendar: query=year=2010 | month=10 | title=Team:TU_Delft}}
+
|{{#calendar: query=year=2010 | month=08 | title=Team:TU_Delft}}
-
{{#calendar: query=year=2010 | month=11 | title=Team:TU_Delft}}
+
|{{#calendar: query=year=2010 | month=09 | title=Team:TU_Delft}}
 +
|{{#calendar: query=year=2010 | month=10 | title=Team:TU_Delft}}
 +
|{{#calendar: query=year=2010 | month=11 | title=Team:TU_Delft}}
 +
|}
<html>
<html>
</div>
</div>
Line 86: Line 89:
function setActiveMonth(mo) {
function setActiveMonth(mo) {
 +
  if (mo < 0) mo = 0;
 +
  if (mo > 8) mo = 8;
 +
   
   active_month = mo;
   active_month = mo;
   var el = month_elems[mo];
   var el = month_elems[mo];
Line 113: Line 119:
     month_elems.push(elem);
     month_elems.push(elem);
-
     $(this).before('<td class="cal_btn prevmonth_btn"> < </td>')
+
     $(this).before('<td class="cal_btn prevmonth_btn"><img src="https://static.igem.org/mediawiki/2010/3/3d/TU_Delft_blog_calendar_prev.png" border="0" /></td>')
           .attr('colspan', 5)
           .attr('colspan', 5)
           .addClass('month_heading')
           .addClass('month_heading')
-
           .after('<td class="cal_btn nextmonth_btn"> > </td>');  
+
           .after('<td class="cal_btn nextmonth_btn"><img src="https://static.igem.org/mediawiki/2010/2/2f/TU_Delft_blog_calendar_next.png" border="0" /></td>');  
   });
   });

Latest revision as of 10:44, 13 October 2010

March
MTWTFSS
        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
April
MTWTFSS
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
May
MTWTFSS
    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
June
MTWTFSS
          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
July
MTWTFSS
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
August
MTWTFSS
      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
September
MTWTFSS
            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
October
MTWTFSS
  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
November
MTWTFSS
        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