Team:Groningen/DesignTest2

From 2012.igem.org

(Difference between revisions)
m
m
Line 10: Line 10:
<head>
<head>
-
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
 
-
 
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
<style>
Line 22: Line 20:
z-index:-1;
z-index:-1;
}
}
-
 
-
/*Windmill*/
 
#arm{
#arm{
width:120px;  
width:120px;  
Line 38: Line 34:
top:-32px;
top:-32px;
}
}
-
 
-
/*Menu*/
 
-
#navigation {
 
-
margin: 0;
 
-
padding: 0 0em;
 
-
height: 20px;
 
-
list-style: none;
 
-
display:block;
 
-
font-size:12px;
 
-
color:#fff;
 
-
z-index:2;
 
-
}
 
-
#navigation > li {
 
-
float: left;
 
-
height: 100%;
 
-
margin-right: 40px;
 
-
left:0px;
 
-
padding: 0 0em;
 
-
}
 
-
#navigation > li > a {
 
-
float: left;
 
-
height: 100%;
 
-
color: #00;
 
-
text-decoration: none;
 
-
line-height: 3;
 
-
font-weight: bold;
 
-
text-transform: uppercase;
 
-
}
 
-
#navigation > li > a:hover {
 
-
color: Black;
 
-
text-decoration: underline;
 
-
}
 
-
#navigation > li.sub {
 
-
position: relative;
 
-
}
 
-
#navigation > li.sub ul {
 
-
width: 120px;
 
-
margin: 0;
 
-
padding: 0.1em 0;
 
-
list-style: none;
 
-
background: #000;
 
-
position: absolute;
 
-
top: -1000em;
 
-
}
 
-
#navigation > li.sub ul li {
 
-
width: 90%;
 
-
}
 
-
#navigation > li.sub ul li a {
 
-
height: 100%;
 
-
display: block;
 
-
padding: 0.4em;
 
-
color: #fff;
 
-
font-weight: bold;
 
-
text-decoration: none;
 
-
}
 
-
#navigation > li.sub ul li a:hover {
 
-
background: #c60;
 
-
text-decoration: underline;
 
-
}
 
-
#navigation > li.sub:hover ul {
 
-
top: 2em;
 
-
}
 
-
 
-
#expand
 
-
.expand-down
 
-
{
 
-
font-family: Arial,Helvetica,sans-serif;
 
-
line-height: normal;
 
-
margin-bottom: 30px;
 
-
margin-top: 0px;
 
-
z-index:1;
 
-
}
 
-
.expand-down * {
 
-
margin: 0px;
 
-
padding: 0;
 
-
z-index:1;
 
-
}
 
-
.expand-down ul {
 
-
padding-top:100px;
 
-
z-index:1;
 
-
}
 
-
.expand-down ul li {
 
-
list-style-type:none;
 
-
z-index:1;
 
-
}
 
-
.expand-down ul li a {
 
-
text-decoration:none;
 
-
z-index:1;
 
-
}
 
-
.expand-down ul li a img {
 
-
width:80px;
 
-
height:82px;
 
-
border:none;
 
-
z-index:1;
 
-
}
 
-
.expand-down ul li a span {
 
-
display:none;
 
-
z-index:1;
 
-
}
 
-
.expand-down ul li:hover a span {
 
-
display:block;
 
-
font-size:14px;
 
-
text-align:center;
 
-
color:#fff;
 
-
z-index:1;
 
-
}
 
-
.expand-down ul li:hover a img {
 
-
width:80px;
 
-
height:82px;
 
-
z-index:1;
 
-
}
 
-
.expand-down ul li:hover + li a img {
 
-
width:80px;
 
-
height:82px;
 
-
z-index:1;
 
-
}
 
-
.expand-down ul li:hover + li + li a img {
 
-
width:80px;
 
-
height:82px;
 
-
z-index:1;
 
-
}
 
-
 
-
/*Body*/
 
-
body
 
-
{
 
-
background-attachment:fixed;
 
-
background-image:url(http://2012.igem.org/wiki/images/6/66/Groningen2012_AD_20120802_Background.png);
 
-
text-align: justify;
 
-
border: none;
 
-
}
 
-
#content
 
-
{
 
-
position: relative;
 
-
top:-5px;
 
-
width: 1024px;
 
-
padding: 0px 0px 0px 0px;
 
-
background-color:transparent;
 
-
border: none;
 
-
}
 
-
#bodyContent
 
-
{
 
-
width: 1024px;
 
-
position: relative;
 
-
padding: 0px 0px 0px 0px;
 
-
background-color:transparent;
 
-
border: none;
 
-
}
 
-
 
-
 
-
/*Suppress iGEM defaults*/
 
-
a[title="Main Page"]{display: none;}
 
-
.firstHeading{display: none;}
 
-
#menubar{display: none;}
 
-
#search-controls{display: none;}
 
-
#contentSub{display: none;}
 
-
#catlinks{display: none;}
 
-
#footer-box{display: none;}
 
</style>
</style>
</head>
</head>
-
+
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
 +
<link rel="stylesheet"href="http://2012.igem.org/Team:Groningen/style.css?action=raw&amp;ctype=text/css"/>
 +
</html>
 +
 
 +
<html>
<body>
<body>
<div class="expand-down">
<div class="expand-down">
Line 288: Line 131:
</body>
</body>
</html>
</html>
 +
 +
 +
 +
<html>
 +
<head>
 +
<style>
 +
body {
 +
margin: 0;
 +
padding: 0;
 +
font: 90% Arial, sans-serif;
 +
    margin-top: 0px;
 +
}
 +
 +
#navigation {
 +
margin: 0;
 +
padding: 0 0em;
 +
height: 20px;
 +
list-style: none;
 +
display:block;
 +
font-size:12px;
 +
color:#fff;
 +
z-index:2;
 +
}
 +
 +
#navigation > li {
 +
float: left;
 +
height: 100%;
 +
margin-right: 40px;
 +
left:0px;
 +
padding: 0 0em;
 +
}
 +
 +
#navigation > li > a {
 +
float: left;
 +
height: 100%;
 +
color: #00;
 +
text-decoration: none;
 +
line-height: 3;
 +
font-weight: bold;
 +
text-transform: uppercase;
 +
}
 +
 +
#navigation > li > a:hover {
 +
color: Black;
 +
text-decoration: underline;
 +
}
 +
 +
#navigation > li.sub {
 +
position: relative;
 +
}
 +
 +
#navigation > li.sub ul {
 +
width: 120px;
 +
margin: 0;
 +
padding: 0.1em 0;
 +
list-style: none;
 +
background: #000;
 +
position: absolute;
 +
top: -1000em;
 +
}
 +
 +
#navigation > li.sub ul li {
 +
width: 90%;
 +
 +
}
 +
 +
#navigation > li.sub ul li a {
 +
height: 100%;
 +
display: block;
 +
padding: 0.4em;
 +
color: #fff;
 +
font-weight: bold;
 +
text-decoration: none;
 +
 +
}
 +
 +
#navigation > li.sub ul li a:hover {
 +
background: #c60;
 +
text-decoration: underline;
 +
}
 +
 +
#navigation > li.sub:hover ul {
 +
top: 2em;
 +
}
 +
 +
</style>
 +
</head>
 +
</html>
 +
 +
 +

Revision as of 00:44, 16 August 2012





Our sponsors: