Template:Team:DTU-Denmark/css4

From 2014.igem.org

(Difference between revisions)
Line 8: Line 8:
     height:18px;
     height:18px;
     margin-top: -32px;
     margin-top: -32px;
-
     background-color:#FFFFFF;
+
     background-color:transparent;
}
}
Line 15: Line 15:
height: 100%;
height: 100%;
border: 0px;
border: 0px;
-
background-color: rgba(0,102,102,0.2);
+
background-color: transparent;
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
-
        position: relative;
 
}
}
Line 56: Line 55:
#menubar a:active, #menubar a:hover
#menubar a:active, #menubar a:hover
{
{
-
         color:rgba(0,102,102,0.2);
+
         color:#FFF;
text-decoration: underline;
text-decoration: underline;
         background-color:transparent;
         background-color:transparent;
Line 71: Line 70:
::selection {
::selection {
-
background: rgba(0,102,102,0.2);
+
background: #F79042;
-
color: rgba(0,102,102,0.2);
+
color: #fff;
}
}
Line 225: Line 224:
font-weight:700;
font-weight:700;
line-height:210%;
line-height:210%;
-
color: #FF0000;
+
color: #0000FF;
text-decoration: none;
text-decoration: none;
                 position: relative;
                 position: relative;
                 top: 5;
                 top: 5;
display: block;
display: block;
-
padding: 0px 0px 0px 5px;
+
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 200px;
width: 200px;
Line 242: Line 241:
/*border-top:solid 1px #ffff00;*/
/*border-top:solid 1px #ffff00;*/
/*border-bottom:solid 1px #ffff00;*/
/*border-bottom:solid 1px #ffff00;*/
-
padding: 5px 5px 5px 5px;
+
padding: 7px 5px 3px 5px;
Line 261: Line 260:
#nav ul li:hover a, #nav li:hover li a {
#nav ul li:hover a, #nav li:hover li a {
border: none;
border: none;
 +
background: none;
background-color: #42f75f; /* drop down menu background*/
background-color: #42f75f; /* drop down menu background*/
background-repeat:repeat;
background-repeat:repeat;
color:#FFF;
color:#FFF;
 +
visibility: visible;
}
}
Line 280: Line 281:
background-color: none ; /*#870203 reddish, can fix opacity problem here */
background-color: none ; /*#870203 reddish, can fix opacity problem here */
z-index:0;
z-index:0;
 +
border-left:solid 1px #ffff00;
 +
border-right:solid 1px #ffff00;
 +
border-top:solid 1px #ffff00;
 +
border-bottom:solid 1px #ffff00;
}
}
Line 286: Line 291:
/*display: none;*/
/*display: none;*/
opacity:0;
opacity:0;
-
margin: 20px 0 0 0;
+
margin: 0 0 0 0;
-
padding: 7px 0 0 0;
+
padding: 0 0 0 0;
-
width: 205px;
+
width: 200px;
position: absolute;
position: absolute;
         /*background-color: #870203;*/
         /*background-color: #870203;*/
left: 0;
left: 0;
z-index:-1;
z-index:-1;
-
 
+
font-size: 8pt;
}
}
#nav ul li {
#nav ul li {
Line 306: Line 311:
}
}
-
#nav ul li ul {
+
ul#nav > li > ul {
-
list-style: none;
+
-
z-index:100;
+
-
display: block;
+
-
position: absolute;
+
-
width: 120px;
+
-
top: 50px;
+
-
left: 3px;
+
-
opacity: 0;
+
visibility: hidden;
visibility: hidden;
-
        background: #559a57;
+
background: #559a57;
-
-webkit-transiton: opacity 0.2s;
+
-
-moz-transition: opacity 0.2s;
+
-
-ms-transition: opacity 0.2s;
+
-
-o-transition: opacity 0.2s;
+
-
-transition: opacity 0.2s;
+
}
}
Line 485: Line 477:
}
}
}
}
-
 
</style>
</style>
 +
</html>
</html>

Revision as of 09:21, 25 July 2014