User:Jannetta/Test

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Team:Newcastle/CSS_test}}
+
<html>
 +
<head>
 +
      <style type="text/css">
 +
      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
 +
 
 +
      .clear {clear:both;}
 +
body.mediawiki {
 +
background-color:#494d51;
 +
background-position: center center;
 +
background-attachment: fixed;
 +
background-repeat: no-repeat;
 +
font-family: Calibri, Verdana, helvetica, sans-serif;
 +
}
 +
h2 {padding: 10px 20px;
 +
                        font-size: 18px;
 +
                        color: #eb8300;
 +
                        text-decoration: none;
 +
                        font-weight: bold;}
 +
                        border: none;
 +
h2 a {color: #eb8300;}
 +
h3 {padding: 10px 20px;
 +
                        font-size: 16px;
 +
                        color: #000;
 +
                        font-decoration: none;
 +
                        font-weight: bold;}
 +
h1.firstHeading {
 +
display: none;
 +
}
 +
p {
 +
text-align: justify;
 +
}
 +
a:link {
 +
color: #00a5ea;
 +
text-decoration: none
 +
}
 +
a:visited {
 +
color:#00a5ea;
 +
text-decoration: none
 +
}
 +
a:hover {
 +
                        color: #eb8300;
 +
text-decoration: none
 +
}
 +
a:active {
 +
color:#f29400;
 +
text-decoration: none
 +
}
 +
#bodyContent { width: 970px; margin: 225px 0px 0px; background-color:#ede8e2;}
 +
                #content {padding-left: 0px; width: 970px;}
 +
table#team_members { text-align: justify; border: 0; }
 +
table#team_members h2, table#team_members h3 { clear: both; }
 +
#content * a:hover {text-decoration:none;}
 +
#main_wrapper {
 +
                        position:absolute; left:0px; top:0px;
 +
margin: 0;
 +
width: 969px;
 +
height: 221px;
 +
align: center;
 +
border-style: solid;
 +
                        border-color: white;
 +
}
 +
#header {
 +
                        position:absolute; left:0px; top:0px;
 +
margin: 0;
 +
width: 969px;
 +
height: 221px;
 +
align: left;
 +
background-color: #FFFFFF;
 +
                        background-image: url(https://static.igem.org/mediawiki/2009/1/1a/WebsiteHeader_2t.jpg);
 +
}
 +
#navigation {
 +
position:absolute; left:0px; top:150px; width:793px; height:69px;
 +
z-index:100; background-color: transparent; float: left;
 +
color: #0000FF;
 +
}
 +
#super_main_wrapper {
 +
                        position:absolute; left:0px; top:227px;
 +
width: 975px;
 +
align: center;
 +
background-color: #ede8e2;
 +
                        heigth: auto;
 +
                }
 +
                #orangeBox, #greenBox, #blueBox {background-repeat: no-repeat;
 +
                        height:200px;
 +
                        width: 323px;
 +
                        float:left;}
 +
                #orangeBox p, #greenBox p, #blueBox p{padding: 0 20px;
 +
                        text-align: justify;
 +
                        font-size: 12px;
 +
                        color: #FFF;}
 +
                #orangeBox h3, #greenBox h3, #blueBox h3{padding: 20px 25px 0 20px;
 +
                        font-weight: bold;
 +
                        font-size: 18px;
 +
                        color: #FFF;}
 +
                #orangeBox a, #greenBox a, #blueBox a {
 +
                        padding-right: 20px;
 +
                        font-weight: bold;
 +
                        font-size: 14px;
 +
                        display: block;
 +
                        text-align: right;
 +
                        color: #FFF;} 
 +
                #orangeBox {margin-left: 3px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2009/9/9d/OrangeBox.jpg);}
 +
                #greenBox {background-image: url(https://static.igem.org/mediawiki/2009/9/97/GreenBox.jpg);}
 +
                #blueBox {background-image: url(https://static.igem.org/mediawiki/2009/9/96/BlueBox.jpg);}
 +
 
 +
                #SubWrapper {width: 645px;
 +
                        padding: 0px;
 +
                        border-left:4px solid #ede8e2;
 +
                        float: left;
 +
                        margin-top: 3px;
 +
                        background-color: #ede8e2;}
 +
                #SubWrapper * p, #SubWrapper p  {padding: 0 20px;
 +
                        text-align: justify;
 +
                        font-size: 12px;}
 +
                #SubWrapper * h3, #SubWrapper h3 {padding-top: 10px;
 +
                        font-size: 18px;}
 +
                #news {width: 322px;
 +
                        margin-top: 3px;
 +
                        float: left;
 +
                        background-color: #d8d5d0;
 +
                        border-right:4px solid #ede8e2;}
 +
              #news p {padding: 0 20px 20px 20px;
 +
                        text-align: justify;
 +
                        font-size: 12px;}
 +
                #news h3 {padding: 10px 20px;
 +
                        font-size: 18px;}
 +
                #mission_box {width:650px;
 +
                        float: left;}
 +
                #team_box, #heartbeat_box, #notebook_box, #parts_box, #gallery_box, #sponsors_box, .boxy {width:215px;
 +
                        float: left;
 +
                        padding: 10px 0 0 0;}
 +
                div.tleft {border-width: 0px; margin:0; padding:0;border-color:transparent;}
 +
 
 +
               
 +
<!-- ################# Navi styles ######################### -->
 +
#menu * {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
#menu {
 +
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 -->
 +
font-family: calibri, verdana, sans-serif;
 +
font-size: 14px;
 +
background-color: transparent;
 +
float:left;
 +
padding: 10px 0 0 0;
 +
}
 +
 
 +
#menu ul {
 +
float: left;
 +
list-style: none;
 +
}
 +
 
 +
#menu ul li {
 +
background-color:transparent;
 +
        position:relative;
 +
float:left;
 +
list-style: none;
 +
padding: 10px 15px 0 0;
 +
        font-weight: bold;
 +
        width: auto;
 +
}
 +
 
 +
#menu a {
 +
color: #FFF;
 +
display: inline;
 +
text-decoration: none;
 +
}
 +
 
 +
#menu a:visited {
 +
color:#FFFFFF;
 +
text-decoration: none
 +
}
 +
 
 +
#menu a:hover {
 +
color: #00a5ea;
 +
}
 +
 
 +
#menu ul li ul {
 +
display: none;
 +
position: absolute;
 +
left: -20px;
 +
        width: 155px;
 +
        heigth: 1%;
 +
font-size: 12px;
 +
opacity: 0.8;
 +
list-style: none;
 +
        top: 19px;
 +
        padding-top: 9px;
 +
        z-index:500;
 +
}
 +
 
 +
#menu ul li:hover ul {
 +
display: inline;
 +
        background-position: bottom;
 +
}
 +
 
 +
#menu ul li ul li {
 +
width: 100%;
 +
list-style: none;
 +
        background-color: #000;
 +
        margin: -1px;
 +
        padding: 0 0 0 5px;
 +
        display: inline;
 +
}
 +
 
 +
body#home #mainHome a,
 +
body#team .aTeam,
 +
body#project .aProject,
 +
body#notebook .aNotebook,
 +
body#modeling .aModeling,
 +
body#sponsors .aSponsors,
 +
body#eucaryopedia .aEucaryopedia,
 +
body#parts .aParts
 +
{ color: #F08F03; <!--cursor: default;--> }
 +
 
 +
 
 +
</style>
 +
</head>
 +
 +
 
 +
 
 +
<!-- ############################# BODY!!!!! #################################### -->
 +
 
 +
<body>
 +
<!--[if IE]>
 +
<style type="text/css">
 +
#SubWrapper {width: 645px;}
 +
#news {width: 317px;}
 +
#super_main_wrapper {position:static;}
 +
#navigation {left: 15px;}
 +
#menu ul li ul {left: -2px; top: 22px;}
 +
</style>
 +
<![endif]--> 
<div id="main_wrapper">  
<div id="main_wrapper">  
   <div id="header">
   <div id="header">
Line 63: Line 298:
</div><!-- end drop menu -->
</div><!-- end drop menu -->
 +
</div> <!-- end navigation -->
</div>
</div>
</div>
</div>
 +
<!-- For IE 6 -->
 +
<script type="text/javascript">
 +
window.onload = function() {
 +
      var lis = document.getElementsByTagName('li');
 +
      for(i = 0; i < lis.length; i++) {
 +
            var li = lis[i];
 +
            if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainParts' || li.id == 'mainModeling' || li.id == 'mainNotebook') {
 +
                  li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
 +
                  li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
 +
            }
 +
      }
 +
}
 +
</script>
 +
</body></html>

Revision as of 15:04, 25 July 2010

Retrieved from "http://2010.igem.org/User:Jannetta/Test"