"

From 2013.igem.org

<!DOCTYPE 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: ; /* 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>