Team:Freiburg Software/testpage
From 2010.igem.org
(Difference between revisions)
(16 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
<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 { | ||
- | |||
- | |||
- | |||
width: 965px; | width: 965px; | ||
- | + | 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 { | ||
- | |||
- | |||
- | |||
font-size: 15px; | font-size: 15px; | ||
font-weight: bold; | font-weight: bold; | ||
- | width: | + | width: 800px; |
- | + | margin: 40px 100px 40px 120px; | |
} | } | ||
div.button a { | div.button a { | ||
text-decoration: none; | text-decoration: none; | ||
- | + | margin: 10px 5px 10px 0px; | |
- | margin: 10px | + | padding: 25px 35px 25px 25px; |
- | padding: 25px | + | background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/f/f1/Button_test.png) no-repeat scroll center; |
- | background: transparent url( | + | border: 1px solid black; |
} | } | ||
div.button a:hover { | div.button a:hover { | ||
- | background: transparent url( | + | 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> | ||
- | <!-- | + | <!--Start main stuff--> |
- | <img | + | <img src="http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/b/b3/Banner.gif" alt="banner" id="banner"/> |
- | < | + | <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