Team:USTC-Software/css/header style

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
#header_wrapper { width: 980px; position: relative; margin: 0px auto; float: none; }
+
#header_wrapper {
 +
    width: 980px;
 +
    position: relative;
 +
    margin: 0px auto;
 +
    float: none;  
 +
}
#header_wrapper a{
#header_wrapper a{
Line 19: Line 24:
#team_logo { width: 442px; height: 74px;  
#team_logo { width: 442px; height: 74px;  
             float: none; margin-top: 30px;
             float: none; margin-top: 30px;
 +
            font-size:70px;
 +
            font-family: 'Marcellus SC', serif;
             -webkit-transition: background .5s ease-out;
             -webkit-transition: background .5s ease-out;
             -moz-transition: background .5s ease-out;
             -moz-transition: background .5s ease-out;
Line 28: Line 35:
#team_logo a{ display:block; height:100%; width:100%;}
#team_logo a{ display:block; height:100%; width:100%;}
 +
.nav_button a{
 +
    font-size:35px;
 +
    font-family: 'Marcellus SC', serif;
 +
}
-
#home_button { width: 147px; height: 35px; }
 
-
#home_button:active {}
 
-
#project_button { width: 104px; height: 35px;}
+
#header_wrapper a#igem_home{
-
#project_button:active {}
+
-
 
+
-
#software_button { width: 125px; height: 35px; position: relative; top: -5px !important; /* because the photo has some problem */  }
+
-
#software_button:active {}
+
-
 
+
-
#team_button { width: 137px; height: 35px; position: relative; top: -2px !important; /* because the photo has some problem */ }
+
-
#team_button:active {}
+
-
 
+
-
#notes_button { width: 135px; height: 35px;  }
+
-
#notes_button:active { }
+
-
 
+
-
#hp_button { width: 210px; height: 35px; }
+
-
#hp_button:active {  }
+
-
 
+
-
#header_wrapper a{
+
     position:absolute;
     position:absolute;
     top:0px;
     top:0px;
     right:0px;
     right:0px;
}
}

Revision as of 15:45, 23 October 2012

  1. header_wrapper { 
   width: 980px;
   position: relative;
   margin: 0px auto;
   float: none;

}

  1. header_wrapper a{ 
   display:block;
   text-decoration:none;
   color:white;

}

  1. navs { margin-bottom:30px;}
  2. navs div { margin-right: 5px; float:left;}
  3. navs div a{ 
   display:block;
   height:100%;
   width:100%;
   text-decoration:none;
   color:white;

}

  1. team_logo { width: 442px; height: 74px; 
           float: none; margin-top: 30px;
           font-size:70px;
           font-family: 'Marcellus SC', serif;
           -webkit-transition: background .5s ease-out;
           -moz-transition: background .5s ease-out;
           -o-transition: background .5s ease-out;
           -ms-transition: background .5s ease-out;            
           transition: background .5s ease-out;
           }
  1. team_logo:hover{ }
  2. team_logo a{ display:block; height:100%; width:100%;}

.nav_button a{ 

   font-size:35px;
   font-family: 'Marcellus SC', serif;

}


  1. header_wrapper a#igem_home{ 
   position:absolute;
   top:0px;
   right:0px;

}

Retrieved from "http://2012.igem.org/Team:USTC-Software/css/header_style"