Template:Team:Uppsala/safety-form-style

From 2013.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
#left-text {
+
.left {
 +
float:right;
 +
}
 +
 
 +
#float-left-text {
width:400px;
width:400px;
float:left;
float:left;
 +
}
}
Line 20: Line 25:
clear:both;
clear:both;
 +
}
 +
 +
#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("https://static.igem.org/mediawiki/2013/1/12/Uppsala2013_Background.png");
 +
 
 +
    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(https://static.igem.org/mediawiki/2013/e/e5/Menubar.png);
 +
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(https://static.igem.org/mediawiki/2013/a/aa/Bottom_picture.png);
 +
background-size: 100% 100%;
 +
}
 +
 +
#main_frame {
 +
min-height: 400px;
 +
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;
}
}
</style>
</style>

Latest revision as of 19:34, 4 October 2013

Retrieved from "http://2013.igem.org/Template:Team:Uppsala/safety-form-style"