Team:Korea U Seoul/template/bannerTEST/

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
<!--link rel="stylesheet" type="text/css" href="flexdropdown.css" /-->
<style>
<style>
 +
 +
.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
 +
font: normal 13px Verdana;
 +
margin: 0;
 +
padding: 0;
 +
position: absolute;
 +
left: 0;
 +
top: 0;
 +
list-style-type: none;
 +
background: white;
 +
border: 1px solid black;
 +
border-bottom-width: 0;
 +
visibility: hidden;
 +
display: none; /*collapse all sub menus to begin with*/
 +
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
 +
-webkit-box-shadow: 3px 3px 8px #818181;
 +
-moz-box-shadow: 3px 3px 8px #818181;
 +
}
-
.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
 
-
font: normal 13px Verdana;
 
-
margin: 0;
 
-
padding: 0;
 
-
position: absolute;
 
-
left: 0;
 
-
top: 0;
 
-
list-style-type: none;
 
-
background: white;
 
-
border: 1px solid black;
 
-
border-bottom-width: 0;
 
-
visibility: hidden;
 
-
display: none; /*collapse all sub menus to begin with*/
 
-
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
 
-
-webkit-box-shadow: 3px 3px 8px #818181;
 
-
-moz-box-shadow: 3px 3px 8px #818181;
 
-
}
 
 +
.flexdropdownmenu li{
 +
position: relative;
 +
}
-
.flexdropdownmenu li{
+
.flexdropdownmenu li a{
-
position: relative;
+
display: block;
-
}
+
width: 160px; /*width of menu (not including side paddings)*/
 +
color: black;
 +
background: #fae7a9;
 +
border-bottom: 1px solid black;
 +
text-decoration: none;
 +
padding: 4px 5px;
 +
}
-
.flexdropdownmenu li a{
+
* html .flexdropdownmenu li{ /*IE6 CSS hack*/
-
display: block;
+
display: inline-block;
-
width: 160px; /*width of menu (not including side paddings)*/
+
width: 170px; /*width of menu (include side paddings of LI A*/
-
color: black;
+
}
-
background: #fae7a9;
+
-
border-bottom: 1px solid black;
+
-
text-decoration: none;
+
-
padding: 4px 5px;
+
-
}
+
-
* html .flexdropdownmenu li{ /*IE6 CSS hack*/
+
.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
-
display: inline-block;
+
background: #F0CE7D;
-
width: 170px; /*width of menu (include side paddings of LI A*/
+
}
-
}
+
-
.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
+
.rightarrowclass{
-
background: #F0CE7D;
+
position: absolute;
-
}
+
top: 6px;
 +
right: 5px;
 +
}
-
.rightarrowclass{
+
</style>
-
position: absolute;
+
-
top: 6px;
+
-
right: 5px;
+
-
}
+
-
 
+
-
                </style>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Revision as of 09:16, 27 September 2013

Drop Down Menu:

Dynamic Drive

Drop to the right, with custom offset of 8px horizontally, 0px vertically, added:

Webmaster Resources

Retrieved from "http://2013.igem.org/Team:Korea_U_Seoul/template/bannerTEST/"