Team:Freiburg Software/testpage

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!-- ***iGEM Freiburg*** -->
 
<html>
<html>
 +
<!--Freiburg_bioware-->
 +
<!--start css-->
<style>
<style>
 +
body {
 +
background-color: #632457;
 +
}
#banner {
#banner {
-
position: relative;
 
-
left: 0px;
 
-
height: 150px;
 
width: 965px;
width: 965px;
-
margin: 0px 20px 0px 0px;  
+
height: 300px;
-
/*border: 1px solid black;*/
+
margin: 0px;
 +
}
 +
#banner_down {
 +
width: 965px;
 +
height: 300px;
 +
margin: 15px 0px 0px 0px;
}
}
div.button {
div.button {
Line 14: Line 20:
}
}
#menu {
#menu {
-
position: relative;
 
-
left: 135px;
 
-
top: 20px;
 
font-size: 15px;
font-size: 15px;
font-weight: bold;
font-weight: bold;
width: 700px;
width: 700px;
 +
margin: 40px 80px 40px 90px;
}
}
div.button a {
div.button a {
Line 25: Line 29:
margin: 10px 5px 10px 10px;
margin: 10px 5px 10px 10px;
padding: 25px 25px 25px 25px;
padding: 25px 25px 25px 25px;
-
background: transparent url(https://static.igem.org/mediawiki/igem.org/f/f1/Button_test.png) no-repeat scroll center;
+
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/f/f1/Button_test.png) no-repeat scroll center;
}
}
div.button a:hover {
div.button a:hover {
-
background: transparent url(https://static.igem.org/mediawiki/igem.org/b/b8/Button_hover_test.png) no-repeat scroll center;
+
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/b/b8/Button_hover_test.png) no-repeat scroll center;
}
}
-
/*main area*/
+
div.overall {
-
#up_left {
+
width: 965px;
-
position: relative;
+
margin: 30px 0px 0px 0px;
-
margin: 0px 0px 0px 0px;
+
display: inline;
-
left: 0px;
+
}
-
top: 70px;
+
div.inline {
-
width: 470px;
+
float: left;
-
height: 500px;
+
margin: 20px 10px 0px 1px;
 +
width: 462px;
border: 1px solid black;
border: 1px solid black;
 +
}
 +
div.inline_five {
float: left;
float: left;
 +
margin: 10px 10px 0px 1px;
 +
width: 462px;
 +
border: 1px solid black;
}
}
-
#up_right {
+
div.inline a {
-
position: relative;
+
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/c/c8/550.gif)repeat scroll center;
-
margin: 0px 0px 0px 0px;
+
float: left;
-
left: 0px;
+
margin: 20px 10px 0px 1px;
-
top: 70px;
+
width: 472px;
-
width: 470px;
+
height: 300px;
-
height: 500px;
+
border: 1px solid black;
border: 1px solid black;
-
float: right;
+
}
 +
div.inline a:hover {
 +
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/2/2d/550_blue.gif)repeat scroll center;
 +
}
 +
#inline_right {
 +
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/2/2d/550_blue.gif)repeat scroll center;
 +
float: left;
 +
margin: 20px 10px 0px 1px;
 +
width: 472px;
 +
height: 250px;
 +
text-align: center;
 +
}
 +
#inline_right a:hover{
 +
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/c/c8/550.gif)repeat scroll center;
 +
}
 +
div.right_five {
 +
float: left;
 +
margin: 10px 10px 0px 1px;
 +
width: 223px;
 +
height: 130px;
 +
text-align: center;
 +
border: 1px solid black;
 +
 
 +
}
 +
p.normal {
 +
font-size: 24px;
 +
color: green;
}
}
</style>
</style>
-
<!--Banner-->
+
<!--Start main stuff-->
-
<img id="banner" src="https://static.igem.org/mediawiki/igem.org/d/d5/Banner_test.png" alt="banner" />
+
<img src="http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/b/b3/Banner.gif" alt="banner" id="banner"/>
-
<!--Menu-->
+
<div id="menu">
<div id="menu">
<div class="button"><a href="http://www.molbiotech.uni-freiburg.de/iGEM" target="blank">Test</a></div>
<div class="button"><a href="http://www.molbiotech.uni-freiburg.de/iGEM" target="blank">Test</a></div>
Line 64: Line 98:
<div class="button"><a href="http://www.molbiotech.uni-freiburg.de/iGEM" target="blank">Test</a></div>
<div class="button"><a href="http://www.molbiotech.uni-freiburg.de/iGEM" target="blank">Test</a></div>
</div>
</div>
-
<!--Main-->
+
<div class="overall">
-
<div id="up_left">
+
<div class="inline"><p class="normal">Mainpage with a lot of stuff in/on it ;)
-
Text
+
you see two boxes, one with text the other with an oragne image.</p></div>
 +
<div class="inline"><a href="http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/index.php/Homepage">Hello World! oben</a></div>
 +
</div>
 +
<div class="overall">
 +
<div class="inline"><p class="normal">second div area: Mainpage with a lot of stuff in/on it ;)
 +
you see two boxes, one with text the other with an oragne image.</p></div>
 +
<div id="inline_right"><a href="http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/index.php/Homepage">Hello World!</a></div>
</div>
</div>
-
<div id="up_right">
+
<div class="overall">
-
Text
+
<div class="inline_five"><p style="font-size: 60px;">rechts unten fuer 5er Gruppe</p></div>
 +
<div class="right_five">box 1</div>
 +
<div class="right_five">box2</div>
 +
<div class="right_five">box3</div>
 +
<div class="right_five">box4</div>
</div>
</div>
 +
<img src="http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/b/b3/Banner.gif" alt="image bottom" id="banner_down" />
</html>
</html>

Revision as of 13:47, 27 August 2010

Mainpage with a lot of stuff in/on it ;) you see two boxes, one with text the other with an oragne image.

Hello World! oben

second div area: Mainpage with a lot of stuff in/on it ;) you see two boxes, one with text the other with an oragne image.

rechts unten fuer 5er Gruppe

box 1
box2
box3
box4

Retrieved from "http://2010.igem.org/Team:Freiburg_Software/testpage"