Template:YES

From 2013.igem.org

(Difference between revisions)
(Created page with "<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"...")
 
(27 intermediate revisions not shown)
Line 1: Line 1:
-
<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
__NOTOC__
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
+
<html>
 +
 
<head>
<head>
-
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<style type="text/css">
 +
/* Hiding predefined html elements */
 +
/***********************************/
 +
#contentSub, #search-controls, #catlinks, #p-logo, .firstHeading {
 +
display:none;
 +
padding:0px;
 +
margin:0px;
 +
}
-
<meta charset="UTF-8">
+
/* Resize general layout */
-
<title>E.co-exist</title>
+
/*************************/
 +
body {
 +
background-color:#606060;
 +
text-align:center;
 +
}
 +
#content {
 +
overflow:hidden;
 +
display:inline-block;
 +
position:relative;
 +
min-width:800px;
 +
width:100%;
 +
max-width:3000px;
 +
margin:0px;
 +
padding:0px;
 +
text-align:center;
 +
z-index:888;
 +
border-style:none;
 +
}
 +
#top-section, #footer-box {
 +
min-width:800px;
 +
width:100%;
 +
max-width:3000px;
 +
padding:0px;
 +
margin:0px;
 +
display:inline-block;
 +
text-align:left;
 +
border-style:none;
 +
}
 +
#footer-box{background-color: #292929;}
 +
#top-section {
 +
position:absolute;
 +
height:5px;
 +
z-index:999;
 +
}
 +
#footer-box * {
 +
margin:5px;
 +
}
 +
#bodyContent {
 +
margin:0px;
 +
z-index:877;
 +
}
 +
#top-matter {
 +
width:100%;
 +
position: relative;
 +
z-index:777;
 +
}
 +
.center-vert {
 +
display:inline-block;
 +
width:100%;
 +
color:#000000;
 +
background-color:white;
 +
}
 +
.content-hori {
 +
vertical-align:top;
 +
display:block;
 +
text-align:left;
 +
}
 +
#navigation-bar {
 +
position:absolute;
 +
width:13em;
 +
color: white;
 +
padding:0.5em;
 +
}
 +
 +
#main {
 +
background-color:#292929;
 +
min-height:500px;
 +
}
 +
#main-content {
 +
margin-left:14em;
 +
min-height:500px;
 +
padding:5px;
 +
height:100%;
 +
background-color:white;
 +
border-bottom: 0.3em solid #FFCC00;
 +
border-left-style:solid;
 +
border-left-width:0.3em;
 +
border-left-color:#FFCC00;
 +
text-align: justify;
 +
 +
}
 +
 +
#slider-container {
 +
background-color: white;
 +
width: 60%;
 +
height: 20em;
 +
margin-left: 20em;
 +
 +
}
 +
 +
#flags {
 +
background-color:white;
 +
left: 20em;
 +
width: 20%;
 +
min-height: 20em;
 +
float: left;
 +
}
 +
table{margin-right: 5%;}
 +
/*
 +
#bottom-matter{
 +
background-color: #292929;
 +
min-height: 10em;
 +
width: 100%
 +
} */
 +
/* Override general formatting */
 +
/*******************************/
 +
 +
* { font-family:sans-serif;}
 +
p { margin:0px;}
 +
a:link { color:#009cc2; text-decoration:none; }
 +
a:visited { color:#009cc2;font-weight:bold; text-decoration:none; }
 +
a:focus { color:#009cc2; font-weight:bold; text-decoration:none;}
 +
a:hover { color:#009cc2; text-decoration:none; }
 +
a:active { font-weight:bold; color:#009cc2; text-decoration:none; }
 +
 +
ul{ list-style-image: url("https://static.igem.org/mediawiki/2013/d/de/HD_Bullet.png");
 +
list-style-type: square;}
 +
 +
a.menu-link:link { color:#FFFFFF; text-decoration:none; }
 +
a.menu-link:visited { color:#FFFFFF; text-decoration:none; }
 +
a.menu-link:focus { color:#FFCC00;text-decoration:none;}
 +
a.menu-link:hover { fond-weight:normal;color:#FFCC00; text-decoration:none; }
 +
a.menu-link:active {color:#FFCC00; text-decoration:none; }
 +
 +
a.left-nav:link { color:white; text-decoration:none; }
 +
a.left-nav:visited { color:#FFFFFF; text-decoration:none; }
 +
a.left-nav:focus { color:#FFCC00; text-decoration:none;}
 +
a.left-nav:hover { font-weight:bold; color:#FFCC00; text-decoration:none; }
 +
a.left-nav:active { font-weight:bold; color:#FFCC00; text-decoration:none; }
 +
/* Change user editing menu appearance */
 +
/***************************************/
 +
#menubar {
 +
top:-5px;
 +
}
 +
#menubar, #menubar:hover, .left-menu, .left-menu:hover, .right-menu, .right-menu:hover, .right-menu li a, .right-menu a:hover, #top-section, #top-section:hover {
 +
background-color:transparent;
 +
}
 +
.left-menu li a {
 +
color:transparent;
 +
}
 +
.left-menu ul li:last-child, .right-menu li a {
 +
color:#AAAAAA;
 +
color:#AAAAAA !important;
 +
}
 +
#top-section:hover .left-menu li a{
 +
color:#AAAAAA;
 +
}
 +
#menubar li a:hover {
 +
color:#FFD83D;
 +
color:#FFD83D !important;
 +
}
 +
 +
/* Define top navigation bar */
 +
/*****************************/
 +
#main-menu {
 +
height:15.5em;
 +
position:absolute;
 +
top:-7em;
 +
width:120%;
 +
        left: -10%;
 +
z-index:999;
 +
background-color:#292929;
 +
border:1px solid #292929;
 +
border-bottom-left-radius:100%;
 +
border-bottom-right-radius:100%;
 +
box-shadow: 0px 1px 5px 8px #404040;
 +
}
 +
#main-menu > a {
 +
text-decoration:none;
 +
}
 +
#menu-title {
 +
top:95px;
 +
color:#009cc2;
 +
position:relative;
 +
border-bottom:none;
 +
}
 +
 +
.menu-title-green { color:#009cc2; }
 +
.menu-title-blue{ color:#009cc2; }
 +
 +
.menu-item {
 +
display:inline-block;
 +
vertical-align:top;
 +
z-index:999;
 +
position:relative;
 +
width:10%;
 +
background-color:transparent;
 +
top:100px;
 +
}
 +
.menu-item a {
 +
display:block;
 +
text-align:center;
 +
border:none;
 +
width:100%;
 +
}
 +
.menu-item ul {
 +
width:100%;
 +
display:none;
 +
background-color:#292929;
 +
list-style:none;
 +
padding-top:1em;
 +
border:none;
 +
margin:0pt;
 +
color:white;
 +
}
 +
 +
.menu-item a * {
 +
display:block;
 +
}
 +
.menu-item ul li {
 +
border-bottom: 1pt solid;
 +
}
 +
.menu-item a:hover + ul, .menu-item ul:hover {
 +
display:block;
 +
}
 +
#menu-symbol{
 +
height:4em;
 +
margin:auto;
 +
}
 +
 +
/* Define title line containing logos */
 +
/**************************************/
 +
#title-line {
 +
width:100%;
 +
z-index:888;
 +
padding-top:8em;
 +
padding-bottom:0.5em;
 +
text-align:left;
 +
}
 +
#title-line * {
 +
display:inline-block;
 +
vertical-align:bottom;
 +
}
 +
#title-line a {
 +
height:5em;
 +
}
 +
#team-logo{
 +
margin-left:4.5em;
 +
padding-bottom:0.5em;
 +
}
 +
#team-logo img {
 +
height:110%;
 +
}
 +
#PS {
 +
margin-left:4.5em;
 +
}
 +
#PS h1 {
 +
padding:0em;
 +
border-style:none;
 +
color: #009cc2;
 +
margin:0em;
 +
}
 +
#flubber {
 +
width:2em;
 +
}
 +
#flubber img {
 +
width:100%;
 +
}
 +
#igem-2013 {
 +
float:right;
 +
margin-right:4.5em;
 +
}
 +
#igem-2013 img {
 +
height:100%;
 +
}
 +
#top-separator {
 +
background-color:#FFCC00;
 +
height:20px;
 +
text-align:left;
 +
}
 +
#top-separator * {
 +
margin-left:14em;
 +
}
 +
 +
/* Style left navigation bar */
 +
/*****************************/
 +
 +
#navigation-bar ul, #navigation-bar li {
 +
margin-top:0px;
 +
margin-bottom:0px;
 +
margin-right:0px;
 +
padding:0px;
 +
line-height:20px;
 +
}
 +
 +
#navi-highlight {
 +
/* change color in javascript*/
 +
}
 +
 +
/* Go to top and guided tour navigation */
 +
/*********************************************/
 +
 +
#goto-top {
 +
position:fixed;
 +
z-index:999;
 +
bottom:5%;
 +
left:70%;
 +
}
 +
 +
#tour-navi {
 +
position:fixed;
 +
z-index:999;
 +
bottom:5%;
 +
left:60%;
 +
width:100px;
 +
height:50px;
 +
display:none;
 +
}
 +
#tour-navi ul {
 +
/* background-image:url(../png/Guided_Navigation.svg); */
 +
background-repeat:no-repeat;
 +
background-position:top center;
 +
width:100%;
 +
height:100%;
 +
list-style:none;
 +
}
 +
#tour-navi ul li {
 +
float:left;
 +
}
 +
#tour-navi ul .tour-text {
 +
position:absolute;
 +
width:70px;
 +
top:40px;
 +
left:15px;
 +
display:none;
 +
}
 +
#tour-navi #tour-rev, #tour-navi #tour-pause, #tour-navi #tour-fwd {
 +
    height: 80%;
 +
    width: 33%;
 +
}
 +
#tour-navi ul li a {
 +
display:block;
 +
text-decoration:none;
 +
width:100%;
 +
height:100%;
 +
}
 +
 +
#tour-navi #tour-fwd:hover + li, #tour-navi #tour-pause:hover + li, #tour-navi #tour-rev:hover + li {
 +
display:block;
 +
}
 +
 +
 +
/* Styling of other template elements */
 +
/**************************************/
 +
 +
#gel-right{
 +
background-color:transparent;
 +
text-align:center;
 +
float: right;
 +
margin-right:1em;
 +
padding:0.5em;
 +
border-style:solid;
 +
border-width:1pt;
 +
border-color:#292929;
 +
border-radius:1em;
 +
}
 +
 +
 +
</style>
</head>
</head>
-
<body style="width:100%; height:100%; background-color:white;">
+
 
 +
<script type="text/javascript">
 +
<!--
 +
window.onresize = function() {
 +
rotateMenu("menu-team", getMenuAngle(2.2));
 +
rotateMenu("menu-project", getMenuAngle(1.2));
 +
rotateMenu("menu-notebook", getMenuAngle(0.2));
 +
rotateMenu("menu-parts", getMenuAngle(0));
 +
rotateMenu("menu-modelling", getMenuAngle(0.2), -1);
 +
rotateMenu("menu-human", getMenuAngle(1.2), -1);
 +
rotateMenu("menu-safety", getMenuAngle(2.2), -1);
 +
}
 +
 +
window.onload = function() {
 +
var drop_lists = document.getElementsByClassName("drop-navi-left");
 +
for (var i = 0; i < drop_lists.length; i++) {
 +
var item = drop_lists[i];
 +
while (item.tagName !== "UL") {
 +
var item = item.nextSibling;
 +
}
 +
item.style.display = "none";
 +
}
 +
var navi_links = document.getElementById("navigation-bar").getElementsByTagName("A");
 +
for (var i = 0; i < navi_links.length; i++) {
 +
if (document.documentURI.indexOf(navi_links[i].href) !== -1) {
 +
navi_links[i].style.color = "#FFCC00";
 +
var element = navi_links[i];
 +
while (element.parentNode.tagName !== "DIV") {
 +
var element = element.parentNode;
 +
if (element.tagName == "LI") element.style.display = "list-item";
 +
else element.style.display = "block";
 +
}
 +
var element = navi_links[i].parentNode;
 +
if (element.className == "drop-navi-left") {
 +
while (element.tagName !== "UL") {
 +
var element = element.nextSibling;
 +
}
 +
element.style.display = "block";
 +
}
 +
break;
 +
}
 +
}
-
</body>
+
}
 +
function start_tour() {
 +
var tour_navi = document.getElementById("tour-navi");
 +
if (tour_navi.style.display !== "block") {
 +
tour_navi.style.display = "block";
 +
}
 +
}
 +
function stop_tour() {
 +
var tour_navi = document.getElementById("tour-navi");
 +
if (tour_navi.style.display !== "none") {
 +
tour_navi.style.display = "none";
 +
}
 +
}
 +
function expand_left_navi(drop_list) {
 +
var list = drop_list;
 +
while (list.tagName !== "UL") {
 +
var list = list.nextSibling;
 +
}
 +
var visible = list.style.display;
 +
var drop_lists = document.getElementsByClassName("drop-navi-left");
 +
for (var i = 0; i < drop_lists.length; i++) {
 +
var item = drop_lists[i];
 +
while (item.tagName !== "UL") {
 +
var item = item.nextSibling;
 +
}
 +
item.style.display = "none";
 +
}
 +
if (visible == "none") {
 +
list.style.display = "block";
 +
} else {
 +
list.style.display = "none";
 +
}
 +
}
 +
function getMenuAngle(position) {
 +
var menu = document.getElementById("main-menu");
 +
var width = menu.offsetWidth;
 +
var a = 0.5 * width;
 +
var b = menu.offsetHeight;
 +
var wpos = width * position * 0.1;
 +
var t = Math.acos(wpos / a);
 +
var beta = Math.atan(a / b * Math.tan(t));
 +
var angle = Math.PI * 0.5 - beta;
 +
var y = b - b * Math.sin(t);
 +
return Array(angle,y);
 +
}
 +
function rotateMenu(id, angle, factor) {
 +
if (factor !== undefined)
 +
    angle[0] *= factor;
 +
var root = document.getElementById(id);
 +
root.style.position = "relative";
 +
root.style.top = "calc(5.3em - " + angle[1] + "px)"; // 100px from #main-menu
 +
var children = root.children;
 +
for (var i = 0; i < children.length; ++i) {
 +
                        if (children[i].nodeName == "A") {
 +
                            children[i].style.transform = "rotate(" + angle[0] + "rad)";
 +
                            break;
 +
}
 +
}
 +
}
 +
-->
 +
</script>
 +
<html>
 +
<div style="background-color:white;  z-index:5 width:100%; position:fixed; top:0px; ">
 +
<div class="header24" style="width:1000px; position:fixed; left:50%; margin-left:-500px; text-align:center; background-color:white;  " >
 +
<a href="https://2013.igem.org/Team:Osaka"><img src="https://static.igem.org/mediawiki/2013/e/e9/0home2.jpg" alt="team" style="margin-left:20px; margin-right:20px; height:40px;" /></a>
 +
<a href="https://2013.igem.org/Team:Osaka/Team"><img src="https://static.igem.org/mediawiki/2013/archive/f/fb/20130922193142%211team.jpg" alt="team" style="margin-left:20px; margin-right:20px; height:40px;" /></a>
 +
<a href="https://2013.igem.org/Team:Osaka/Project"><img src="https://static.igem.org/mediawiki/2013/archive/2/27/20130922174741%211team.png" alt="team" style="margin-left:20px; margin-right:20px; height:40px;" /></a>
 +
<a href="https://2013.igem.org/Team:Osaka/Modeling"><img src="https://static.igem.org/mediawiki/2013/archive/2/27/20130922174802%211team.png" alt="team" style="margin-left:20px; margin-right:20px; height:40px;" /></a>
 +
<a href="https://2013.igem.org/Team:Osaka/Human_practice"><img src="https://static.igem.org/mediawiki/2013/archive/2/27/20130922174822%211team.png" alt="team" style="margin-left:20px; margin-right:20px; height:40px;" /></a>
 +
<a href="https://2013.igem.org/Team:Osaka/Parts"><img src="https://static.igem.org/mediawiki/2013/archive/2/27/20130922174836%211team.png" alt="team" style="margin-left:20px; margin-right:20px; height:40px;" /></a>
 +
<a href="https://2013.igem.org/Team:Osaka/Achievement"><img src="https://static.igem.org/mediawiki/2013/archive/2/27/20130922174906%211team.png" alt="team" style="margin-left:20px; margin-right:20px; height:40px;" /></a>
 +
<a href="https://2013.igem.org/Team:Osaka/Safety"><img src="https://static.igem.org/mediawiki/2013/8/83/8safety.jpg" alt="team" style="padding-left:20px; padding-right:20px; height:40px;" /></a>
 +
</div>
 +
<div id="border-line" style="width:100%; height:3px; background-color:#353d59; position:fixed; margin-top:40px; " >
 +
 
 +
</div>
 +
 
 +
<img src="https://static.igem.org/mediawiki/2013/f/fb/1team.jpg"  style="text-align: center; position:absolute; top:0px; z-index:-1; "/>
 +
</div>
 +
 
 +
 
 +
 
 +
<style>
 +
.header24 a:hover img {
 +
  opacity: 0.5;
 +
  filter: alpha(opacity=50);
 +
  -ms-filter: "alpha(opacity=50)";
 +
}
 +
</style>
</html>
</html>

Latest revision as of 11:16, 23 September 2013

team team team team team team team team

Retrieved from "http://2013.igem.org/Template:YES"