Team:Uppsala

From 2013.igem.org

Revision as of 14:16, 22 July 2013 by Sabrijamal (Talk | contribs)

<!DOCTYPE html>

<head> <meta charset="utf-8" /> <title>Uppsala iGEM 2013</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="css/styles.css"> <style> /* baby blue #b6e6fd; RGB(182,230,253) blue #0089d1; RGB(0,137,209) dark blue #22409a; RGB(34,64,154) */

*{ margin: 0px; padding: 0px; } /* html, body{ width: 100%; height: 100%; }*/

section, footer, nav{ display: block; }

body{ display: -webkit-box; -webkit-box-orient: center; background-image: url(../image/bakgrund3.png); /* bakgrund för hela sidan */ }

#main_frame { min-height: 1600px; width: 925px; margin: 20px auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-flex: 0; /* 1 flexible 0 static */ border: 1px solid ligth gray; border-radius: 15px; box-shadow: 0px 0px 30px rgba(110,110,110, .8); background: white; }

header { display: inline-block; position: relative; width: 100%; }

#logo_img{ position: relative; padding: 10px; -webkit-box-flex: 0;

}

#header img.logo{ float: left; width: 150px; }

#igem_logo{ position: relative; padding: 10px; -webkit-box-flex: 0;

}

#header img.igem_logo{ width: 400px; float: right; }

#navbar { background-image: url(../image/layout/menubar.png); background-repeat: no-repeat; background-position: center right; background-size: 93% 38%; }

#nav ul{ padding-top: 6.5%; text-align: center; } #nav li{ display: inline-block; list-style: none; padding: 0px; }

section{ -webkit-box-flex: 1; min-height: 500px; padding: 20px; }

footer{ padding: 20px; height: 100px; }

.home-knapp { position: relative;left:15px;top:-25px; width: 15%; float: left; }

.nav-text { padding-right: 8px; background: #22409a; -webkit-transition: -webkit-transform 0.1s, background 0.1s; }

.nav-text:hover { background: #0089d1; } </style> </head>

<body>



<header id= "header">



</header>


<section id="main_content">


</section>

<footer id="footer"> footer </footer>


</body>

</html>