|
|
| Line 1: |
Line 1: |
| | + | {{Team:Uppsala/styles}} |
| | + | |
| | <!DOCTYPE html> | | <!DOCTYPE html> |
| | <html> | | <html> |
| Line 5: |
Line 7: |
| | <title>Uppsala iGEM 2013</title> | | <title>Uppsala iGEM 2013</title> |
| | <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="https://2013.igem.org"> |
| | <style> | | <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> | | </style> |
| | </head> | | </head> |
"
