CSS/gifu/main

From 2014.igem.org

(Difference between revisions)
 
(431 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
<meta http-equiv="Content-Script-Type" content="text/javascript">
 +
<meta http-equiv="Content-Script-Type" content="text/css">
 +
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<style type="text/css">
<style type="text/css">
-
 
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
Line 10: Line 12:
padding-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
margin-bottom: 0px;
-
font-family: Georgia, Times, "Times New Roman", serif;  
+
font-family:;  
         color:white;
         color:white;
         font-size:10%;
         font-size:10%;
 +
        display:none;
 +
        }
 +
 +
h1, h2, h3, h4, h5
 +
{margin-left: 10px;
 +
margin-right: 10px;
 +
font-family:;
 +
font-color:black;
 +
font-size:x-large;
 +
text-decoration:none;
 +
}
}
-
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
Line 22: Line 35:
height: 14px;
height: 14px;
z-index: 100;
z-index: 100;
-
top: 0;
+
bottom: 0px;
position: fixed;
position: fixed;
width: 975px;  
width: 975px;  
left: 50%;  
left: 50%;  
margin-left: -487px;
margin-left: -487px;
 +
       
}
}
Line 36: Line 50:
position: fixed;
position: fixed;
width: 100%;
width: 100%;
-
top: 0;
+
bottom: 0px;
}
}
Line 45: Line 59:
}
}
-
body {
 
-
background-color: #fff;
 
-
}
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
#globalWrapper, #content { /*-- changes default wiki settings --*/
Line 65: Line 76:
#contentcontainer { /*-- creates container for all content on page --*/
#contentcontainer { /*-- creates container for all content on page --*/
-
font-family: Arial, Helvetica, sans-serif;  
+
font-family:;  
font-weight: normal;  
font-weight: normal;  
font-size: 14px;  
font-size: 14px;  
Line 79: Line 90:
list-style-type: none;  
list-style-type: none;  
list-style-image: none;  
list-style-image: none;  
-
font-family: verdana;  
+
font-family:;  
text-decoration: none;  
text-decoration: none;  
color:#000;  
color:#000;  
Line 121: Line 132:
.contentpara {margin-bottom: 30px;}
.contentpara {margin-bottom: 30px;}
-
span.email{font-family: monospace; font-weight: normal;}
+
span.email{font-family: ;}
fieldset {border: 1px solid #337f53;}
fieldset {border: 1px solid #337f53;}
Line 136: Line 147:
color: #414141;
color: #414141;
font-size: 25px;   
font-size: 25px;   
-
         font-family: Georgia, Times, "Times New Roman", serif;
+
         font-family:;
padding: 10px 15px 5px 10px;  
padding: 10px 15px 5px 10px;  
border-bottom: 1px solid #ccc;  
border-bottom: 1px solid #ccc;  
Line 153: Line 164:
display: inline;  
display: inline;  
font-size: 14px;  
font-size: 14px;  
-
font-family: Arial, Helvetica, sans-serif;  
+
font-family:;  
padding: 0px;  
padding: 0px;  
margin: 0px;
margin: 0px;
Line 211: Line 222:
.annItem li {list-style: none; margin: 5px}
.annItem li {list-style: none; margin: 5px}
-
h1,h2,p {
 
-
  margin-left: 10px;
 
-
  margin-right: 10px;
 
-
}
 
-
p {
+
 
-
  font-size: 110%;
+
 
 +
p
 +
{margin-left:10px;
 +
margin-right:10px;
 +
font-family:;
 +
font-size:18px;}
 +
 
 +
#space {
 +
  width: auto;
 +
  height: 150px;
 +
}
 +
 
 +
#spacehead{
 +
  width: auto;
 +
  height: 50px;
}
}
-
</style>
+
#theme {
-
</style>
+
  text-align:center;
 +
  font-size:400%;
 +
text-shadow: 5px 5px 1px #c0c0c0;
 +
}
 +
.theme2 {
 +
  text-align:center;
 +
  font-size:270%;
 +
}
-
</head>
+
.theme3 {
-
<body>
+
  text-align:center;
-
<table  width="70%" align="center" style=" margin:0px; margin-left:250px;        
+
  font-size:xx-large;
-
    padding:0px;   
+
}
-
background:url(https://static.igem.org/mediawiki/2014/7/76/Back.jpg) fixed; position:fixed;">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px" style="background:url(https://static.igem.org/mediawiki/2014/7/76/Back.jpg) fixed">
+
 +
#index {
 +
  font-size:120%;
 +
  list-style-type:none;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc> 
 
-
<a href="https://2014.igem.org/Team:Gifu"style="color:#330000">Home </a> </td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>
 
-
<a href="https://2014.igem.org/Team:Gifu/Team"style="color:#330000"> Team </a> </td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>
+
#iGEMtop {
-
<a href="https://2014.igem.org/Team:Gifu/Members%26Attributions"style="color:#330000"> Members & Attributions </a> </td>
+
  position:absolute;
 +
  top:0px;
 +
  left:5px;
 +
  z-index:0;
 +
text-align:right;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>
+
#center {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Gifu"style="color:#330000"> Official Team Profile </a></td>
+
  text-align:center;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>  
+
#trial {
-
<a href="https://2014.igem.org/Team:Gifu/Project"style="color:#330000"> Project</a></td>
+
    color:#ff3710;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc> 
+
body
-
<a href="https://2014.igem.org/Team:Gifu/Project"style="color:#330000"> Project1</a></td>
+
    {margin:0px;         
 +
    padding:0px;
 +
    text-align:center;
 +
background-color:#000000;   
 +
background-image: url(https://static.igem.org/mediawiki/2014/a/ab/Universe12.jpg);
 +
background-repeat: no-repeat;
 +
background-attachment:fixed;
 +
background-size: cover;
-
</tr>
+
    }
-
<tr heigth="75px">
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc> 
+
 
-
<a href="https://2014.igem.org/Team:Gifu/Projects/Circular%26RNA"style="color:#330000"> Circular&nbsp;RNA</a></td>
+
#main
 +
    {
 +
    margin-left:auto;   
 +
    margin-right:auto; 
 +
    text-align:left;   
 +
    width:70%
 +
background-color:#f0fff0;
 +
border-radius: 20px;
 +
font-size:16px;
 +
font-family:Calibri;
 +
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>
+
    }
-
<a href="https://2014.igem.org/Team:Gifu/Parts"style="color:#330000"> Parts</a></td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>
+
ul{font-size:16px;
-
<a href="https://2014.igem.org/Team:Gifu/Modeling"style="color:#330000"> Modeling</a></td>
+
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>  
+
.table {
-
<a href="https://2014.igem.org/Team:Gifu/Project"style="color:#330000"> Achievements </a></td>
+
text-align:center;
 +
border-collapse:collapse;
 +
empty-cells:show;
 +
margin:auto;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc> 
 
-
<a href="https://2014.igem.org/Team:Gifu/Project"style="color:#330000"> Judging Form</a></td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc> 
+
.abc
-
<a href="https://2014.igem.org/Team:Gifu/Notebook"style="color:#330000"> Calender</a></td>
+
{
 +
font-size:large;
 +
font-family:;
 +
background-color:#f0f8ff 
-
</tr>
+
}
-
<tr heigth="75px" style="background:url(https://static.igem.org/mediawiki/2014/7/76/Back.jpg) fixed">
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc> 
 
-
<a href="https://2014.igem.org/Team:Gifu/Project"style="color:#330000"> Human Practice</a></td>
 
 +
.clear
 +
{
 +
clear:both;}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc> 
+
.goTop {
-
<a href="https://2014.igem.org/Team:Gifu/Notebook"style="color:#330000"> Notebook</a></td>
+
  position:fixed;
 +
  bottom:15px;
 +
  right:20px;
 +
  color:white;
 +
  font-size:20px;
 +
  width:150px; 
 +
  }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc> 
+
#factory {
-
<a href="https://2014.igem.org/Team:Gifu/Protocol"style="color:#330000"> Protocol</a></td>
+
  visibility:visible;
 +
  cursor:pointer;
 +
  height:120px;
 +
  width:150px;
 +
  }
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>
+
#mada  {
-
<a href="https://2014.igem.org/Team:Gifu/Safety"style=" color:#330000"> Safety </a></td>
+
font-size:500%;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>  
+
</style>
-
<a href="https://2014.igem.org/Team:Gifu/Attributions"style="color:#330000"> Attributions </a></td>
+
<script type="text/javascript">
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>
+
$(function(){
-
<a href="https://2014.igem.org/Team:Gifu/training"style="color:#330000"> training </a></td>
+
$(".goTop").click(function(){
 +
$("body,html").animate(
 +
{scrollTop:0},800);
 +
return false;
 +
});
 +
});
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
var img = new Array();
-
</tr>
+
-
</table>
+
 +
img[1] = new Image();
 +
img[1].src = "https://static.igem.org/mediawiki/2014/d/d4/Factory1.png";
 +
img[2] = new Image();
 +
img[2].src = "https://static.igem.org/mediawiki/2014/7/70/Factory_go_top.png";
 +
img[3] = new Image();
 +
img[3].src = "https://static.igem.org/mediawiki/2014/b/b3/Factory3.png";
-
</body>
+
var cnt = 1;
 +
function imgchangeA(){
 +
cnt=3
 +
document.getElementById("factory").src=img[cnt].src;
 +
$("#factory").css("height","170px");
 +
};
 +
function imgchangeB(){
 +
cnt=2
 +
$("#factory").css("height","140px");
 +
document.getElementById("factory").src=img[cnt].src;
 +
};
 +
 +
function imgchangeC(){
 +
cnt=1
 +
$("#factory").css("height","120px");
 +
document.getElementById("factory").src=img[cnt].src;
 +
};
 +
 +
</script>
 +
</head>
 +
<body>
 +
<a href="https://2014.igem.org/Main_Page"> <img id="iGEMtop"
 +
src="https://static.igem.org/mediawiki/2014/1/1c/IGEMlogo_gifu.png"  height="80px" width="80px" >
 +
</img></a>
 +
<div class="goTop">
 +
<img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" id ="factory" alt="factory1"
 +
onClick="imgchangeA()"
 +
onMouseOver="imgchangeB()"
 +
onMouseOut="imgchangeC()"
 +
></img>
 +
</div>
 +
</body>
</html>
</html>
 +
<!--
 +
<img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" name="factory1" alt="factory1"></img>
 +
<ing src="https://static.igem.org/mediawiki/2014/6/63/Factory2.png" name="factory2" alt="factory2"></img>
 +
<img src="https://static.igem.org/mediawiki/2014/b/b3/Factory3.png" name="factory3" ait="factory3"></img>
 +
-->

Latest revision as of 08:05, 17 October 2014

factory1