"
Template:Team:Edinburgh/Code
From 2013.igem.org
(Difference between revisions)
Hristianita (Talk | contribs) |
Hristianita (Talk | contribs) |
||
| (50 intermediate revisions not shown) | |||
| Line 32: | Line 32: | ||
display: none; | display: none; | ||
} | } | ||
| + | |||
| + | .right { | ||
| + | float: right; | ||
| + | cursor: deafault; | ||
| + | margin-right: 10px; | ||
| + | margin-top: 10px; | ||
| + | vertical-align: top; | ||
| + | } | ||
| Line 49: | Line 57: | ||
min-height: 500px; | min-height: 500px; | ||
text-align: justify; | text-align: justify; | ||
| + | } | ||
| + | |||
| + | .content img { | ||
| + | text-align: center; | ||
} | } | ||
| Line 64: | Line 76: | ||
background-color: #2b6196; | background-color: #2b6196; | ||
| + | } | ||
| + | |||
| + | .counter { | ||
| + | margin: 10px; | ||
| + | margin-top: 30px; | ||
| + | text-align: center; | ||
| + | font-weight: bold !important; | ||
| + | } | ||
| + | |||
| + | |||
| + | .counter a { | ||
| + | color: #2b6196; | ||
} | } | ||
| Line 75: | Line 99: | ||
border-radius: 10px; | border-radius: 10px; | ||
margin-top: 30px; | margin-top: 30px; | ||
| - | margin-left: - | + | margin-left: -2px !important; |
| - | margin-right: | + | margin-right: 8px; |
} | } | ||
.gallery p{ | .gallery p{ | ||
| Line 120: | Line 144: | ||
table { | table { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
| + | } | ||
| + | |||
| + | .members_table td { | ||
| + | vertical-align: middle; | ||
} | } | ||
| Line 146: | Line 174: | ||
#side_menu a, #side_menu a:visited{ | #side_menu a, #side_menu a:visited{ | ||
| - | color: # | + | color: #106000; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| Line 157: | Line 185: | ||
margin-right: 10px; | margin-right: 10px; | ||
font-size: 14pt; | font-size: 14pt; | ||
| + | |||
font-weight: bold; | font-weight: bold; | ||
display: block; | display: block; | ||
| Line 162: | Line 191: | ||
border-radius: 10px; | border-radius: 10px; | ||
background-color: #acd8a6; | background-color: #acd8a6; | ||
| - | padding: | + | padding: 3px; |
| - | padding-left: | + | padding-right: 5px; |
| + | padding-left: 10px; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
} | } | ||
| Line 180: | Line 210: | ||
.home_side_menu_item .selflink { | .home_side_menu_item .selflink { | ||
color: #904400 !important; | color: #904400 !important; | ||
| + | margin-right: 6px !important; | ||
} | } | ||
| Line 186: | Line 217: | ||
list-style-type: disc; | list-style-type: disc; | ||
list-style-image: none; | list-style-image: none; | ||
| + | } | ||
| + | |||
| + | li { | ||
| + | line-height: 1.5em; | ||
} | } | ||
| Line 191: | Line 226: | ||
display: none; | display: none; | ||
left: -20px; | left: -20px; | ||
| - | margin-top: | + | margin-top: 5px; |
} | } | ||
| Line 230: | Line 265: | ||
position: relative; | position: relative; | ||
display: block; | display: block; | ||
| + | } | ||
| + | |||
| + | .side_menu_item a{ | ||
| + | margin-right: 6px; | ||
} | } | ||
| Line 245: | Line 284: | ||
color : #2b6196; | color : #2b6196; | ||
font-weight: bold; | font-weight: bold; | ||
| + | margin-right: 6px; | ||
} | } | ||
| Line 301: | Line 341: | ||
.menu_button { | .menu_button { | ||
display: none; | display: none; | ||
| + | } | ||
| + | |||
| + | .selflink { | ||
| + | color: #001f3d !important; | ||
| + | cursor: default !important; | ||
| + | margin-right: 6px; | ||
| + | text-decoration: none !important; | ||
} | } | ||
| Line 312: | Line 359: | ||
var active=1; | var active=1; | ||
var menu_buttons = $(".menu_button"); | var menu_buttons = $(".menu_button"); | ||
| - | $(menu_buttons).css("display", " | + | $(menu_buttons).css("display", "table-cell"); |
for (var i=0; i< menu_buttons.length; i++) { | for (var i=0; i< menu_buttons.length; i++) { | ||
active=1; | active=1; | ||
| Line 321: | Line 368: | ||
active = 3; | active = 3; | ||
} | } | ||
| - | } else if ( | + | } else if ($(".home_side_menu_item").length> 0 ) { |
active = 3; | active = 3; | ||
} | } | ||
| Line 327: | Line 374: | ||
$(menu_links).css("display", "none"); | $(menu_links).css("display", "none"); | ||
menu_links[active-1].style.display = "block"; | 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; | if (touchscreen) continue; | ||
| Line 347: | Line 398: | ||
active = 3; | active = 3; | ||
} | } | ||
| - | } else if ( | + | } else if ($(".home_side_menu_item").length> 0 ) { |
active = 3; | active = 3; | ||
} | } | ||
| Line 354: | Line 405: | ||
children[active-1].style.display = "block"; | 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; | var gallery_active_id = 0; | ||
| Line 383: | Line 453: | ||
$(function() { | $(function() { | ||
| - | $("#flags | + | $("#flags img").css("cursor", "pointer"); |
| - | $("#flags | + | $("#flags img").css("cursor", "hand"); |
$("#languages").children("div").css("display", "none"); $("#english").css("display", "block"); | $("#languages").children("div").css("display", "none"); $("#english").css("display", "block"); | ||
| - | var english = $("#flags | + | var english = $("#flags img")[0]; |
if(english) english.onclick=function() {$("#languages").children("div").css("display", "none"); $("#english").css("display", "block")}; | if(english) english.onclick=function() {$("#languages").children("div").css("display", "none"); $("#english").css("display", "block")}; | ||
| - | var french= $("#flags | + | var french= $("#flags img")[1]; |
if(french) french.onclick=function() {$("#languages").children("div").css("display", "none"); $("#french").css("display", "block")}; | 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")}; | if(chinese ) chinese .onclick=function() {$("#languages").children("div").css("display", "none"); $("#chinese ").css("display", "block")}; | ||
| - | var polish = $("#flags | + | var polish = $("#flags img")[4]; |
if(polish ) polish .onclick=function() {$("#languages").children("div").css("display", "none"); $("#polish ").css("display", "block")}; | if(polish ) polish .onclick=function() {$("#languages").children("div").css("display", "none"); $("#polish ").css("display", "block")}; | ||
| - | var lithuanian= $("#flags | + | var lithuanian= $("#flags img")[5]; |
if(lithuanian) lithuanian.onclick=function() {$("#languages").children("div").css("display", "none"); $("#lithuanian").css("display", "block")}; | if(lithuanian) lithuanian.onclick=function() {$("#languages").children("div").css("display", "none"); $("#lithuanian").css("display", "block")}; | ||
| - | var bulgarian = $("#flags | + | var bulgarian = $("#flags img")[6]; |
if(bulgarian ) bulgarian .onclick=function() {$("#languages").children("div").css("display", "none"); $("#bulgarian ").css("display", "block")}; | 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")}; | ||
| + | |||
}); | }); | ||
Latest revision as of 00:27, 5 October 2013
