Template:WHUcss

From 2011.igem.org

(Difference between revisions)
 
(26 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:22px;
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;
}
}
-
#countdown h3
+
 
-
{
+
-
  font-family: 'Lobster',arial,tahoma,宋体b8b\4f53,sans-serif, cursive;
+
-
font-size:22px;
+
-
color:#EB5649;
+
-
}
+
#menus
#menus
Line 51: 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 98: 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 114: 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 127: Line 124:
font-size:15px;
font-size:15px;
}
}
-
#follow
+
 
-
{
+
-
position:absolute;
+
-
-webkit-border-radius: 5px;
+
-
-moz-border-radius:5px;
+
-
text-align:center;
+
-
width:170px;
+
-
height:120px;
+
-
top:1300px;
+
-
background:#FCD208;
+
-
left:1010px;
+
-
font-size:15px;
+
-
}
+
-
#follow h3
+
-
{
+
-
font-family: 'Lobster',arial,tahoma,宋体b8b\4f53,sans-serif, cursive;
+
-
font-size:22px;
+
-
color:#EB5649;
+
-
}
+
#back
#back
{
{
Line 158: Line 137:
width:170px;
width:170px;
height:150px;
height:150px;
-
top:1700px;
+
top:1682px;
left:1015px;
left:1015px;
background:#FCD208;
background:#FCD208;
Line 323: 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 331: 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 353: 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">  
Line 404: Line 383:
<div id="countdown"><div id="title">
<div id="countdown"><div id="title">
-
<h3>
+
Count Down</div>
-
Count Down</h3></div>
+
<div class="back">
<div class="back">
<p class="static" id="pday"> <span class="dyna" id="sday"></span> days</p>
<p class="static" id="pday"> <span class="dyna" id="sday"></span> days</p>
Line 417: 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 525: Line 503:
</div>  
</div>  
-
<div id="follow">
 
-
<h3>Follow Us</h3>
 
-
</div>
 
<div id="visit">
<div id="visit">

Latest revision as of 10:46, 28 October 2011

Count Down

days

hours

minutes

seconds

Visitor

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