Team:Freiburg Software/testpage

From 2010.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- ***iGEM Freiburg*** -->
 
<html>
<html>
 +
<!--Freiburg_bioware-->
 +
<!--start css-->
<style>
<style>
 +
#content{
 +
width: 965px;
 +
background-color: #eeeeee;
 +
}
 +
 +
body {
 +
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/e/e9/Freiburg10_Versuch2.png) no-repeat fixed center top;
 +
}
#banner {
#banner {
-
position: relative;
 
-
left: 0px;
 
-
height: 150px;
 
width: 965px;
width: 965px;
-
margin: 0px 20px 0px 0px;  
+
height: 200px;
-
/*border: 1px solid black;*/
+
margin: 0px;
 +
}
 +
#banner_down {
 +
width: 965px;
 +
height: 300px;
 +
margin: 15px 0px 0px 0px;
}
}
div.button {
div.button {
Line 14: Line 25:
}
}
#menu {
#menu {
-
position: relative;
 
-
left: 135px;
 
-
top: 20px;
 
font-size: 15px;
font-size: 15px;
font-weight: bold;
font-weight: bold;
-
width: 700px;
+
width: 800px;
 +
margin: 40px 100px 40px 120px;
}
}
div.button a {
div.button a {
text-decoration: none;
text-decoration: none;
-
margin: 10px 5px 10px 10px;
+
margin: 10px 5px 10px 0px;
-
padding: 25px 25px 25px 25px;
+
padding: 25px 35px 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;
 +
border: 1px solid black;
}
}
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_left {
-
width: 470px;
+
float: left;
-
height: 500px;
+
margin: 20px 10px 0px 1px;
 +
width: 615px;
border: 1px solid black;
border: 1px solid black;
 +
}
 +
div.inline_right {
float: left;
float: left;
 +
margin: 20px 10px 0px 1px;
 +
width: 320px;
 +
border: 1px solid black;
}
}
-
#up_right {
+
div.inline_right a {
-
position: relative;
+
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/0/01/Freiburg10_Gradient_7_kl.png)repeat scroll center;
-
margin: 0px 0px 0px 0px;
+
float: left;
-
left: 0px;
+
margin: 20px 10px 0px 1px;
-
top: 70px;
+
width: 320px;
-
width: 470px;
+
height: 300px;
-
height: 500px;
+
border: 1px solid black;
border: 1px solid black;
-
float: right;
 
}
}
-
#down_middle {
+
div.inline_right a:hover {
-
position: absolute;
+
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/7/7d/Freiburg10_Gradient_5_kl.png)repeat scroll center;
-
top: 900px;
+
text-decoration: none;
-
width: 965px;
+
}
 +
#inline_right_id {
 +
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: 310px;
 +
height: 250px;
 +
text-align: center;
 +
}
 +
#inline_right_id a:hover{
 +
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/c/c8/550.gif)repeat scroll center;
 +
}
 +
div.inline_five {
 +
float: left;
 +
margin: 15px 0px 0px 1px;
 +
width: 310px;
 +
border: 1px solid black;
 +
}
 +
div.right_five {
 +
float: left;
 +
margin: 15px 0px 0px 14px;
 +
pedding: 0px 0px 0px 0px;
 +
width: 310px;
height: 200px;
height: 200px;
 +
text-align: center;
 +
/*border: 1px solid black;*/
 +
}
 +
p.normal {
 +
font-size: 24px;
 +
color: green;
 +
}
 +
div.link_uni {
 +
    position: absolute;
 +
    top: 150px;
 +
    left:150px;
 +
    width: 50px;
 +
    height: 50px;
 +
    z-index: 1;
 +
    background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/images/link.gif)repeat scroll center;
 +
}
 +
div.link_uni a {
 +
    margin: 0px 0px 0px 0px;
 +
    padding: 0px 50px 120px 50px;
border: 1px solid black;
border: 1px solid black;
 +
}
 +
div.link_uni a:hover {
 +
opacity: 0.2;
}
}
</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 class="link_uni"><a href="http://www.uni-freiburg.de" target="_blank"></a></div>
<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>
<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 class="button"><a href="http://www.molbiotech.uni-freiburg.de/iGEM" target="blank">Test</a></div>
Line 71: Line 130:
<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>
-
<div id="up_left">
+
<div class="overall">
-
Text
+
<div class="inline_left"><p class="normal">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 class="inline_right"><a href="http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/index.php/Homepage"><p style="color: black; font-size:30px; text-align:center; vertical-align: bottom;">Hello World! oben dlöfijgldjf fdhgid pidshgoldi ifhg dolfhcgd gpids hgidhg gi safpds gfpis dsih gffpshgidshfs fpdisg spifhp</p></a></div>
</div>
</div>
-
<br />
+
<div class="overall">
-
<div id="up_right">
+
<div class="inline_left"><p class="normal">second div area: 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 id="inline_right_id"><a href="http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/index.php/Homepage">Hello World!</a></div>
</div>
</div>
-
<br />
+
<div class="overall">
-
<div id="down_middle">
+
<div class="inline_five"><p style="font-size: 60px;">rechts unten fuer 5er Gruppe</p></div>
-
Text
+
<div class="right_five"><img src="http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/f/f1/Freiburg10_box_1_.png" width="310" height="200px"/></div>
 +
<div class="right_five"><img src="http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/d/d3/Freiburg10_box_a1_.png" width="310" height="200px"/></div>
 +
<div class="right_five"><img src="http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/b/bb/Freiburg10_box_11_.png" width="310" height="200px"/></div>
 +
<div class="right_five"><img src="http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/7/79/Freiburg10_box_2a.png" width="310" height="200px"/></div>
</div>
</div>
-
<br /><br /><br />
+
<img src="http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/b/b3/Banner.gif" alt="image bottom" id="banner_down" />
</html>
</html>
 +
<groupparts>iGEM010 Freiburg_Bioware</groupparts>

Latest revision as of 16:37, 5 September 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 dlöfijgldjf fdhgid pidshgoldi ifhg dolfhcgd gpids hgidhg gi safpds gfpis dsih gffpshgidshfs fpdisg spifhp

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

<groupparts>iGEM010 Freiburg_Bioware</groupparts>

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