Template:HIT-Harbin CSS

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <style type="text/CSS"> body{ padding:0px; margin:0px; background:#554D49; color:#B6B6B6; font:14px/20px Arial, Helvetica, sans-serif; } div, p, ul, h2, h3, h4, img{ p...")
 
Line 1: Line 1:
<html>
<html>
<style type="text/CSS">
<style type="text/CSS">
-
body{
+
.shadow {
-
padding:0px;
+
-moz-box-shadow: 3px 3px 4px #000;
-
margin:0px;
+
-webkit-box-shadow: 3px 3px 4px #000;
-
background:#554D49;  
+
box-shadow: 3px 3px 4px #000;
-
color:#B6B6B6;  
+
-
font:14px/20px Arial, Helvetica, sans-serif;
+
}
}
-
div, p, ul, h2, h3, h4, img{
+
a:link, a:visited,
-
padding:0px;
+
a:hover, a:active {
-
margin:0px;
+
text-decoration: none;
}
}
-
ul{
+
div#mainMenu {
-
list-style-type:none;
+
margin: 0px auto;
 +
background: #334D66;
 +
width: 100%;
 +
float: left;
}
}
-
/*----TOP PANEL----*/
+
ul.dropdown,
-
#maintopPan{
+
ul.dropdown li,
-
height:322px;
+
ul.dropdown ul {
-
background:url(https://static.igem.org/mediawiki/2011/8/8b/Topbg.gif) 0 0 repeat-x;
+
list-style: none;
 +
margin: 0;
 +
padding: 1px 5px;
}
}
-
#logoPan{
+
ul.dropdown a {
-
width:778px;
+
color: white;
-
height:83px;
+
-
position:relative;
+
-
margin:0 auto;
+
-
background:url(https://static.igem.org/mediawiki/2011/a/ab/Logopanel-bg.gif) 0 0 no-repeat;
+
}
}
-
#logoPan img{
+
ul.dropdown {
-
width:171px;
+
position: relative;
-
height:42px;
+
z-index: 597;
-
position:absolute;
+
float: left;
-
top:41px;
+
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
-
left:304px;}
+
color: white;
-
 
+
background: #334D66;
-
#headerPan{
+
-
width:660px;
+
-
height:189px;
+
-
position:relative;  
+
-
margin:0 auto;
+
-
background:url(https://static.igem.org/mediawiki/2011/5/5e/Header.jpg) 100% 0 no-repeat; padding:16px 0 0;}
+
-
 
+
-
#headerPan ul{width:75px;}
+
-
 
+
-
#headerPan ul li{width:75px; height:51px;}
+
-
 
+
-
#headerPan ul li.sidenavpadding{padding:18px 0 0;}
+
-
 
+
-
#headerPan ul li.hom a{
+
-
width:75px;
+
-
height:51px;
+
-
display:block;  
+
-
background:url(https://static.igem.org/mediawiki/2011/e/e9/Home-hover.gif) 0 0 no-repeat;
+
-
text-indent:-20000px;
+
}
}
-
#headerPan ul li.hom a:hover{
+
ul.dropdown li {
-
background:url(images/home-hover.gif) 0 0 no-repeat;
+
float: left;
 +
line-height: 1.3em;
 +
vertical-align: middle;
 +
zoom: 1;
 +
min-width: 105px;
}
}
-
#headerPan ul li.aboutus a{
+
ul.dropdown li.hover,
-
width:75px;
+
ul.dropdown li:hover {
-
height:51px;  
+
position: relative;
-
display:block;  
+
z-index: 599;
-
background:url(https://static.igem.org/mediawiki/2011/d/d3/Aboutus-normal.gif) 0 0 no-repeat; text-indent:-20000px;
+
cursor: default;
 +
background: #3366FF;
}
}
-
#headerPan ul li.aboutus a:hover{
+
ul.dropdown ul {
-
background:url(images/aboutus-hover.gif) 0 0 no-repeat;
+
visibility: hidden;
 +
position: absolute;
 +
top: 100%;
 +
left: 0;
 +
z-index: 598;
 +
background: #334D66;
}
}
-
#headerPan ul li.contact a{
+
ul.dropdown ul li {
-
width:75px;  
+
float: left;
-
height:51px;
+
min-width: 150px;
-
display:block;
+
-
background:url(https://static.igem.org/mediawiki/2011/9/9b/Contactus-normal.gif) 0 0 no-repeat; text-indent:-20000px;
+
}
}
-
#headerPan ul li.contact a:hover{
+
ul.dropdown ul ul {
-
background:url(https://static.igem.org/mediawiki/2011/d/dc/Contactus-hover.gif) 0 0 no-repeat;
+
top: 1px;
 +
left: 99%;
}
}
-
/*----TOP PANEL----*/
+
ul.dropdown li:hover > ul {
-
 
+
visibility: visible;
-
/*----MENU PANEL----*/
+
-
#menuPan{
+
-
width:778px;
+
-
height:34px;
+
-
position:relative;
+
-
margin:0 auto;
+
}
}
-
#menuPan ul{
+
ul.mainMenu li.currentPage {
-
width:570px;
+
  color: #66CC66;
-
height:34px;
+
-
position:absolute;
+
-
top:0px;
+
-
left:149px;}
+
-
#menuPan ul li{
+
-
float:left;
+
-
text-align:center;
+
-
line-height:34px;
+
-
font-weight:bold;
+
}
}
-
#menuPan ul li.Home{
 
-
width:69px;
 
-
height:34px;
 
-
background:url(https://static.igem.org/mediawiki/2011/2/25/Client-hover.gif) 0 0 no-repeat #fff; color:#332D2B;
 
-
}
 
-
 
-
#menuPan ul li.Team a{
 
-
width:119px;
 
-
height:34px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/2/24/Testimonials-normal.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B; text-decoration:none;
 
-
}
 
-
 
-
#menuPan ul li.Team a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/3/34/Testimonials-hover.gif) 0 0 no-repeat #fff; color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Project a{
 
-
width:98px;
 
-
height:34px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/e/eb/Services-normal.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Project a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/a/a7/Services-hover.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Parts a{
 
-
width:96px;
 
-
height:34px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/5/58/Projects-normal.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Parts a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/c/c8/Projects-hover.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Notebook a{
 
-
width:103px;
 
-
height:34px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/6/61/Solutions-normal.gif) 0 0 no-repeat #fff; color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Notebook a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/2/2f/Solutions-hover.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Safety a{
 
-
width:85px;
 
-
height:34px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/4/4a/Market-normal.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Safety a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/b/b4/Market-hover.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
/*----/MENU PANEL----*/
 
-
 
-
/*----BODY TOP PANEL----*/
 
-
#mainbodytopPan{
 
-
background:url(https://static.igem.org/mediawiki/2011/4/4f/Bodytopbg.gif) 0 0 repeat-x #3B3532;
 
-
color:#B6B6B6;
 
-
margin:0 auto;}
 
-
 
-
#bodytopPan{
 
-
width:588px;
 
-
/*height:224px;*/
 
-
position:relative;
 
-
margin:0 auto;
 
-
padding:22px 95px 0;}
 
-
 
-
#bodytopPan h2{
 
-
width:588px;
 
-
height:60px;
 
-
background:url(https://static.igem.org/mediawiki/2011/2/20/Image1.gif) 250px 25px no-repeat #3C3633;
 
-
color:#D5D5D5;
 
-
font-size:30px;
 
-
line-height:60px;
 
-
font-weight:normal;}
 
-
 
-
#bodytopPan p span.yellow{
 
-
background:#3C3633;
 
-
color:#FFD900;}
 
-
/*----/BODY TOP PANEL----*/
 
-
 
-
/*----BODY PANEL----*/
 
-
#mainbodyPan{
 
-
background:url(https://static.igem.org/mediawiki/2011/2/20/Bodybg.gif) 0 0 repeat-x #554D49;
 
-
color:#B6B6B6;
 
-
margin:0 auto;}
 
-
 
-
#bodyPan{
 
-
width:588px;
 
-
/*height:400px;*/
 
-
background:url(https://static.igem.org/mediawiki/2011/4/43/Blog-header.jpg) 0 0 no-repeat;
 
-
position:relative;
 
-
margin:0 auto;
 
-
padding:108px 95px 0;}
 
-
 
-
#bodyPan h3{
 
-
width:500px;
 
-
height:46px;
 
-
display:block;
 
-
background:#554D49;
 
-
color:#D5D5D5;
 
-
font:36px/46px Arial, Helvetica, sans-serif;
 
-
font-weight:normal;}
 
-
 
-
#bodyPan h4{
 
-
width:365px;
 
-
height:54px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/5/5b/Date.gif) 0 0 no-repeat #554D49;
 
-
color:#009FC2;
 
-
font-size:14px;
 
-
line-height:20px;
 
-
font-weight:bold;
 
-
text-transform:uppercase;
 
-
padding:10px 0 0 52px;}
 
-
 
-
#bodyPan h4 span{
 
-
background:#554D49;
 
-
color:#F4D000;
 
-
font-size:18px;
 
-
font-weight:normal;
 
-
text-transform:none;}
 
-
 
-
#bodyPan h5{
 
-
width:375px;
 
-
height:54px;
 
-
float:left;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/4/44/Date2.gif) 0 0 no-repeat #554D49;
 
-
color:#009FC2;
 
-
font-size:14px;
 
-
line-height:20px;
 
-
font-weight:bold;
 
-
text-transform:uppercase;
 
-
padding:10px 0 0 52px;
 
-
margin:0px;}
 
-
 
-
#bodyPan h5 span{
 
-
background:#554D49;
 
-
color:#F4D000;
 
-
font-size:18px;
 
-
font-weight:normal;
 
-
text-transform:none;}
 
-
 
-
#bodyPan p{
 
-
width:430px;}
 
-
 
-
#bodyPan p span{
 
-
background:#554D49;
 
-
color:#fff;}
 
-
 
-
#bodyPan p.img1{
 
-
width:143px;
 
-
height:106px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/8/86/Img1.jpg) 0 0 no-repeat;
 
-
position:absolute;
 
-
top:189px;
 
-
right:95px;}
 
-
 
-
#bodyPan p.caption{
 
-
width:588px;
 
-
height:30px;
 
-
font-size:27px;
 
-
line-height:20px;
 
-
padding:10px 0;}
 
-
 
-
#bodyPan p.comments{
 
-
width:100px;
 
-
height:16px;
 
-
float:left;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/0/0a/Icon1.gif) 0 0 no-repeat #24201E;
 
-
line-height:16px;
 
-
color:#fff;
 
-
padding:0 0 0 30px;
 
-
margin:0 10px 0 0;}
 
-
 
-
#bodyPan p.comments span.no{
 
-
width:23px;
 
-
height:16px;
 
-
background:#0F0F0F;
 
-
color:#fff; margin:0 0 0 5px;
 
-
text-align:center;
 
-
padding:0 4px;}
 
-
 
-
#bodyPan p.continue{
 
-
width:88px;
 
-
height:16px;
 
-
float:left;
 
-
line-height:16px;
 
-
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; margin:0 170px 0 0;}
 
-
 
-
#bodyPan p.continue a{
 
-
width:88px;
 
-
height:16px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/8/88/Arrow-normal.gif) 75px 0 no-repeat #24201E;
 
-
color:#009FC2;
 
-
text-decoration:none;
 
-
padding:0 0 0 10px;}
 
-
 
-
#bodyPan p.continue a:hover{
 
-
background:url(images/arrow-hover.gif) 75px 0 no-repeat #24201E;
 
-
color:#009FC2;
 
-
text-decoration:none;}
 
-
 
-
#bodyPan p.border{
 
-
width:588px;
 
-
height:40px;
 
-
float:left;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/9/95/Dot-line.gif) 0 20px repeat-x;
 
-
margin:5px 0 0;}
 
-
 
-
#bodyPan p.img2{
 
-
width:143px;
 
-
height:106px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/f/f4/Img2.jpg) 0 0 no-repeat;
 
-
position:absolute;
 
-
top:460px;
 
-
right:95px;}
 
-
 
-
/*----FOOTER PANEL----*/
 
-
#footermainPan{
 
-
height:132px;
 
-
background:url(https://static.igem.org/mediawiki/2011/4/42/Footerbg.gif) 0 0 repeat-x #24201E;
 
-
color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
 
-
clear:both;
 
-
padding:86px 0 0;}
 
-
 
-
#footerPan{
 
-
width:588px;
 
-
position:relative;
 
-
margin:0 auto;}
 
-
 
-
#footerPan ul{
 
-
width:588px;
 
-
height:20px;
 
-
position:relative;
 
-
margin:0 auto;}
 
-
 
-
#footerPan li{
 
-
float:left; }
 
-
 
-
#footerPan ul li a{
 
-
padding:0 10px 0;
 
-
color:#fff;
 
-
background:#24201E;
 
-
text-decoration:none;
 
-
font-size:12px;}
 
-
 
-
#footerPan ul li a:hover{
 
-
text-decoration:underline;}
 
-
 
-
#footerPan p.copyright{
 
-
width:250px;
 
-
position:relative;
 
-
margin:0 auto;}
 
-
 
-
#footerPan ul.templateworld{
 
-
width:250px;
 
-
background:#24201E;
 
-
color:#fff;
 
-
display:block;
 
-
position:absolute;
 
-
top:75px; left:200px;
 
-
font-size:10px;}
 
-
 
-
#footerPan ul.templateworld li{
 
-
height:20px;}
 
-
#footerPan ul.templateworld li a{
 
-
background:#24201E;
 
-
display:block;
 
-
color:#fff;
 
-
text-decoration:none;
 
-
padding:0px;}
 
-
 
-
#footerPan ul.templateworld li a:hover{
 
-
text-decoration:underline;}
 
-
 
-
#footerPanhtml{
 
-
width:58px;
 
-
height:23px;
 
-
display:block;
 
-
position:absolute;
 
-
top:46px;
 
-
left:200px;}
 
-
 
-
#footerPanhtml a{
 
-
width:58px;
 
-
height:23px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/b/b9/Html-normal.gif) 0 0 no-repeat #A79040;
 
-
color:#685900;
 
-
font-size:13px;
 
-
line-height:23px;
 
-
font-weight:bold;
 
-
text-decoration:none;text-transform:uppercase;
 
-
padding:0 0 0 10px;}
 
-
 
-
#footerPanhtml a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/0/08/Html-hover.gif) 0 0 no-repeat #D64F00;
 
-
color:#24201E;}
 
-
 
-
#footerPancss{
 
-
width:58px;
 
-
height:24px;
 
-
display:block;
 
-
position:absolute;
 
-
top:45px;
 
-
left:270px;}
 
-
 
-
#footerPancss a{
 
-
width:49px;
 
-
height:24px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/3/34/Css-normal.gif) 0 0 no-repeat #D64F00;
 
-
color:#fff;
 
-
font-size:13px;
 
-
line-height:24px;
 
-
font-weight:bold;
 
-
text-decoration:none;
 
-
text-transform:uppercase;
 
-
padding:0 0 0 10px;}
 
-
 
-
#footerPancss a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/9/95/Css-hover.gif) 0 0 no-repeat #A79040;
 
-
color:#fff;
 
-
text-decoration:none;}
 
-
/*----/FOOTER PANEL----*/
 
</style>
</style>
</html>
</html>

Latest revision as of 16:18, 22 July 2011

Retrieved from "http://2011.igem.org/Template:HIT-Harbin_CSS"