Template:ZJUglobal

From 2011.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<style type='text/css'>
-
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
+
-
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
+
-
<style type="text/css">
+
@charset "UTF-8";
@charset "UTF-8";
/* iGEM wiki Hacker */
/* iGEM wiki Hacker */
Line 87: Line 84:
width:970px;margin:0 auto;text-align:left;position:absolute;
width:970px;margin:0 auto;text-align:left;position:absolute;
font-family:'Molengo', sans-serif;
font-family:'Molengo', sans-serif;
-
background-color:#e9e9e9;
+
background-color:#transparent;
-
z-index:-3;
+
z-index:0;
}
}
#contentwrapper p{
#contentwrapper p{
Line 108: Line 105:
#footer-box{
#footer-box{
display: none;
display: none;
 +
}
 +
h1{
 +
border-bottom:none;
}
}
/*Hacker ends here*/
/*Hacker ends here*/
Line 121: Line 121:
/*Color Definition*/
/*Color Definition*/
-
#red h1{
+
#red a{
color:#f8b4ae;
color:#f8b4ae;
 +
}
 +
#red h1{
 +
color:red;
}
}
#red hr{
#red hr{
background-color:#f8b4ae;
background-color:#f8b4ae;
-
}
 
-
#red a{
 
-
color:#f8b4ae;
 
}
}
#red a:hover{
#red a:hover{
Line 134: Line 134:
text-decoration:none;
text-decoration:none;
}
}
-
#blue h1{
+
#red .bgcolors{
 +
background-color:#red;
 +
}
 +
#blue a{
color:#7fb3d8
color:#7fb3d8
 +
}
 +
#blue h1{
 +
color:# 006699
}
}
#blue hr{
#blue hr{
background-color:#7fb3d8;
background-color:#7fb3d8;
-
}
 
-
#blue a{
 
-
color:#7fb3d8;
 
}
}
#blue a:hover{
#blue a:hover{
Line 147: Line 150:
text-decoration:none;
text-decoration:none;
}
}
-
#orange h1{
+
#blue .bgcolors{
-
color:#ffcc99;
+
background-color:#006699;
-
}
+
-
#orange hr{
+
-
background-color:#ffcc99;
+
}
}
#orange a{
#orange a{
color:#ffcc99;
color:#ffcc99;
 +
}
 +
#orange h1{
 +
color:#ff9933;
 +
}
 +
#orange hr{
 +
background-color:#ffcc99;
}
}
#orange a:hover{
#orange a:hover{
color:#ff9933;
color:#ff9933;
text-decoration:none;
text-decoration:none;
 +
}
 +
#orange .bgcolors{
 +
background-color:#ff9933;
}
}
#cyan{
#cyan{
}
}
-
#cyan h1{
+
#cyan a{
color:#3399ff;
color:#3399ff;
 +
}
 +
#cyan h1{
 +
color:#0066ff;
}
}
#cyan hr{
#cyan hr{
background-color:#3399ff;
background-color:#3399ff;
-
}
 
-
#cyan a{
 
-
color:#3399ff;
 
}
}
#cyan a:hover{
#cyan a:hover{
-
color:#0066ff
+
color:#0066ff;
text-decoration:none;
text-decoration:none;
}
}
-
#gray h1{
+
#cyan .bgcolors{
 +
background-color:#0066ff;
 +
}
 +
#gray a{
color:#666666;
color:#666666;
 +
}
 +
#gray h1{
 +
color:#333333;
}
}
#gray hr{
#gray hr{
background-color:#666666;
background-color:#666666;
-
}
 
-
#gray a{
 
-
color:#666666;
 
}
}
#gray a:hover{
#gray a:hover{
Line 188: Line 200:
text-decoration:none;
text-decoration:none;
}
}
-
#green h1{
+
#gray .bgcolors{
 +
background-color:#333333;
 +
}
 +
#green a{
color:#aadba5;
color:#aadba5;
 +
}
 +
#green h1{
 +
color:#56b74c;
}
}
#green hr{
#green hr{
background-color:#aadba5;
background-color:#aadba5;
-
}
 
-
#green a{
 
-
color:#aadba5;
 
}
}
#green a:hover{
#green a:hover{
Line 201: Line 216:
text-decoration:none;
text-decoration:none;
}
}
-
#pink h1{
+
#green .bgcolors{
 +
background-color:#56b74c;
 +
}
 +
#pink a{
color:#ff66cc;
color:#ff66cc;
 +
}
 +
#pink h1{
 +
color:#ff0099;
}
}
#pink hr{
#pink hr{
background-color:#ff66cc;
background-color:#ff66cc;
-
}
 
-
#pink a{
 
-
color:#ff66cc;
 
}
}
#pink a:hover{
#pink a:hover{
color:#ff0099;
color:#ff0099;
text-decoration:none;
text-decoration:none;
 +
}
 +
#pink .bgcolors{
 +
background-color:#ff0099;
}
}
#black a{
#black a{
Line 220: Line 241:
color:#999;
color:#999;
}
}
-
#purple h1{
+
#black .bgcolors{
 +
background-color:#999;
 +
}
 +
#purple a{
color:#9966cc;
color:#9966cc;
 +
}
 +
#purple h1{
 +
color:#4700b1;
}
}
#purple hr{
#purple hr{
background-color:#9966cc;
background-color:#9966cc;
-
}
 
-
#purple a{
 
-
color:#9966cc;
 
}
}
#purple a:hover{
#purple a:hover{
Line 233: Line 257:
text-decoration:none;
text-decoration:none;
}
}
-
 
+
#purple .bgcolors{
-
 
+
background-color:#4700b1;
 +
}
Line 245: Line 270:
width:970px;margin:0 auto;text-align:left;position:relative;
width:970px;margin:0 auto;text-align:left;position:relative;
font-family:'Molengo', sans-serif;
font-family:'Molengo', sans-serif;
-
background-color:#e9e9e9;
+
background-color:#transparent;
 +
}
 +
#contentwrapper .hc{
 +
height:300px;
}
}
.main{
.main{
Line 296: Line 324:
background-image:url(http://ung.igem.org/wiki/images/1/17/Blocktop.png);
background-image:url(http://ung.igem.org/wiki/images/1/17/Blocktop.png);
background-repeat:no-repeat;
background-repeat:no-repeat;
 +
overflow:hidden;
}
}
.blockbottom{
.blockbottom{
background-image:url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png);
background-image:url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png);
background-repeat:no-repeat;
background-repeat:no-repeat;
 +
overflow:hidden;
}
}
.blockcontent{
.blockcontent{
padding:10px;
padding:10px;
background-color:white;
background-color:white;
 +
overflow:hidden;
}
}
Line 311: Line 342:
padding-right:24px;
padding-right:24px;
font-size:16px;
font-size:16px;
 +
overflow:hidden;
}
}
.links a:hover{
.links a:hover{
Line 328: Line 360:
background-image:url(http://ung.igem.org/wiki/images/7/79/Sidebarbottom.png);
background-image:url(http://ung.igem.org/wiki/images/7/79/Sidebarbottom.png);
background-repeat::no-repeat;
background-repeat::no-repeat;
 +
}
 +
.footer{
 +
background-color:#666666;
 +
padding:10px;
 +
text-align:center;
 +
}
 +
.footer a{
 +
color:#cccccc;
 +
margin:10px;
 +
text-decoration:none;
 +
}
 +
.footer a:hover {
 +
color:#FFF;
 +
text-decoration:none;
 +
cursor:pointer;
}
}
Line 368: Line 415:
background-color:transparent;
background-color:transparent;
width:970px;
width:970px;
-
height:300px;
+
height:320px;
position:static ;
position:static ;
top:1px;
top:1px;
Line 374: Line 421:
.banner{
.banner{
height:220px;
height:220px;
 +
z-index:-1;
 +
}
 +
.nav{
 +
top:230px;
 +
heigh:100px;
 +
position:absolute;
 +
z-index:100;
}
}
.logo{
.logo{
Line 379: Line 433:
left:20px;
left:20px;
position:absolute;
position:absolute;
 +
z-index:-1;
}
}
.title{
.title{
position:absolute;
position:absolute;
left:240px;
left:240px;
 +
z-index:-1;
}
}
.igemlogo{
.igemlogo{
Line 388: Line 444:
top:30px;
top:30px;
left:750px;
left:750px;
-
z-index:1;
+
z-index:-1;
}
}
ul#topnav {
ul#topnav {
-
margin: 0; padding: 0;
+
margin: 0;  
-
padding-top:230px;
+
margin-left:auto;
 +
margin-right:auto;
 +
padding: 0;
 +
padding-top:10px;
left:10px;
left:10px;
float: left;
float: left;
Line 402: Line 461:
background:transparent;
background:transparent;
/*background: url(topnav_stretch.gif) repeat-x;*/
/*background: url(topnav_stretch.gif) repeat-x;*/
 +
z-index:10;
}
}
Line 415: Line 475:
}
}
#searchbar{
#searchbar{
-
margin-top:5px;
+
margin-top:8px;
-
margin-left:5px;
+
margin-left:20px;
}
}
#contentwrapper .header .nav #topnav  a {
#contentwrapper .header .nav #topnav  a {
-
font-family: 'Hammersmith One', sans-serif;;
+
font-family: 'Hammersmith One', sans-serif;
 +
font-weight:bold;
 +
font-size:120%;
}
}
Line 432: Line 494:
}
}
ul#topnav li a {
ul#topnav li a {
-
padding: 10px 15px;
+
padding: 10px 21px;
font-size: 28px;
font-size: 28px;
Line 483: Line 545:
position: absolute;
position: absolute;
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
-
width:945px;
+
width:942px;
left: 0;
left: 0;
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
-
top:268px;
+
top:49px;
display: none; /*--Hide by default--*/
display: none; /*--Hide by default--*/
Line 561: Line 623:
  cursor: pointer;
  cursor: pointer;
}
}
-
</type>
+
 
 +
</style>
</head>
</head>
</html>
</html>

Latest revision as of 22:35, 5 October 2011

Retrieved from "http://2011.igem.org/Template:ZJUglobal"