Team:Uppsala/testet

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{style}}
+
/*
-
 
+
baby blue #b6e6fd; RGB(182,230,253)
-
<html>
+
blue #0089d1; RGB(0,137,209)
-
 
+
dark blue #22409a; RGB(34,64,154)
-
<head>
+
-
<meta charset="utf-8" />
+
<style type="text/css">
-
<title>Uppsala iGEM 2013</title>
+
@-moz-document url-prefix() {
-
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+
h1 {
-
<link rel="stylesheet" type="text/css" href="css/styles.css">
+
color: red;
-
 
+
}
 +
}
 +
</style>
 +
*/
 +
 +
 +
<html>
<style type="text/css">
<style type="text/css">
-
@-moz-document url-prefix() {
+
 
-
     */#main_frame {
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
-
        position: relative;
+
     display: none;
-
left: 25%;
+
}
-
top:  0px;
+
#top-section {
-
margin-left: 5%;
+
    border: none;
-
     }
+
     height: 0px;
}
}
-
</style>
 
-
</head>
+
#content {
 +
    border: none;
 +
    width: 99.5%;
 +
    height: 99.5%;
 +
    background-image: url("https://static.igem.org/mediawiki/2013/2/26/Background.png");
 +
    position: fixed;
 +
    overflow: auto;
 +
    repeat-x;   
 +
}
-
<body>
 
-
<!--Main frame contains all the div elements-->
+
-
 
+
-
<div id= "main_frame">
+
-
 
+
-
<!--Contains our top header-->
+
-
<header id= "header">
 
-
<!-- Contains sub-logo picture -->
+
*{
-
<div id="igem_logo"><a href="https://2013.igem.org/Main_Page"><img class="igem_logo" src="https://static.igem.org/mediawiki/2013/5/59/IGEMlogo.png"></a></div>
+
margin: 0px;
-
+
padding: 0px;
 +
border: none;
 +
}
 +
/*
 +
html, body{
 +
width: 100%;
 +
height: 100%;
 +
}*/
 +
 +
section, footer, nav{
 +
display: block;
 +
}
 +
 +
body{
 +
 +
width: 100%;
 +
height: 100%;
 +
background-image: url(../image/bakgrund3.png); /* bakgrund för hela sidan */
 +
}
 +
 +
#main_frame {
 +
min-height: 1600px;
 +
width: 950px;
 +
margin: 20px auto;
 +
border: 1px solid ligth gray;
 +
border-radius: 15px;
 +
box-shadow: 0px 0px 30px rgba(110,110,110, .8);
 +
background: white;
-
</header>
+
}
-
<!-- Contains the "nav div" and the stripe background for the navigation menu -->
+
header {
-
 
+
display: inline-block;
-
<div id="navbar">
+
position: relative;
-
 
+
width: 100%;
-
<!-- Contains the navigation menu with list elements -->
+
}
-
+
-
<nav id="nav">
+
#logo_img{
-
<a href="index.html"><img class="home-knapp" src="https://static.igem.org/mediawiki/2013/9/9a/Home.png"><a/>
+
position: relative;
-
<ul>
+
padding: 10px;
-
<li><a href="project.html" id="list_type1"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/9/92/Project.png"></a>
+
}
-
<ul>
+
-
<li><a href="#">Result</a></li>
+
#header img.logo{
-
<li><a href="#">Overwiev</a></li>
+
float: left;
-
<li><a href="#">Chassi</a></li>
+
width: 150px;
-
<li><a href="#">Chromoprotein</a></li>
+
}
-
<li><a href="#">Collection</a></li>
+
-
<li><a href="#">Safety experiments</a></li>
+
#igem_logo{
-
<li><a href="#">Resveratrol</a></li>
+
position: relative;
-
<li><a href="#">Caretnoids</a></li>
+
padding: 10px;
-
<li><a href="#">Saffron</a></li>
+
}
-
<li><a href="#">Miraculin</a></li>
+
-
</ul></li>
+
#header img.igem_logo{
-
<li><a href="modeling.html" id="list_type1"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/3/3c/Modeling.png"></a>
+
width: 400px;
-
<ul>
+
float: right;
-
<li><a href="#">Resveratrol</a></li>
+
}
-
<li><a href="#">Carotenoids</a></li>
+
-
</ul></li>
+
#navbar {
-
<li><a href="parts.html" id="list_type2"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/7/79/Parts.png"></a></li>
+
background-image: url(../image/layout/menubar.png);
-
+
background-repeat: no-repeat;
-
<li><a href="team.html" id="list_type2"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/3/32/Team.png"></a>
+
background-position: center right;
-
<ul>
+
background-size: 93% 55px;
-
<li><a href="#">Hampans bakterielåda</a></li>
+
height: 55px;
-
<li><a href="#">Clonerz</a></li>
+
}
-
<li><a href="#">Geneticals</a></li>
+
nav {
-
<li><a href="#">Instructors</a></li>
+
}
-
<li><a href="#">Supervisors</a></li>
+
-
</ul></li>
+
section
-
<li><a href="hp.html" id="list_type3"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/f/f5/HP.png"></a>
+
{
-
<ul>
+
min-height: 1300px;
-
<li><a href="#">Yoghurt Products</a></li>
+
padding: 20px;
-
<li><a href="#">Synbioday</a></li>
+
}
-
<li><a href="#">Bioethics</a></li>
+
-
<li><a href="#">Safety</a></li>
+
-
<li><a href="#">Societ / Public opinion</a></li>
+
-
<li><a href="#">High School Outreach</a></li>
+
-
</ul></li>
+
-
<li><a href="attribution.html" id="list_type4"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/8/8d/Attributions.png"></a></li>
+
-
<li><a href="notebook.html" id="list_type3"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/9/95/Notebook.png"></a></li>
+
-
</ul>
+
-
</nav>
+
-
</div>
+
footer
-
 
+
{
-
<section id="main_content">
+
padding: 20px;
 +
height: 100px;
 +
}
-
 
+
.home-knapp
-
</section>
+
{
 +
position: relative;left:15px;top:-84px;
 +
width: 15%;
 +
float: left;
 +
z-index: 2;
 +
}
 +
 +
.nav-text
 +
{
 +
padding-right: 10px;
 +
z-index: 1;
 +
/*-webkit-transition: -webkit-transform 0.1s, background 0.1s;*/
 +
}
-
<footer id="footer"> footer </footer>
+
#list_type1{width: 110px;}#list_type2{width: 80px;}#list_type3{width: 120px;}#list_type4{width: 150px;}
-
</div> <!--Closing div element for main frame-->
+
nav ul ul {
 +
display: none;
 +
z-index: 1;
 +
}
 +
nav ul li:hover > ul {
 +
display: block;
 +
}
 +
 +
nav ul {
 +
list-style: none;
 +
position: relative;
 +
display: inline-table;
 +
}
 +
nav ul:after {
 +
content: ""; clear: both; display: block;
 +
}
 +
 +
nav ul li
 +
{
 +
padding-top: 1.4%;
 +
float: left;
 +
height: 44px;
-
</body>
+
}
 +
 +
nav ul li a {
 +
text-align: center;
 +
display: block;
 +
text-decoration: none;
 +
}
 +
.nav-text2{
 +
width: 90px;
 +
position: relative;
 +
top: -30px;
 +
z-index: 1;
 +
}
 +
 +
nav ul li:hover
 +
{
 +
background: #0089d1;
 +
}
 +
nav ul li:hover img.nav-text2{
 +
background: none;
 +
z-index: 3;
 +
}
 +
nav ul li:hover li .nav-text
 +
{
 +
background: #0089d1;
 +
 +
}
-
</html>
+
nav ul ul
 +
{
 +
background: #22409a;
 +
border-radius: 0px;
 +
padding: 0px;
 +
position: absolute;
 +
top: 100%;
 +
}
 +
nav ul ul li {
 +
padding-top: 10px;
 +
width: 150px;
 +
float: none;
 +
position: relative;
 +
}
 +
nav ul ul li a {
 +
color: #fff;
 +
font-weight: bold;
 +
}
 +
nav ul ul li a:hover {
 +
background: #0089d1;
 +
}

Revision as of 18:50, 15 August 2013

/* baby blue #b6e6fd; RGB(182,230,253) blue #0089d1; RGB(0,137,209) dark blue #22409a; RGB(34,64,154)

<style type="text/css"> @-moz-document url-prefix() { h1 { color: red; } } </style> */