Team:Imperial College/Template:Welcome

From 2013.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 2: Line 2:
   <style type="text/css">
   <style type="text/css">
   /* Compulsory IDs ***********************************************************/
   /* Compulsory IDs ***********************************************************/
-
#navbar{
+
.wrapper {
-
width:auto;
+
    width: 100%;
-
height:36px;
+
    height: 80px;
-
background:url(img/navbar-bg.png) left top repeat-x; }
+
    background : #464646;
-
#navbar .inbar{
+
    background : -webkit-gradient(linear, from(rgb(168,168,168)), to(rgb(69,69,69)));
-
display:block;
+
    background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
-
height:36px;
+
    border-top: 2px solid #939393;
-
background:url(img/right-round.png) right top no-repeat; }
+
    position: relative;
-
#navbar ul, #navbar ul li{
+
    margin-bottom: 30px;
-
border:0px;
+
}
-
margin:0px;
+
 
-
padding:0px;
+
ul {
-
list-style:none;
+
    margin: 0;
-
height:36px;
+
    padding: 0;
-
line-height:36px; } #navbar ul{
+
}
-
background:url(img/left-round.png) left top no-repeat; }  
+
-
#navbar ul li{
+
ul.menu {
-
float:left;
+
    height: 80px;
-
display:block;
+
    border-left: 1px solid rgba(0,0,0,0.3);
-
line-height:36px; }
+
    border-right: 1px solid rgba(255,255,255,0.3);
-
#navbar ul li a{
+
    float:left;
-
color:#403e32;
+
}
-
text-decoration:none;
+
-
font-weight:bold;
+
ul.menu li {
-
display:block; }  
+
    list-style: none;
-
#navbar ul li a span{
+
    float:left;
-
padding:0 20px 0 0;
+
    height: 79px;
-
height:36px;
+
    text-align: center;
-
line-height:36px;
+
    background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
-
display:block;
+
    background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
-
margin-left:20px; }
+
    }
-
#navbar .navhome a, #navbar .navhome a:hover{
+
-
background:url(img/a-bg.png) left top no-repeat;
+
ul li a {
-
height:36px;
+
    display: block;
-
line-height:36px; }
+
    padding: 0 20px;
-
#navbar .navhome a span, #navbar .navhome a:hover span{
+
    border-left: 1px solid rgba(255,255,255,0.1);
-
color:#FFFFFF;
+
    border-right: 1px solid rgba(0,0,0,0.1);
-
background:url(img/span-bg.png) right top no-repeat;
+
    text-align: center;
-
height:36px;
+
    line-height: 79px;
-
line-height:36px; }  
+
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
-
#navbar ul li a:hover{
+
    background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
-
background:url(img/ahover-bg.png) left top no-repeat;
+
    -webkit-transition-property: background;
-
height:36px;
+
    -webkit-transition-duration: 700ms;
-
line-height:36px; }  
+
    -moz-transition-property: background;
-
#navbar ul li a:hover span{
+
    -moz-transition-duration: 700ms;
-
background:url(img/spanhover-bg.png) right top no-repeat;
+
    }
-
height:36px;
+
-
line-height:36px; }
+
ul li a:hover {
 +
    background: transparent none;
 +
}
 +
 +
ul li.active a{
 +
    background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
 +
    background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
 +
}
 +
 
 +
 
   /**************************************************************/
   /**************************************************************/
   </style>
   </style>
</html>
</html>

Latest revision as of 13:45, 19 August 2013

Retrieved from "http://2013.igem.org/Team:Imperial_College/Template:Welcome"