Team:Freiburg Software/testpage

From 2010.igem.org

(Difference between revisions)
 
(16 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;
-
/*border: 1px solid black;*/
+
height: 200px;
 +
margin: 0px;
 +
}
 +
#banner_down {
 +
width: 965px;
 +
height: 300px;
 +
margin: 15px 0px 0px 0px;
}
}
div.button {
div.button {
Line 13: Line 25:
}
}
#menu {
#menu {
-
position: relative;
 
-
left: 150px;
 
-
top: 10px;
 
font-size: 15px;
font-size: 15px;
font-weight: bold;
font-weight: bold;
-
width: 915px;
+
width: 800px;
-
display: inline;
+
margin: 40px 100px 40px 120px;
}
}
div.button a {
div.button a {
text-decoration: none;
text-decoration: none;
-
color: #ffffff;
+
margin: 10px 5px 10px 0px;
-
margin: 10px 5px 5px 10px;
+
padding: 25px 35px 25px 25px;
-
padding: 25px 50px 25px 50px;
+
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/f/f1/Button_test.png) no-repeat scroll center;
-
background: transparent url(https://static.igem.org/mediawiki/igem.org/b/b8/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;
 +
}
 +
div.overall {
 +
width: 965px;
 +
margin: 30px 0px 0px 0px;
 +
display: inline;
 +
}
 +
div.inline_left {
 +
float: left;
 +
margin: 20px 10px 0px 1px;
 +
width: 615px;
 +
border: 1px solid black;
 +
}
 +
div.inline_right {
 +
float: left;
 +
margin: 20px 10px 0px 1px;
 +
width: 320px;
 +
border: 1px solid black;
 +
}
 +
div.inline_right a {
 +
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/0/01/Freiburg10_Gradient_7_kl.png)repeat scroll center;
 +
float: left;
 +
margin: 20px 10px 0px 1px;
 +
width: 320px;
 +
height: 300px;
 +
border: 1px solid black;
 +
}
 +
div.inline_right a:hover {
 +
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/7/7d/Freiburg10_Gradient_5_kl.png)repeat scroll center;
 +
text-decoration: none;
 +
}
 +
#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;
 +
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;
 +
}
 +
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>
Line 40: Line 125:
<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>
 +
<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>
 +
<div class="overall">
 +
<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 class="overall">
 +
<div class="inline_left"><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_id"><a href="http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/index.php/Homepage">Hello World!</a></div>
 +
</div>
 +
<div class="overall">
 +
<div class="inline_five"><p style="font-size: 60px;">rechts unten fuer 5er Gruppe</p></div>
 +
<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>
 +
<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.

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>