Team:Uppsala/test-css-code.css
From 2013.igem.org
- footer-box {
width: 950px; background-color: white; margin-left:auto; margin-right:auto; border:none; }
- globalWrapper {
background-color: white; padding:0; margin:0; }
- contentSub, #search-controls, /*#footer-box,*/ .firstHeading, #catlinks, #p-logo {
display:none;
}
- top-section {
border: none; height: 0px;
}
- content {
border: none; width: 99.5%; height: 100%; background-image: url(""); overflow: auto; repeat-x;
}
/* Everything behind this comment affects mediawiki code, #content, #top-section, #contentSub etc */
/* Affects the whole page */
*{
margin: 0px;
padding: 0px;
border: none;
}
body{
width: 100%; height: 100%;
background-image: url(../image/bakgrund3.png); }
/* Header code begins */ #header { display: inline-block; position: relative; width: 100%; } #igem { width: 200px;
}
.igem { width: 200px; position: relative; top:-15px; left: -30px; }
#logo_img{ position: relative; padding: 10px; }
#header img.logo{ float: left; width: 150px; }
#igem_logo{ position: relative; padding: 10px; }
#header img.igem_logo{ width: 400px; float: right; }
/* Header code ends and navbar code begins */
#navbar { background-image: url(); background-repeat: no-repeat; background-position: center right; background-size: 93% 55px; height: 55px; }
#main_content{ padding: 20px; }
.home-knapp { position: relative;left:15px;top:-72px; margin-bottom:-71px;
width: 15%; float: left; z-index: 2;
}
.nav-text { padding-right: 10px; z-index: 1;
}
#list_type1{width: 110px;}#list_type2{width: 80px;}#list_type3{width: 120px;}#list_type4{width: 150px;}
/*Navbar dropdown list code begins */
#nav ul ul { display: none; z-index: 1; }
#nav ul li:hover > ul { display: block; }
#nav ul { list-style: none; position: relative;
top: -4px;
display: inline-table; }
#nav ul:after { content: ""; clear: both; display: block; }
- nav ul li
{ padding-top: 0.8%; float: left; height: 49px;
}
#nav ul li a { padding-left:2px;
display: block; }
.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: 9999; } #nav ul li:hover li .nav-text { background: #0089d1;
}
- nav ul ul
{ background: #22409a; border-radius: 0px; padding: 0px;
margin-left: 0px;
position: absolute; top: 90%; } #nav ul ul li { width: 150px;
height: 40px;
float: none; position: relative;
border-bottom:1px solid #fff;
}
#nav ul ul li:last-child { border-bottom: 1px solid #000
}
#nav ul ul li a {
padding-top: 8%;
color: #fff; font-weight: bold;
text-decoration: none;
} #nav ul ul li a:hover { background: #0089d1; }
/*Dropdown in dropdown list code begins */ #nav ul ul ul li {
width: 150px; height: 41.1px; position:relative; display: block; background-color: #22409a;
margin:0; border-bottom:1px solid #fff; border-left: 1px solid #fff;
}
#nav ul ul ul { display: none; width: 150px; height: 50px; position:absolute; left: 150px;
top:-1px; margin:0;
}
#nav ul li:last-child ul li { width:123px; }
/*Dropdown list code ends */
h1 {
color:#0089d1;
}
h3 {
color:#0089d1;
}
- bottom-pic {
width: 950px; height: 225px; margin-top: 10px;
border-radius: 0px 0px 15px 15px;
background-repeat: no-repeat; background-image:url(); background-size: 100% 100%; }
- 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;
} ul.enlarge li:hover:last-child span{
left: -400px }
ul.enlarge li:hover:nth-child(3) span{
left: -400px }
.slogan { position:relative; top: 0px; left: 130px; width: 320px; }