Team:Linkoping Sweden

From 2014.igem.org

(Difference between revisions)
(Replaced content with "{{:Team:Linkoping_Sweden/Templates}} <html> <body> <p id="p"> hejsan </p> </body> </html>")
Line 1: Line 1:
 +
{{:Team:Linkoping_Sweden/Templates}}
 +
<html>
<html>
-
<!-- colorscheme http://colorschemedesigner.com/#2F31Tw0w0w0w0 -->
+
<body>
-
<!-- green #4DDE00 dark #329000 light #7AEE3C -->
+
-
<!-- orange #FF5900 light #FF8240 dark #A63A00 -->
+
-
<!-- pruple #B70094 -->
+
-
<!-- wiki width: 953px -->
+
-
 
+
-
<!-- Bildlänk: <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> -->
+
-
 
+
-
<style type="text/css">
+
-
 
+
-
body
+
-
{
+
-
font-family:arial,helvetica,sans-serif;
+
-
font-size:12px;
+
-
}
+
-
#wrapper
+
-
{
+
-
width:900px;
+
-
margin:0px auto;
+
-
border:0px solid #bbb;
+
-
padding:10px;
+
-
}
+
-
#header
+
-
{
+
-
border: 2px solid #329000;
+
-
height: 80px;
+
-
padding: 10px;
+
-
background-color: #7AEE3C;
+
-
border-radius: 10px;
+
-
color: #329000;
+
-
}
+
-
#content
+
-
{
+
-
margin-top:10px;
+
-
padding-bottom:10px;
+
-
}
+
-
#content div
+
-
{
+
-
padding:9px;
+
-
border:1px solid #bbb;
+
-
float:left;
+
-
border: 2px solid #329000;
+
-
border-radius: 5px;
+
-
}
+
-
#content h1, h2, h3
+
-
{
+
-
color: #B70094;
+
-
}
+
-
#content a
+
-
{
+
-
color: #4DDE00;
+
-
text-decoration: none;
+
-
font-weight: bold;
+
-
font-size: 13px;
+
-
}
+
-
#content a:hover
+
-
{
+
-
color: #329000;
+
-
text-decoration: underline;
+
-
}
+
-
#content-left
+
-
{
+
-
width:180px;
+
-
height: 100%;
+
-
}
+
-
#content-left a
+
-
{
+
-
display: block;
+
-
color: #A63A00;
+
-
font-size: 17px;
+
-
padding: 8px 8px 8px 8px;
+
-
margin-bottom: 5px;
+
-
text-decoration: none;
+
-
background-color: #FF8240;
+
-
border-radius: 7px;
+
-
}
+
-
#content-left a:hover
+
-
{
+
-
color: #FF8240;
+
-
background-color: #A63A00;
+
-
text-decoration: none;
+
-
}
+
-
#content-main
+
-
{
+
-
margin-left:10px;
+
-
width:500px;
+
-
height: 100%;
+
-
}
+
-
#content-main img
+
-
{
+
-
max-height: 150px;
+
-
display: block;
+
-
margin-bottom: 2px;
+
-
}
+
-
#content-right
+
-
{
+
-
margin-left:10px;
+
-
width:134px;
+
-
height: 100%;
+
-
}
+
-
#content-right img
+
-
{
+
-
width: 134px;
+
-
display: block;
+
-
margin-bottom: 2px;
+
-
}
+
-
#content-right a
+
-
{
+
-
display: block;
+
-
margin-bottom: 30px;
+
-
}
+
-
#footer
+
-
{
+
-
float: left;
+
-
margin-top: 10px;
+
-
margin-bottom: 10px;
+
-
padding: 10px;
+
-
border: 2px solid #329000;
+
-
border-radius: 7px;
+
-
width:876px;
+
-
text-align: center;
+
-
background-color: #7AEE3C;
+
-
}
+
-
#footer a
+
-
{
+
-
color: #4DDE00;
+
-
text-decoration: none;
+
-
font-weight: bold;
+
-
font-size: 13px;
+
-
color: #329000;
+
-
display: inline-block;
+
-
margin: 0px 10px 0px 10px;
+
-
}
+
-
#bottom
+
-
{
+
-
clear:both;
+
-
text-align:right;
+
-
}
+
-
 
+
-
.pri{color: #4DDE00}
+
-
.pri_light{color: #7AEE3C}
+
-
.pri_dark{color: #329000}
+
-
.sec{color: #FF5900}
+
-
.sec_light{color: #FF8240}
+
-
.sec_dark{color: #A63A00}
+
-
.ter{color: #B70094}
+
-
.ter_light{color: #DB63C4}
+
-
.ter_dark{color: #770060}
+
-
 
+
-
</style>
+
-
 
+
-
<!-- wrapper börjar här -->
+
-
<div id="wrapper">
+
-
 
+
-
<!-- header börjar här -->
+
-
<div id="header">
+
-
<h1 >Link&ouml;ping, Sweden - Ascoolt projekt (lovar)</h1>
+
-
<p>Awesome subtitle right here.</p>
+
-
</div>
+
-
 
+
-
<!-- 3 kolumner content börjar här -->
+
-
<div id="content">
+
-
 
+
-
<!-- vänstermenyn börjar här -->
+
-
<div id="content-left">
+
-
 
+
-
<h1>Site Menu</h1>
+
-
 
+
-
<a href="">Home</a>
+
-
<a href="">Team</a>
+
-
<a href="">Official Team Profile</a>
+
-
<a href="">Project</a>
+
-
<a href="">Parts</a>
+
-
<a href="">Modeling</a>
+
-
<a href="">Notebook</a>
+
-
<a href="">Safety</a>
+
-
<a href="">Attributions</a>
+
-
 
+
-
</div>
+
-
 
+
-
<!-- mittenfållan börjar här -->
+
-
<div id="content-main">
+
-
 
+
-
<h1>Welcome to Link&ouml;ping!</h1>
+
-
 
+
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas velit magna, facilisis id sollicitudin semper, egestas ut erat. Pellentesque a justo elit. Cras aliquet, felis eu placerat bibendum, purus est porta tortor, at tincidunt nisi quam at felis. Duis sed ligula quis ipsum dignissim vehicula. Nullam vehicula accumsan enim, vel iaculis lorem porta ac.</p>
+
-
 
+
-
<img src="http://www.doodleblob.com/Doodleblob_Old/Stegosaurus_Royalty_Free_Cute_Dinosaur_Clipart_files/Stegosaurus%20Clipart%20Doodleblob.jpg">
+
-
+
-
<a href="http://goo.gl/fkCHsT">Moar dinos right here!</a>
+
-
+
-
<h2>The project and stuff that matter</h2>
+
-
 
+
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas velit magna, facilisis id sollicitudin semper, egestas ut erat. Pellentesque a justo elit. Cras aliquet, felis eu placerat bibendum, purus est porta tortor, at tincidunt nisi quam at felis. Duis sed ligula quis ipsum dignissim vehicula. Nullam vehicula accumsan enim, vel iaculis lorem porta ac.</p>
+
-
 
+
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas velit magna, facilisis id sollicitudin semper, egestas ut erat. Pellentesque a justo elit. Cras aliquet, felis eu placerat bibendum, purus est porta tortor, at tincidunt nisi quam at felis. Duis sed ligula quis ipsum dignissim vehicula. Nullam vehicula accumsan enim, vel iaculis lorem porta ac.</p>
+
-
 
+
-
<img src="http://goo.gl/LzTMbd">
+
-
 
+
-
<a href="">I love the rain!</a>
+
-
 
+
-
 
+
-
</div>
+
-
 
+
-
 
+
-
<!-- högermenyn börjar här -->
+
-
<div id="content-right">
+
-
<img src="http://thumbs.gograph.com/gg60144744.jpg">
+
-
<br>
+
-
<a href="">I'm a luberjack!</a>
+
-
 
+
-
<img src="http://goo.gl/djqB2s">
+
-
<a href="">Me too!</a>
+
-
</div>
+
-
</div>
+
<p id="p"> hejsan </p>
-
<div id="footer">
+
-
<a href="">A link</a> |
+
-
<a href="">To the</a> |
+
-
<a href="">Past</a>
+
-
</div>
+
-
<div id="bottom"></div>
+
-
</div>
+
</body>
 +
</html>

Revision as of 08:53, 28 May 2014

hejsan