Template:Berkeley CSS

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <style type="text/CSS"> .shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; } a:link, a:visited, a:hover, ...")
 
Line 1: Line 1:
<html>
<html>
<style type="text/CSS">
<style type="text/CSS">
-
.shadow {
+
/* CSS Document */
-
-moz-box-shadow: 3px 3px 4px #000;
+
 
-
-webkit-box-shadow: 3px 3px 4px #000;
+
body{
-
box-shadow: 3px 3px 4px #000;
+
padding:0px;  
 +
margin:0px;
 +
background:#554D49;  
 +
color:#B6B6B6;
 +
font:14px/20px Arial, Helvetica, sans-serif;
}
}
-
a:link, a:visited,
+
div, p, ul, h2, h3, h4, img{
-
a:hover, a:active {
+
padding:0px;
-
text-decoration: none;
+
margin:0px;
}
}
-
div#mainMenu {
+
ul{
-
margin: 0px auto;
+
list-style-type:none;
-
background: #334D66;
+
-
width: 100%;
+
-
float: left;
+
}
}
-
ul.dropdown,
+
/*----TOP PANEL----*/
-
ul.dropdown li,
+
#maintopPan{
-
ul.dropdown ul {
+
height:322px;
-
list-style: none;
+
background:url(https://static.igem.org/mediawiki/2011/8/8b/Topbg.gif) 0 0 repeat-x;
-
margin: 0;
+
-
padding: 1px 5px;
+
}
}
-
ul.dropdown a {
+
#logoPan{
-
color: white;
+
width:778px;
 +
height:83px;
 +
position:relative;
 +
margin:0 auto;
 +
background:url(https://static.igem.org/mediawiki/2011/a/ab/Logopanel-bg.gif) 0 0 no-repeat;
}
}
-
ul.dropdown {
+
#logoPan img{
-
position: relative;
+
width:171px;
-
z-index: 597;
+
height:42px;
-
float: left;
+
position:absolute;
-
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
+
top:41px;
-
color: white;
+
left:304px;}
-
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;
}
}
-
ul.dropdown li {
+
#headerPan ul li.hom a:hover{
-
float: left;
+
background:url(images/home-hover.gif) 0 0 no-repeat;
-
line-height: 1.3em;
+
-
vertical-align: middle;
+
-
zoom: 1;
+
-
min-width: 105px;
+
}
}
-
ul.dropdown li.hover,
+
#headerPan ul li.aboutus a{
-
ul.dropdown li:hover {
+
width:75px;
-
position: relative;
+
height:51px;  
-
z-index: 599;
+
display:block;  
-
cursor: default;
+
background:url(https://static.igem.org/mediawiki/2011/d/d3/Aboutus-normal.gif) 0 0 no-repeat; text-indent:-20000px;
-
background: #3366FF;
+
}
}
-
ul.dropdown ul {
+
#headerPan ul li.aboutus a:hover{
-
visibility: hidden;
+
background:url(images/aboutus-hover.gif) 0 0 no-repeat;
-
position: absolute;
+
-
top: 100%;
+
-
left: 0;
+
-
z-index: 598;
+
-
background: #334D66;
+
}
}
-
ul.dropdown ul li {
+
#headerPan ul li.contact a{
-
float: left;
+
width:75px;  
-
min-width: 150px;
+
height:51px;
 +
display:block;
 +
background:url(https://static.igem.org/mediawiki/2011/9/9b/Contactus-normal.gif) 0 0 no-repeat; text-indent:-20000px;
}
}
-
ul.dropdown ul ul {
+
#headerPan ul li.contact a:hover{
-
top: 1px;
+
background:url(https://static.igem.org/mediawiki/2011/d/dc/Contactus-hover.gif) 0 0 no-repeat;
-
left: 99%;
+
}
}
-
ul.dropdown li:hover > ul {
+
/*----TOP PANEL----*/
-
visibility: visible;
+
 
 +
/*----MENU PANEL----*/
 +
#menuPan{
 +
width:778px;
 +
height:34px;
 +
position:relative;
 +
margin:0 auto;
}
}
-
ul.mainMenu li.currentPage {
+
#menuPan ul{
-
  color: #66CC66;
+
width:570px;
 +
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 15:26, 22 July 2011

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