Template:Team:Oxford/templates/header
From 2014.igem.org
(Difference between revisions)
Olivervince (Talk | contribs) |
|||
(31 intermediate revisions not shown) | |||
Line 9: | Line 9: | ||
overflow-x: hidden; | overflow-x: hidden; | ||
} | } | ||
- | |||
body { | body { | ||
background-color: #EBEBEB; | background-color: #EBEBEB; | ||
Line 20: | Line 19: | ||
font-weight: 300; | font-weight: 300; | ||
} | } | ||
- | |||
#content { | #content { | ||
border:none; | border:none; | ||
Line 28: | Line 26: | ||
background:none; | background:none; | ||
} | } | ||
- | |||
#catlinks { | #catlinks { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#contentSub { | #contentSub { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#menubar { | #menubar { | ||
width: auto; | width: auto; | ||
margin-top:0.5%; | margin-top:0.5%; | ||
} | } | ||
- | |||
.left-menu:hover { | .left-menu:hover { | ||
background-color: transparent; | background-color: transparent; | ||
Line 57: | Line 51: | ||
color: gray; | color: gray; | ||
} | } | ||
- | |||
#menubar.left-menu.noprint ul li:last-child { | #menubar.left-menu.noprint ul li:last-child { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#search-controls { | #search-controls { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#top-section { | #top-section { | ||
height:0px; | height:0px; | ||
Line 71: | Line 62: | ||
border:none; | border:none; | ||
} | } | ||
- | |||
#footer-box { | #footer-box { | ||
border:none; | border:none; | ||
Line 77: | Line 67: | ||
width:100%; | width:100%; | ||
} | } | ||
- | |||
#p-logo { | #p-logo { | ||
display:none | display:none | ||
} | } | ||
- | |||
.firstHeading { | .firstHeading { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#bodyContent p{ | #bodyContent p{ | ||
display:none; | display:none; | ||
} | } | ||
- | |||
html, div, span, applet, object, iframe, | html, div, span, applet, object, iframe, | ||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
Line 110: | Line 96: | ||
vertical-align: baseline; | vertical-align: baseline; | ||
} | } | ||
- | |||
#top-section { | #top-section { | ||
width: 965px; | width: 965px; | ||
Line 117: | Line 102: | ||
padding: 0; | padding: 0; | ||
border: none;} | border: none;} | ||
- | |||
.left-menu:hover { | .left-menu:hover { | ||
background-color: transparent;} | background-color: transparent;} | ||
- | |||
#menubar li a { | #menubar li a { | ||
background-color: transparent;} | background-color: transparent;} | ||
- | |||
.outer { | .outer { | ||
position:fixed; | position:fixed; | ||
Line 129: | Line 111: | ||
height:100%; | height:100%; | ||
} | } | ||
- | |||
img.supercoil { | img.supercoil { | ||
width:65%; | width:65%; | ||
display: block; | display: block; | ||
margin-left: auto; | margin-left: auto; | ||
- | margin-right: auto | + | margin-right: auto |
- | + | } | |
.Heading { | .Heading { | ||
position:absolute; | position:absolute; | ||
display: block; | display: block; | ||
} | } | ||
- | |||
.heading { | .heading { | ||
-webkit-transition: margin-left 0.3s, -webkit-transform 0.3s; | -webkit-transition: margin-left 0.3s, -webkit-transform 0.3s; | ||
transition: margin-left 0.3s; | transition: margin-left 0.3s; | ||
} | } | ||
- | |||
.heading:hover { | .heading:hover { | ||
margin-left:30px; | margin-left:30px; | ||
Line 154: | Line 133: | ||
list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); } | list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); } | ||
} | } | ||
- | |||
- | |||
- | |||
.row { vertical-align: top; height:auto !important; } | .row { vertical-align: top; height:auto !important; } | ||
.row { vertical-align: top; height:auto !important; } | .row { vertical-align: top; height:auto !important; } | ||
Line 164: | Line 140: | ||
.show:target {display: none; } | .show:target {display: none; } | ||
.show:target ~ .list {display:inline; } | .show:target ~ .list {display:inline; } | ||
- | @media print { .show, .hide { display: none; } } | + | @media print { .show, .hide { display: none; } |
- | + | } | |
- | + | .white_news_block { | |
- | + | ||
- | + | ||
- | .white_news_block { | + | |
- | + | ||
background: #fff; | background: #fff; | ||
- | border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%; | + | border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%;width:96%; |
- | width:96%; | + | } |
+ | .white_news_block2 { | ||
+ | background: #fff; | ||
+ | border-radius:15px; margin-top:2%; margin-left:8%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:80%; | ||
} | } | ||
- | |||
.blue_news_block { | .blue_news_block { | ||
- | |||
background: #ADD8E6; | background: #ADD8E6; | ||
- | border-radius: | + | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:96%; |
- | width:96%; | + | |
} | } | ||
- | + | .orange_news_block { | |
- | .orange_news_block { | + | |
- | + | ||
background: #F9A7B0; | background: #F9A7B0; | ||
- | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%; | + | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:96%; |
- | width:96%; | + | } |
+ | .orange_news_block2 { | ||
+ | background: #F9A7B0; | ||
+ | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:96%; | ||
} | } | ||
- | |||
.yellow_news_block { | .yellow_news_block { | ||
- | |||
background: #FFFF06; | background: #FFFF06; | ||
- | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%; | + | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:27%; |
- | width:27%; | + | } |
+ | .grey_news_block { | ||
+ | background: #ECECEC; | ||
+ | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:96%; | ||
+ | } | ||
+ | .lgrey_news_block { | ||
+ | background: #F6F6F6; | ||
+ | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:96%; | ||
} | } | ||
- | |||
- | |||
h1 { | h1 { | ||
font-size: 120%; | font-size: 120%; | ||
Line 203: | Line 179: | ||
font-family:Helvetica; | font-family:Helvetica; | ||
margin-bottom: 2%; | margin-bottom: 2%; | ||
- | + | line-height:150%; | |
} | } | ||
h1white { | h1white { | ||
font-size: 230%; | font-size: 230%; | ||
font-weight: 400; | font-weight: 400; | ||
- | font-family:Helvetica; | + | font-family:Helvetica; |
color:#000000; | color:#000000; | ||
} | } | ||
- | + | h1blue { | |
+ | font-size: 180%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#4747E5; | ||
+ | line-height:150%; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | h1blue2 { | ||
+ | font-size: 130%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#4747E5; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | h1blue3 { | ||
+ | font-size: 140%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#4747E5; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | h2blue3 { | ||
+ | font-size: 120%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#4747E5; | ||
+ | line-height:150%; | ||
+ | } | ||
h1black { | h1black { | ||
font-size: 230%; | font-size: 230%; | ||
font-weight: 400; | font-weight: 400; | ||
font-family:Helvetica; | font-family:Helvetica; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | h1grey { | ||
+ | font-size: 280%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#615555; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | h1purple { | ||
+ | font-size: 140%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#CE68D5; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | h2purple { | ||
+ | font-size: 120%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#CE68D5; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | h1red { | ||
+ | font-size: 140%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#B31127; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | h2red { | ||
+ | font-size: 120%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#B31127; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | h1orange { | ||
+ | font-size: 140%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#F98500; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | h2orange { | ||
+ | font-size: 120%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#F98500; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | h1green { | ||
+ | font-size: 140%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#0F9101; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | h2green { | ||
+ | font-size: 120%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#0F9101; | ||
+ | line-height:150%; | ||
} | } | ||
+ | #showmodelling:target .modelling-row + .hide {display: inline; } | ||
+ | #showmodelling:target .modelling-row {display: none; } | ||
+ | #showmodelling:target .modelling-row ~ .list {display:inline; } | ||
+ | #showwetlab:target .wetlab-row + .hide {display: inline; } | ||
+ | #showwetlab:target .wetlab-row {display: none; } | ||
+ | #showwetlab:target .wetlab-row ~ .list {display:inline; } | ||
+ | .modelling { | ||
+ | background: #F9A7B0; | ||
+ | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%; | ||
+ | width:96%; | ||
+ | } | ||
+ | .wetlab { | ||
+ | |||
+ | background: #ADD8E6; | ||
+ | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%; | ||
+ | width:96%; | ||
+ | } | ||
+ | |||
+ | .white_news_block1 { | ||
+ | |||
+ | background: #fff; | ||
+ | border-radius:15px; margin-top:2%; margin-left: 13%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%; | ||
+ | width:70%; | ||
+ | } | ||
+ | .white_news_block2 { | ||
+ | |||
+ | background: #fff; | ||
+ | border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%; | ||
+ | width:96%;margin-left:0%; | ||
+ | } | ||
</style> | </style> | ||
- | |||
+ | <script type="text/javascript"> | ||
+ | function DCMation() { | ||
+ | document.getElementById('DCMationwrap').style.display = "block"; | ||
+ | } | ||
+ | function DCMationHide(x) { | ||
+ | document.getElementById('DCMationwrap').style.display = "none"; | ||
+ | } | ||
+ | function Achievements() { | ||
+ | document.getElementById('Achievementswrap').style.display = "block"; | ||
+ | } | ||
+ | function AchievementsHide(x) { | ||
+ | document.getElementById('Achievementswrap').style.display = "none"; | ||
+ | } | ||
+ | function Interlab() { | ||
+ | document.getElementById('Interlabwrap').style.display = "block"; | ||
+ | } | ||
+ | function InterlabHide(x) { | ||
+ | document.getElementById('Interlabwrap').style.display = "none"; | ||
+ | } | ||
+ | function iGEMcomm() { | ||
+ | document.getElementById('iGEMcommwrap').style.display = "block"; | ||
+ | } | ||
+ | function iGEMcommHide(x) { | ||
+ | document.getElementById('iGEMcommwrap').style.display = "none"; | ||
+ | } | ||
+ | function Subheadingbig(x) { | ||
+ | x.style.height="40%"; | ||
+ | x.style.width="40%"; | ||
+ | } | ||
+ | function Subheadingnormal(x) { | ||
+ | x.style.height="38%"; | ||
+ | x.style.width="38%"; | ||
+ | } | ||
+ | function Partsbig(x) { | ||
+ | x.style.height="41%"; | ||
+ | x.style.width="41%"; | ||
+ | } | ||
+ | function Partsnormal(x) { | ||
+ | x.style.height="40%"; | ||
+ | x.style.width="40%"; | ||
+ | } | ||
+ | function Resultsbig(x) { | ||
+ | x.style.height="27%"; | ||
+ | x.style.width="27%"; | ||
+ | } | ||
+ | function Resultsnormal(x) { | ||
+ | x.style.height="26%"; | ||
+ | x.style.width="26%"; | ||
+ | } | ||
+ | function Medalsbig(x) { | ||
+ | x.style.height="35%"; | ||
+ | x.style.width="35%"; | ||
+ | } | ||
+ | function Medalsnormal(x) { | ||
+ | x.style.height="33.5%"; | ||
+ | x.style.width="33.5%"; | ||
+ | } | ||
+ | function IMeasurementbig(x) { | ||
+ | x.style.height="22.5%"; | ||
+ | x.style.width="22.5%"; | ||
+ | } | ||
+ | function IMeasurementnormal(x) { | ||
+ | x.style.height="20.5%"; | ||
+ | x.style.width="20.5%"; | ||
+ | } | ||
+ | function IResultsbig(x) { | ||
+ | x.style.height="36%"; | ||
+ | x.style.width="36%"; | ||
+ | } | ||
+ | function IResultsnormal(x) { | ||
+ | x.style.height="34%"; | ||
+ | x.style.width="34%"; | ||
+ | } | ||
+ | function Eventsbig(x) { | ||
+ | x.style.height="31.5%"; | ||
+ | x.style.width="31.5%"; | ||
+ | } | ||
+ | function Eventsnormal(x) { | ||
+ | x.style.height="29.5%"; | ||
+ | x.style.width="29.5%"; | ||
+ | } | ||
+ | function iGEMEuropebig(x) { | ||
+ | x.style.height="19%"; | ||
+ | x.style.width="19%"; | ||
+ | } | ||
+ | function iGEMEuropenormal(x) { | ||
+ | x.style.height="17%"; | ||
+ | x.style.width="17%"; | ||
+ | } | ||
+ | function Collabbig(x) { | ||
+ | x.style.height="45%"; | ||
+ | x.style.width="45%"; | ||
+ | } | ||
+ | function Collabnormal(x) { | ||
+ | x.style.height="43%"; | ||
+ | x.style.width="43%"; | ||
+ | } | ||
function iconleft(x) { | function iconleft(x) { | ||
x.style.left="6%"; | x.style.left="6%"; | ||
Line 303: | Line 497: | ||
}); | }); | ||
}); | }); | ||
- | |||
- | |||
jQuery(document).ready(function(){ | jQuery(document).ready(function(){ | ||
jQuery('#tb1').live('click', function(event) { | jQuery('#tb1').live('click', function(event) { | ||
Line 342: | Line 534: | ||
jQuery('#g3').toggle('show'); | jQuery('#g3').toggle('show'); | ||
}); | }); | ||
+ | $("#dcmation").click(function(){ | ||
+ | $("#DCMationpopup").animate({width:'27%', left:'15%', top:'25%'}, "fast"); | ||
+ | $("#DCMationwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'}); | ||
+ | }); | ||
+ | $("#DCMationwrap").click(function(){ | ||
+ | $("#DCMationpopup").animate({width:'0%', left:'5%', top:'37%'}, "fast"); | ||
+ | }); | ||
+ | $("#achievements").click(function(){ | ||
+ | $("#Achievementspopup").animate({width:'27%', left:'15%', top:'25%'}, "fast"); | ||
+ | $("#Achievementswrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'}); | ||
+ | }); | ||
+ | $("#Achievementswrap").click(function(){ | ||
+ | $("#Achievementspopup").animate({width:'0%', left:'8%', top:'73%'}, "fast"); | ||
+ | }); | ||
+ | $("#igemcomm").click(function(){ | ||
+ | $("#iGEMcommpopup").animate({width:'27%', left:'15%', top:'25%'}, "fast"); | ||
+ | $("#iGEMcommwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'}); | ||
+ | }); | ||
+ | $("#iGEMcommwrap").click(function(){ | ||
+ | $("#iGEMcommpopup").animate({width:'0%', left:'9%', top:'84%'}, "fast"); | ||
+ | }); | ||
+ | $("#interlab").click(function(){ | ||
+ | $("#Interlabpopup").animate({width:'27%', left:'15%'}, "fast"); | ||
+ | $("#Interlabwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'}); | ||
+ | }); | ||
+ | $("#Interlabwrap").click(function(){ | ||
+ | $("#Interlabpopup").animate({width:'0%', left:'5%'}, "fast"); | ||
+ | }); | ||
}); | }); | ||
- | |||
- | |||
function startup(){ | function startup(){ | ||
$("#sidebarblue").animate({marginLeft:'+=250px'}, 1000); | $("#sidebarblue").animate({marginLeft:'+=250px'}, 1000); | ||
Line 361: | Line 579: | ||
$(".4").animate({marginLeft:'+=250px'}, 1000); | $(".4").animate({marginLeft:'+=250px'}, 1000); | ||
} | } | ||
- | |||
- | |||
- | |||
$(document).ready(function(){ | $(document).ready(function(){ | ||
setTimeout(function() { | setTimeout(function() { | ||
Line 381: | Line 596: | ||
}, 1750); | }, 1750); | ||
}); | }); | ||
- | |||
</script> | </script> | ||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 03:24, 18 October 2014