CSS/gifu/main

From 2014.igem.org

(Difference between revisions)
 
(89 intermediate revisions not shown)
Line 4: Line 4:
<meta http-equiv="Content-Script-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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 14: 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%;
Line 23: Line 21:
{margin-left: 10px;
{margin-left: 10px;
  margin-right: 10px;
  margin-right: 10px;
-
font-family: Georgia, Times, "Times New Roman", serif;
+
font-family:;
  font-color:black;
  font-color:black;
font-size:x-large;
font-size:x-large;
Line 78: 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 92: 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 134: 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 149: 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 166: 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 230: Line 228:
{margin-left:10px;
{margin-left:10px;
margin-right:10px;
margin-right:10px;
-
font-family:Calibri;
+
font-family:;
font-size:18px;}
font-size:18px;}
    
    
Line 245: Line 243:
#theme {
#theme {
   text-align:center;
   text-align:center;
-
   font-size:xx-large;
+
   font-size:400%;
 +
text-shadow: 5px 5px 1px #c0c0c0;
 +
}
 +
 
 +
.theme2 {
 +
  text-align:center;
 +
  font-size:270%;
 +
}
 +
 
 +
.theme3 {
 +
  text-align:center;
 +
  font-size:xx-large;
}
}
#index {
#index {
-
   font-size:150%;
+
   font-size:120%;
   list-style-type:none;
   list-style-type:none;
}
}
Line 260: Line 269:
   left:5px;
   left:5px;
   z-index:0;
   z-index:0;
 +
text-align:right;
}
}
Line 273: Line 283:
     {margin:0px;           
     {margin:0px;           
     padding:0px;
     padding:0px;
-
     text-align:center;    
+
     text-align:center;
-
background:#2f4f4f fixed;  
+
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;
     }
     }
Line 296: Line 307:
     }
     }
 +
ul{font-size:16px;
 +
}
 +
 +
.table  {
 +
text-align:center;
 +
border-collapse:collapse;
 +
empty-cells:show;
 +
margin:auto;
 +
 +
}
Line 301: Line 322:
{
{
font-size:large;
font-size:large;
-
font-family:Calibri;
+
font-family:;
background-color:#f0f8ff   
background-color:#f0f8ff   
Line 307: Line 328:
-
.teampicture
 
-
{
 
-
float:left;
 
-
width:200px;
 
-
margin-left:55px;
 
-
margin-right:55px;
 
-
margin-top:20px;
 
-
margin-bottom:20px;
 
-
text-align:center;
 
-
 
-
}
 
-
 
-
.teampicture >img
 
-
{
 
-
width: 200px;
 
-
height:150px;
 
-
    vertical-align: top;
 
-
    clear:both;
 
-
    margin: 5px;
 
-
    border-radius: 10px
 
-
}
 
-
 
-
.teampicture >b
 
-
{ width: 200px;
 
-
 
-
    clear:both;
 
-
    text-align: left;
 
-
font-size:18px;
 
-
font-family:Calibri;
 
-
 
-
}
 
-
.teampicture >p
 
-
{ width: 200px;
 
-
height:100px;
 
-
    float: left;
 
-
    text-align: left;
 
-
font-size:16px;
 
-
font-family:Calibri;
 
-
}
 
.clear
.clear
{
{
Line 351: Line 333:
.goTop {
.goTop {
-
  cursor:pointer;
 
-
}
 
-
 
-
#factory1 {
 
   position:fixed;
   position:fixed;
   bottom:15px;
   bottom:15px;
-
   right:15px;
+
   right:20px;
-
  z-index:100000;
+
   color:white;
   color:white;
-
   font-size:xx-large;
+
   font-size:20px;
-
   height:150px;
+
   width:150px;
-
  width:150px;
+
  }
 +
 
 +
#factory {
   visibility:visible;
   visibility:visible;
-
   }
+
   cursor:pointer;
-
#factory2 {
+
   height:120px;
-
  position:fixed;
+
-
  bottom:15px;
+
-
  right:15px;
+
-
  z-index:100000;
+
-
  color:white;
+
-
  font-size:xx-large;
+
-
   height:150px;
+
   width:150px;
   width:150px;
-
  visibility:hidden;
 
-
  }
 
-
#factory3 {
 
-
  position:fixed;
 
-
  bottom:15px;
 
-
  right:15px;
 
-
  z-index:100000;
 
-
  color:white;
 
-
  font-size:xx-large;
 
-
  height:150px;
 
-
  width:150px;
 
-
  visibility:hidden;
 
   }
   }
 +
 +
#mada  {
 +
font-size:500%;
 +
}
</style>
</style>
Line 396: Line 360:
{scrollTop:0},800);
{scrollTop:0},800);
return false;
return false;
-
$("#factory1").css("visibility","hidden")
 
-
$("#factory3").css("visibility","visible")
 
-
})
 
-
.mouseover(function(){
 
-
$("#factory1").css("visibility","hidden")
 
-
$("#factory2").css("visibility","visible")
 
});
});
});
});
 +
 +
var img = new Array();
 +
 +
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";
 +
 +
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>
</script>
Line 409: Line 396:
<body>
<body>
<a href="https://2014.igem.org/Main_Page"> <img id="iGEMtop"  
<a href="https://2014.igem.org/Main_Page"> <img id="iGEMtop"  
-
src="https://static.igem.org/mediawiki/2014/5/51/Igemlogo_300px_backcolor_white_ver.png"  height="80px" width="80px">
+
src="https://static.igem.org/mediawiki/2014/1/1c/IGEMlogo_gifu.png"  height="80px" width="80px" >
</img></a>
</img></a>
-
 
+
<div class="goTop">
-
<div id="factory1">
+
<img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" id ="factory" alt="factory1"  
-
GO TOP!</br>
+
onClick="imgchangeA()"
-
<img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" class="goTop" id="factory1" alt="factory1"></img>
+
onMouseOver="imgchangeB()"
 +
onMouseOut="imgchangeC()"
 +
></img>
</div>
</div>
-
<div id="factory2">
 
-
GO TOP!</br>
 
-
<ing src="https://static.igem.org/mediawiki/2014/6/63/Factory2.png" class="goTop" id="factory2" alt="factory2"></img>
 
-
</div>
 
-
<div id="factory3">
 
-
GO TOP!</br>
 
-
<img src="https://static.igem.org/mediawiki/2014/b/b3/Factory3.png" class="goTop" id="factory3" ait="factory3"></img>
 
-
</div>
 
-
 
</body>
</body>
</html>
</html>

Latest revision as of 08:05, 17 October 2014

factory1

Retrieved from "http://2014.igem.org/CSS/gifu/main"