Team:Uppsala/test-css-code.css

From 2013.igem.org

  1. footer-box {

width: 950px; background-color: white; margin-left:auto; margin-right:auto; border:none; }

  1. globalWrapper {

background-color: white; padding:0; margin:0; }

  1. contentSub, #search-controls, /*#footer-box,*/ .firstHeading, #catlinks, #p-logo {
   display:none;

}

  1. top-section {
   border: none;
   height: 0px;

}

  1. content {
   border: none;
   width: 99.5%;
   height: 100%;
   background-image: url("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(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; }

  1. 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;

}

  1. 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;

}

  1. bottom-pic {

width: 950px; height: 225px; margin-top: 10px;

       border-radius: 0px 0px 15px 15px;

background-repeat: no-repeat; background-image:url(Bottom_picture.png); background-size: 100% 100%; }

  1. 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; }