Template:WHUcss

From 2011.igem.org

(Difference between revisions)
 
(40 intermediate revisions not shown)
Line 13: Line 13:
#visit h3
#visit h3
{
{
-
font-family: 'Lobster',arial,tahoma,宋体b8b\4f53,sans-serif, cursive;
+
font-family: 'Lobster',"Bodoni MT",tahoma,宋体b8b\4f53,sans-serif, cursive;
-
font-size:24px;
+
font-size:22px;
color:#EB5649;
color:#EB5649;
}
}
Line 28: Line 28:
font-style:semi-bold;
font-style:semi-bold;
margin:5px;
margin:5px;
-
font-family: 'Vollkorn',arial,tahoma,宋体b8b\4f53,sans-serif;
+
font-family: 'Vollkorn',tahoma,宋体b8b\4f53,sans-serif;
color:#4CB848;
color:#4CB848;
}
}
Line 35: Line 35:
font-size:25px;
font-size:25px;
margin:5px;
margin:5px;
-
font-family: 'Vollkorn',arial,tahoma,宋体b8b\4f53,sans-serif;
+
font-family: 'Vollkorn',tahoma,宋体b8b\4f53,sans-serif;
font-style:Italic;
font-style:Italic;
color:#EB5649;
color:#EB5649;
}
}
-
#title
+
 
-
{ margin:12px;
+
-
  background:#FCD208;
+
-
  font-family: 'Lobster',arial,tahoma,宋体b8b\4f53,sans-serif, cursive;
+
-
  color:#EB5649;
+
-
  font-size:24px;
+
-
}
+
#menus
#menus
Line 52: Line 46:
text-align:center;
text-align:center;
position:absolute;
position:absolute;
-
top:165px;
+
top:167px;
width:960px;
width:960px;
-
left:32px;
+
left:35px;
}
}
    
    
Line 68: Line 62:
        
        
}
}
-
#menus ul li ul li
+
#menus ul li ul a li
{
{
display:block; width:118px; height:26px;-moz-border-radius:5px; -webkit-border-radius: 5px;
display:block; width:118px; height:26px;-moz-border-radius:5px; -webkit-border-radius: 5px;
Line 99: Line 93:
         z-index:99;
         z-index:99;
         width:118px;
         width:118px;
-
         font-family: 'Lobster',arial,tahoma,宋体b8b\4f53,sans-serif, cursive;
+
         font-family: 'Lobster',tahoma,宋体b8b\4f53,sans-serif, cursive;
        
        
}
}
Line 115: Line 109:
#head{margin:auto; width:1000px;}
#head{margin:auto; width:1000px;}
#title
#title
-
{text-align:center;}
+
{text-align:center;  font-family: 'Lobster',"Bodoni MT",tahoma,宋体b8b\4f53,sans-serif, cursive;
 +
font-size:22px;padding-top: .5em;font-weight: bold;
 +
color:#EB5649;}
#countdown
#countdown
{
{
Line 128: Line 124:
font-size:15px;
font-size:15px;
}
}
 +
#back
#back
{
{
Line 140: Line 137:
width:170px;
width:170px;
height:150px;
height:150px;
-
top:1700px;
+
top:1682px;
left:1015px;
left:1015px;
background:#FCD208;
background:#FCD208;
Line 305: Line 302:
clearTimeout(mouseout_tid[index]);
clearTimeout(mouseout_tid[index]);
mouseover_tid[index] = setTimeout(function() {
mouseover_tid[index] = setTimeout(function() {
-
jQuery(_self).css({"background":"#BA353E"}).find('ul:eq(0)').slideDown(230);
+
jQuery(_self).css({"background":"#BA353E"}).find('ul:eq(0)').slideDown(260);
}, 50);
}, 50);
},
},
Line 313: Line 310:
clearTimeout(mouseover_tid[index]);
clearTimeout(mouseover_tid[index]);
mouseout_tid[index] = setTimeout(function() {
mouseout_tid[index] = setTimeout(function() {
-
jQuery(_self).css({"background":"transparent"}).find('ul:eq(0)').slideUp(70);
+
jQuery(_self).css({"background":"transparent"}).find('ul:eq(0)').slideUp(90);
}, 50);
}, 50);
}
}
Line 319: Line 316:
);
);
});
});
-
$("#menus ul li ul li").hover(function(){
+
$("#menus ul li ul a li").hover(function(){
     $(this).css({"background-color":"#BA353E"});
     $(this).css({"background-color":"#BA353E"});
},function(){
},function(){
Line 335: Line 332:
<div id="content">
<div id="content">
<div class="WHUlogo" id="WHU1">
<div class="WHUlogo" id="WHU1">
-
<a href="https://2011.igem.org/Team:WHU-China"><img src="/wiki/images/3/3a/Whu-Head.jpg" height="220" width="1000"></a>
+
<a href="https://2011.igem.org/Team:WHU-China"><img src="/wiki/images/d/de/Whu-Head.png" height="220" width="1000"></a>
-
<a href="https://igem.org/Main_Page" title="igem.org"><img src="/wiki/images/9/90/Whu-igem.png" height="80" width="100" style="position:absolute;top:20px;right:50px;"></a>
+
<a href="https://igem.org/Main_Page" title="igem.org"><img src="/wiki/images/9/90/Whu-igem.png" height="80" width="100" style="position:absolute;top:30px;right:50px;"></a>
</div>
</div>
<div id="menus">  
<div id="menus">  
<ul id="menulist">  
<ul id="menulist">  
   <li class="mainlevel"> <a href="/Team:WHU-China">Home</li></a>  
   <li class="mainlevel"> <a href="/Team:WHU-China">Home</li></a>  
-
   <a href="/Team:WHU-China/Team"> <li class="mainlevel">Team
+
   <li class="mainlevel"><a href="/Team:WHU-China/Team"> Team</a>  
         <ul>  
         <ul>  
             <a  href="/Team:WHU-China/Team/History"><li>History</li></a>  
             <a  href="/Team:WHU-China/Team/History"><li>History</li></a>  
Line 348: Line 345:
             <a  href="/Team:WHU-China/Team/WhuUniversity"><li>Our University</li></a>
             <a  href="/Team:WHU-China/Team/WhuUniversity"><li>Our University</li></a>
         </ul>
         </ul>
-
     </li></a>   
+
     </li>  
     <li class="mainlevel"><a href="/Team:WHU-China/Project">Project</a>  
     <li class="mainlevel"><a href="/Team:WHU-China/Project">Project</a>  
         <ul>  
         <ul>  
Line 358: Line 355:
         </ul>   
         </ul>   
     </li>  
     </li>  
-
     <li class="mainlevel" style="width:90px;"><a href="/Team:WHU-China/Parts">Parts</a>  
+
     <li class="mainlevel" style="width:80px;"><a href="/Team:WHU-China/Parts">Parts</a>  
         <ul>   
         <ul>   
            
            
Line 385: Line 382:
</div>
</div>
-
<div id="countdown">
+
<div id="countdown"><div id="title">
-
<div id="title">
+
Count Down</div>
Count Down</div>
<div class="back">
<div class="back">
Line 399: Line 395:
var now = new Date();
var now = new Date();
function createtime(){
function createtime(){
-
var grt= new Date("10/15/2011 8:00:00");
+
var grt= new Date("11/5/2011 17:00:00");
now.setTime(now.getTime()+250);
now.setTime(now.getTime()+250);
days = (grt - now) / 1000 / 60 / 60 / 24;
days = (grt - now) / 1000 / 60 / 60 / 24;
Line 422: Line 418:
else
else
{
{
-
     document.getElementById("title").innerHTML = "iGEM 2011";
+
     document.getElementById("title").innerHTML = "iGEM 2011 Final";
     document.getElementById("pday").style.display = "none";
     document.getElementById("pday").style.display = "none";
     document.getElementById("phour").innerHTML = "WHU Bioers";
     document.getElementById("phour").innerHTML = "WHU Bioers";
Line 506: Line 502:
</div>  
</div>  
 +
 +
 +
<div id="visit">
<div id="visit">
<h3>Visitor</h3>
<h3>Visitor</h3>

Latest revision as of 10:46, 28 October 2011

Count Down

days

hours

minutes

seconds

Visitor

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