Template:Team:Edinburgh/Code
From 2013.igem.org
(Difference between revisions)
Hristianita (Talk | contribs) |
Hristianita (Talk | contribs) |
||
(213 intermediate revisions not shown) | |||
Line 15: | Line 15: | ||
font-family: Arial, Times, serif; | font-family: Arial, Times, serif; | ||
font-size: 12pt; | font-size: 12pt; | ||
- | } | + | } |
+ | |||
+ | h2 { | ||
+ | color: #3b71b6; | ||
+ | font-size: 130%; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 150%; | ||
+ | color: #2b6196; | ||
+ | text-align: center; | ||
+ | line-height: 40px; | ||
+ | } | ||
+ | |||
+ | .toc{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .right { | ||
+ | float: right; | ||
+ | cursor: deafault; | ||
+ | margin-right: 10px; | ||
+ | margin-top: 10px; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | |||
+ | #flags{ | ||
+ | float:right; | ||
+ | } | ||
.main_frame { | .main_frame { | ||
- | margin-left: | + | margin-left: 20px; |
- | margin-right: 30px; | + | margin-right: 20px; |
+ | margin-top: 30px; | ||
+ | } | ||
+ | |||
+ | .content { | ||
+ | margin-left: 230px; | ||
+ | border-top: 1px solid #2b6196; | ||
+ | min-height: 500px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .content img { | ||
+ | text-align: center; | ||
} | } | ||
a { | a { | ||
color: #2b6196; | color: #2b6196; | ||
+ | text-decoration: underline; | ||
} | } | ||
a:visited { | a:visited { | ||
color: #428c36; | color: #428c36; | ||
+ | } | ||
+ | |||
+ | hr { | ||
+ | color: #2b6196; | ||
+ | background-color: #2b6196; | ||
+ | |||
+ | } | ||
+ | |||
+ | .counter { | ||
+ | margin: 10px; | ||
+ | margin-top: 30px; | ||
+ | text-align: center; | ||
+ | font-weight: bold !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | .counter a { | ||
+ | color: #2b6196; | ||
} | } | ||
Line 35: | Line 95: | ||
} | } | ||
+ | .gallery { | ||
+ | border: 8px solid #fbc089; | ||
+ | border-radius: 10px; | ||
+ | margin-top: 30px; | ||
+ | margin-left: -2px !important; | ||
+ | margin-right: 8px; | ||
+ | } | ||
+ | .gallery p{ | ||
+ | margin: 0px | ||
+ | } | ||
+ | |||
+ | .nomargin { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | .social { | ||
+ | margin-top: 30px; | ||
+ | margin-right: 10px; | ||
+ | text-align: center; | ||
+ | font-size: 150%; | ||
+ | } | ||
+ | |||
+ | .social a, .social a:visited { | ||
+ | color: #2b6196 !important; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .social p { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
.menu { | .menu { | ||
background-color: #fff; | background-color: #fff; | ||
Line 40: | Line 131: | ||
font-weight: bold; | font-weight: bold; | ||
font-family: Perpetua, serif; | font-family: Perpetua, serif; | ||
+ | font-size: 15pt; | ||
} | } | ||
- | . | + | .menu a { |
- | + | text-decoration: none; | |
} | } | ||
.menu a:visited { | .menu a:visited { | ||
color: #2b6196; | color: #2b6196; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | .members_table td { | ||
+ | vertical-align: middle; | ||
} | } | ||
Line 69: | Line 169: | ||
float: left; | float: left; | ||
width:220px; | width:220px; | ||
+ | margin-top: -5px; | ||
font-family: Perpetua, serif; | font-family: Perpetua, serif; | ||
- | |||
} | } | ||
#side_menu a, #side_menu a:visited{ | #side_menu a, #side_menu a:visited{ | ||
- | color: # | + | color: #106000; |
- | + | text-decoration: none; | |
} | } | ||
#side_menu ul { | #side_menu ul { | ||
Line 84: | Line 184: | ||
#side_menu ul li{ | #side_menu ul li{ | ||
margin-right: 10px; | margin-right: 10px; | ||
- | font-size: | + | font-size: 14pt; |
+ | |||
font-weight: bold; | font-weight: bold; | ||
display: block; | display: block; | ||
border: 1px solid; | border: 1px solid; | ||
+ | border-radius: 10px; | ||
background-color: #acd8a6; | background-color: #acd8a6; | ||
- | padding: | + | padding: 3px; |
+ | padding-right: 5px; | ||
+ | padding-left: 10px; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
} | } | ||
+ | |||
+ | .home_side_menu_item { | ||
+ | background-color: #b5d4f3 !important; | ||
+ | color: #003366 !important; | ||
+ | border: 1px 0px 0px 0px; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | .home_side_menu_item a { | ||
+ | color: #003366 !important; | ||
+ | |||
+ | } | ||
+ | .home_side_menu_item .selflink { | ||
+ | color: #904400 !important; | ||
+ | margin-right: 6px !important; | ||
+ | } | ||
ul { | ul { | ||
line-height: 110%; | line-height: 110%; | ||
+ | list-style-type: disc; | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | |||
+ | li { | ||
+ | line-height: 1.5em; | ||
} | } | ||
Line 100: | Line 226: | ||
display: none; | display: none; | ||
left: -20px; | left: -20px; | ||
+ | margin-top: 5px; | ||
} | } | ||
Line 107: | Line 234: | ||
display: block; | display: block; | ||
margin-right: 10px; | margin-right: 10px; | ||
- | border: | + | margin-bottom: 0px !important; |
+ | border-bottom: 0px !important; | ||
+ | border-top: 1px; | ||
+ | border-left: 0px !important; | ||
+ | border-right: 0px !important; | ||
+ | border-radius: 0px !important; | ||
+ | border-color: #308020 !important; | ||
+ | } | ||
+ | |||
+ | li.home_side_menu_subitem { | ||
+ | margin-left: 15px; | ||
+ | display: block; | ||
+ | margin-right: 10px; | ||
+ | margin-bottom: 0px !important; | ||
+ | border-bottom: 0px !important; | ||
+ | border-top: 1px; | ||
+ | border-left: 0px !important; | ||
+ | border-right: 0px !important; | ||
+ | border-radius: 0px !important; | ||
} | } | ||
Line 122: | Line 267: | ||
} | } | ||
- | . | + | .side_menu_item a{ |
- | color | + | margin-right: 6px; |
- | font-weight: bold; | + | } |
+ | |||
+ | #globalWrapper { | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | #calendarPicker { | ||
+ | margin-bottom: 40px; | ||
+ | } | ||
+ | |||
+ | .monthSelector { | ||
+ | font-size: 110%; | ||
+ | text-align: left !important; | ||
+ | color : #2b6196; | ||
+ | font-weight: bold; | ||
+ | margin-right: 6px; | ||
} | } | ||
- | . | + | .calHeader { |
- | background-color: # | + | background-color: #2b6196; |
+ | color: white; | ||
} | } | ||
.sunday { | .sunday { | ||
- | background-color: # | + | background-color: #acd8a6; |
+ | background-color: #9ac5f4 | ||
} | } | ||
.saturday { | .saturday { | ||
- | background-color | + | background-color:#dcffc6; |
- | + | background-color: #cee1f4; | |
+ | } | ||
.weekday { | .weekday { | ||
background-color: white; | background-color: white; | ||
} | } | ||
- | . | + | .selectedDate { |
- | background-color: FFFF99; | + | background-color: #FFFF99; |
+ | background-color: white; | ||
} | } | ||
- | .calendar tr td { | + | .calendar tr td{ |
width: 35px; | width: 35px; | ||
text-align: center; | text-align: center; | ||
+ | } | ||
+ | |||
+ | td.weekday a:visited, td.sunday a:visited, td.saturday a:visited, td.selectedDate a:visited { | ||
+ | color: #2b6196; | ||
+ | } | ||
+ | |||
+ | .noEntries { | ||
+ | color: #999; | ||
+ | } | ||
+ | |||
+ | .hasEntries { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .notebookEntry { | ||
+ | margin-bottom: 40px; | ||
+ | } | ||
+ | |||
+ | .backToTop { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .backToTop a:visited{ | ||
+ | color: #2b6196; | ||
+ | } | ||
+ | |||
+ | .menu_button { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .selflink { | ||
+ | color: #001f3d !important; | ||
+ | cursor: default !important; | ||
+ | margin-right: 6px; | ||
+ | text-decoration: none !important; | ||
} | } | ||
Line 155: | Line 354: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | + | ||
+ | $(function() { | ||
+ | var touchscreen = ("ontouchstart" in document.documentElement); | ||
+ | var active=1; | ||
+ | var menu_buttons = $(".menu_button"); | ||
+ | $(menu_buttons).css("display", "table-cell"); | ||
+ | for (var i=0; i< menu_buttons.length; i++) { | ||
+ | active=1; | ||
+ | var menu_links = $(menu_buttons[i]).children("a"); | ||
+ | for (var j=0; j < menu_links.length; j++) { | ||
+ | if (menu_links[j].href.indexOf("Team:Edinburgh/") > -1) { | ||
+ | if (window.location.href.indexOf(menu_links[j].href) > -1) { | ||
+ | active = 3; | ||
+ | } | ||
+ | } else if ($(".home_side_menu_item").length> 0 ) { | ||
+ | active = 3; | ||
+ | } | ||
+ | } | ||
+ | $(menu_links).css("display", "none"); | ||
+ | menu_links[active-1].style.display = "block"; | ||
+ | |||
+ | if (active==3) { | ||
+ | $(menu_buttons[i]).parent("tr").siblings(":last").children("td").filter(function(index) {return index==i}).children("a").addClass("selflink"); | ||
+ | } | ||
+ | |||
+ | if (touchscreen) continue; | ||
+ | |||
+ | menu_buttons[i].onmouseover = (function() { | ||
+ | var children = $(menu_buttons[i]).children("a"); | ||
+ | return function() { | ||
+ | $(children).css("display", "none"); | ||
+ | children[1].style.display = "block"; | ||
+ | } | ||
+ | })(); | ||
+ | |||
+ | menu_buttons[i].onmouseout = (function() { | ||
+ | var children = $(menu_buttons[i]).children("a"); | ||
+ | return function() { | ||
+ | active=1; | ||
+ | for (var j=0; j < children.length; j++) { | ||
+ | if (children[j].href.indexOf("Team:Edinburgh/") > -1) { | ||
+ | if (window.location.href.indexOf(children[j].href) > -1) { | ||
+ | active = 3; | ||
+ | } | ||
+ | } else if ($(".home_side_menu_item").length> 0 ) { | ||
+ | active = 3; | ||
+ | } | ||
+ | } | ||
+ | $(children).css("display", "none"); | ||
+ | children[active-1].style.display = "block"; | ||
+ | } | ||
+ | })(); | ||
+ | } | ||
+ | |||
+ | menu_links = $("#side_menu_items > li > a"); | ||
+ | |||
+ | for (var j=0; j < menu_links.length; j++) { | ||
+ | active=1; | ||
+ | if (window.location.href.indexOf(menu_links[j].href, window.location.href.length-menu_links[j].href.length) > -1) { | ||
+ | active = 3; | ||
+ | } | ||
+ | if (active==3) { | ||
+ | $(menu_links[j]).addClass("selflink"); | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | $(function() { | ||
+ | |||
+ | $(".bagpipes").attr("src", "//www.youtube.com/embed/Z_AHBSvXHDM?rel=0"); | ||
+ | $(".genablerlinkers").attr("src", "http://www.genablerlinkers.appspot.com"); | ||
+ | $(".outreachvideo").attr("src", "//www.youtube.com/embed/t7wQX_EFrdY?rel=0"); | ||
+ | |||
+ | }); | ||
+ | |||
+ | var gallery_active_id = 0; | ||
+ | |||
$(function() { | $(function() { | ||
$(".selflink").parentsUntil($("#side_menu"), "li").children("ul").css("display","block"); | $(".selflink").parentsUntil($("#side_menu"), "li").children("ul").css("display","block"); | ||
+ | |||
+ | }); | ||
+ | |||
+ | $(function() { | ||
+ | $(".gallery img").css("display", "none"); | ||
+ | if ($(".gallery img")[gallery_active_id]) $(".gallery img")[gallery_active_id].style.display="block"; | ||
+ | setInterval("changeGalleryPic()", 5000) ; | ||
+ | |||
+ | }); | ||
+ | |||
+ | function changeGalleryPic() { | ||
+ | gallery_active_id += 1; | ||
+ | if (gallery_active_id >= $(".gallery img").length) gallery_active_id = 0; | ||
+ | $(".gallery img").css("display", "none"); | ||
+ | if ($(".gallery img")[gallery_active_id]) $(".gallery img")[gallery_active_id].style.display="block"; | ||
+ | } | ||
+ | |||
+ | $(function() { | ||
+ | |||
+ | $("#flags img").css("cursor", "pointer"); | ||
+ | $("#flags img").css("cursor", "hand"); | ||
+ | |||
+ | $("#languages").children("div").css("display", "none"); $("#english").css("display", "block"); | ||
+ | |||
+ | var english = $("#flags img")[0]; | ||
+ | if(english) english.onclick=function() {$("#languages").children("div").css("display", "none"); $("#english").css("display", "block")}; | ||
+ | |||
+ | var french= $("#flags img")[1]; | ||
+ | if(french) french.onclick=function() {$("#languages").children("div").css("display", "none"); $("#french").css("display", "block")}; | ||
+ | |||
+ | var german= $("#flags img")[2]; | ||
+ | if(german) german.onclick=function() {$("#languages").children("div").css("display", "none"); $("#german").css("display", "block")}; | ||
+ | |||
+ | var chinese = $("#flags img")[3]; | ||
+ | if(chinese ) chinese .onclick=function() {$("#languages").children("div").css("display", "none"); $("#chinese ").css("display", "block")}; | ||
+ | |||
+ | var polish = $("#flags img")[4]; | ||
+ | if(polish ) polish .onclick=function() {$("#languages").children("div").css("display", "none"); $("#polish ").css("display", "block")}; | ||
+ | |||
+ | var lithuanian= $("#flags img")[5]; | ||
+ | if(lithuanian) lithuanian.onclick=function() {$("#languages").children("div").css("display", "none"); $("#lithuanian").css("display", "block")}; | ||
+ | |||
+ | var bulgarian = $("#flags img")[6]; | ||
+ | if(bulgarian ) bulgarian .onclick=function() {$("#languages").children("div").css("display", "none"); $("#bulgarian ").css("display", "block")}; | ||
+ | |||
+ | var greek = $("#flags img")[7]; | ||
+ | if(greek ) greek.onclick=function() {$("#languages").children("div").css("display", "none"); | ||
+ | $("#greek ").css("display", "block")}; | ||
+ | |||
}); | }); | ||
Line 169: | Line 493: | ||
}); | }); | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</script> | </script> | ||
Line 293: | Line 537: | ||
var vFirstDay; | var vFirstDay; | ||
- | calhtml = ""; | + | calhtml = "<p><h3>Calendar: </h3></p>"; |
vCalHeader="<table class=\"calendar\" border='1' cellpadding='1' cellspacing='1' align=\"center\" valign=\"top\">\n"; | vCalHeader="<table class=\"calendar\" border='1' cellpadding='1' cellspacing='1' align=\"center\" valign=\"top\">\n"; | ||
//Month Selector | //Month Selector | ||
- | vCalHeader+="<tr>\n<td colspan='7'>\n"; | + | vCalHeader+="<tr>\n<td class=\"monthSelector\" colspan='7'>\n"; |
vCalHeader+="<select name=\"MonthSelector\" onChange=\"javascript:Cal.SwitchMth(this.selectedIndex+5);RenderCal();\">\n"; | vCalHeader+="<select name=\"MonthSelector\" onChange=\"javascript:Cal.SwitchMth(this.selectedIndex+5);RenderCal();\">\n"; | ||
for (i=5;i<10;i++) | for (i=5;i<10;i++) | ||
Line 307: | Line 551: | ||
vCalHeader+="<option "+SelectStr+" >"+MonthName[i]+"\n"; | vCalHeader+="<option "+SelectStr+" >"+MonthName[i]+"\n"; | ||
} | } | ||
- | vCalHeader+="</select> | + | vCalHeader+="</select> "+Cal.GetMonthName()+" "+Cal.Year+"</td></tr>\n"; |
- | + | ||
- | + | ||
//Week day header | //Week day header | ||
- | vCalHeader+="<tr | + | vCalHeader+="<tr>"; |
for (i=0;i<7;i++) | for (i=0;i<7;i++) | ||
{ | { | ||
- | vCalHeader+="<td >" +WeekDayName[i].substr(0,3)+ "</td>"; | + | vCalHeader+="<td class=\"calHeader\">" +WeekDayName[i].substr(0,3)+ "</td>"; |
} | } | ||
vCalHeader+="</tr>"; | vCalHeader+="</tr>"; | ||
Line 326: | Line 568: | ||
for (i=0;i<vFirstDay-1;i++) | for (i=0;i<vFirstDay-1;i++) | ||
{ | { | ||
+ | vDayCount=vDayCount+1; | ||
if (vDayCount%7==6) | if (vDayCount%7==6) | ||
vCalData += GenCell("","saturday"); | vCalData += GenCell("","saturday"); | ||
Line 332: | Line 575: | ||
else | else | ||
vCalData += GenCell("","weekday"); | vCalData += GenCell("","weekday"); | ||
- | |||
} | } | ||
for (j=1;j<=Cal.GetMonDays();j++) | for (j=1;j<=Cal.GetMonDays();j++) | ||
Line 341: | Line 583: | ||
if (j==Cal.Date) | if (j==Cal.Date) | ||
{ | { | ||
- | vCalData += GenCell(j," | + | vCalData += GenCell(j,"selectedDate"); |
} | } | ||
else | else | ||
Line 358: | Line 600: | ||
} | } | ||
} | } | ||
+ | var vLastDay=new Date(Cal.Year,Cal.Month, Cal.GetMonDays()).getDay(); | ||
+ | if (vLastDay == 0) vLastDay = 7; | ||
+ | for (i=vLastDay;i<7;i++) | ||
+ | { | ||
+ | vDayCount=vDayCount+1; | ||
+ | if (vDayCount%7==6) | ||
+ | vCalData += GenCell("","saturday"); | ||
+ | else if (vDayCount%7==0) | ||
+ | vCalData += GenCell("","sunday"); | ||
+ | else | ||
+ | vCalData += GenCell("","weekday"); | ||
+ | } | ||
+ | |||
calhtml += vCalData; | calhtml += vCalData; | ||
//end time picker | //end time picker | ||
Line 366: | Line 621: | ||
function GenCell(pValue, css_class)//Generate table cell with value | function GenCell(pValue, css_class)//Generate table cell with value | ||
{ | { | ||
- | return "<td class='" + css_class + "'><a href= | + | var hash = pValue +"-" + Cal.GetMonthName(); |
+ | if (document.getElementById(hash)) { | ||
+ | return "<td class='" + css_class + " hasEntries'> <a href='#" + hash + "'>"+pValue +"</a></td>"; | ||
+ | } else { | ||
+ | return "<td class='" + css_class + " noEntries'>" + pValue +"</td>"; | ||
+ | } | ||
} | } | ||
Line 399: | Line 659: | ||
} | } | ||
}); | }); | ||
+ | |||
+ | $(function() { | ||
+ | var notebookEntries = document.getElementsByClassName("notebookEntry"); | ||
+ | for (var i = 0; i < notebookEntries.length; i++ ) { | ||
+ | notebookEntries[i].innerHTML += "<p class='backToTop' ><a href='#top'>Back to top</a></p>" | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
</script> | </script> | ||
</head> | </head> | ||
<body> | <body> |
Latest revision as of 00:27, 5 October 2013