Team:Uppsala
From 2013.igem.org
(Difference between revisions)
Sabrijamal (Talk | contribs) |
Sabrijamal (Talk | contribs) |
||
Line 7: | Line 7: | ||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> | <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> | ||
<link rel="stylesheet" type="text/css" href="css/styles.css"> | <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> | </head> | ||
Revision as of 14:15, 22 July 2013
<!DOCTYPE html>