Team:Korea U Seoul/template/bannerTEST/

From 2013.igem.org

(Difference between revisions)
(Created page with "{{:Team:Korea_U_Seoul/template/bannerCSS}} <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <...")
Line 1: Line 1:
-
{{:Team:Korea_U_Seoul/template/bannerCSS}}
 
<html>
<html>
<head>
<head>
-
+
<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 li{
 +
position: relative;
 +
}
 +
 
 +
.flexdropdownmenu li a{
 +
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;
 +
}
 +
 
 +
* html .flexdropdownmenu li{ /*IE6 CSS hack*/
 +
display: inline-block;
 +
width: 170px; /*width of menu (include side paddings of LI A*/
 +
}
 +
 
 +
.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
 +
background: #F0CE7D;
 +
}
 +
 
 +
.rightarrowclass{
 +
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:12, 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/"