"
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> <...") |
|||
| (2 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| - | |||
<html> | <html> | ||
<head> | <head> | ||
| - | + | <!--link rel="stylesheet" type="text/css" href="flexdropdown.css" /--> | |
| + | <style rel="stylesheet" type="text/css"> | ||
| + | |||
| + | .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> | ||
Latest revision as of 09:19, 27 September 2013
