Template:Team:DukeMenu/CSS

From 2014.igem.org

(Difference between revisions)
Line 29: Line 29:
.sq-menu:hover {
.sq-menu:hover {
-
    background-color: #0000ff;
 
-
    opacity: 1;
 
-
/* Glow effect */
 
-
  -webkit-box-shadow: 0px 0px 20px rgba(7, 54, 164, 0);
 
-
  -moz-box-shadow: 0px 0px 20px rgba(7, 54, 164, 0;
 
-
  box-shadow: 0px 0px 20px rgba(7, 54, 164, 0);
 
-
}
 
-
 
-
.homebutton {
 
-
    display:block;
 
-
    width:50px;
 
-
    height:50px;
 
-
    border:none;
 
-
    line-height:50px;
 
-
    color:#f5f5f5;
 
-
    text-align:center;
 
-
    text-decoration:none;
 
-
    opacity: 1;
 
-
    background: #0736A4;
 
-
    font-size:16px;
 
-
    font-weight:bold;
 
-
    overflow:hidden;
 
-
    -webkit-transition: all 0.5s ease;
 
-
    -moz-transition: all 0.5s ease;
 
-
    -o-transition: all 0.5s ease;
 
-
/*margins must be half of the change in size*/   
 
-
    margin: 0px;
 
-
    line-height:200%;
 
-
}
 
-
 
-
.homebutton:hover {
 
     background-color: #0000ff;
     background-color: #0000ff;
     opacity: 1;
     opacity: 1;
Line 70: Line 39:
#menu {
#menu {
background: #0736A4;
background: #0736A4;
 +
position:fixed;
 +
z-index:10;
}
}

Revision as of 20:56, 24 July 2014