Team:TU-Delft/Templates/Header

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <title>Multi Level Hierarchical jQuery Menu: jQSimpleMenu</title>
     <title>Multi Level Hierarchical jQuery Menu: jQSimpleMenu</title>
-
     <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
+
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
     <script type="text/javascript" src="https://static.igem.org/mediawiki/2012/d/da/JqsimplemenuJavaScript.txt"></script>
     <script type="text/javascript" src="https://static.igem.org/mediawiki/2012/d/da/JqsimplemenuJavaScript.txt"></script>
     <link rel="stylesheet" href="" type="text/css" media="screen" />
     <link rel="stylesheet" href="" type="text/css" media="screen" />
Line 11: Line 13:
     </script>
     </script>
     <style type="text/css">
     <style type="text/css">
 +
.menu, .menu ul
 +
{
 +
    margin: 0;
 +
    padding: 0;
 +
    list-style-type: none;
 +
    position: relative;
 +
    line-height: 2.5em;
 +
}
 +
.menu a
 +
{
 +
    text-decoration: none;
 +
}
 +
.menu > li
 +
{
 +
    margin-left: 15px;
 +
}
 +
.menu > li:first
 +
{
 +
    margin-left:0px!important;
 +
    }
 +
.menu > li > a
 +
{
 +
    padding: 0px 10px;
 +
    margin: 0;
 +
    width: 100%;
 +
    text-decoration: none;
 +
    color: #838383;
 +
    font-weight: bold;
 +
}
 +
div.box
 +
{
 +
    position: absolute;
 +
    z-index: -1;
 +
    background-color: #75CDD2;
 +
    left: 0;
 +
    top: 0;
 +
    border-radius: 4px 4px 0px 0px;
 +
    -moz-border-radius: 4px 4px 0px 0px;
 +
    -webkit-border-radius: 4px 4px 0px 0px;
 +
}
 +
li.pull-down
 +
{
 +
    padding-right:6px;
 +
    }
 +
li.pull-down > a
 +
{
 +
    background-image: url('../images/darrow.png');
 +
    background-position: 96% 75%;
 +
    background-repeat: no-repeat;
 +
    padding-right: 20px;
 +
}
 +
li.right-menu > a
 +
{
 +
    background-image: url('../images/rarrow.png');
 +
    background-position: 97% 45%;
 +
    background-repeat: no-repeat;
 +
}
 +
.menu a.selected
 +
{
 +
    background-color: #75CDD2;
 +
    border-radius: 0px 4px 4px 4px;
 +
    -moz-border-radius: 0px 4px 4px 4px;
 +
    -webkit-border-radius: 0px 4px 4px 4px;
 +
}
 +
.menu li
 +
{
 +
    float: left;
 +
    position: relative;
 +
}
 +
 +
.menu ul
 +
{
 +
    position: absolute;
 +
    display: none;
 +
    width: 200px;
 +
    top: 2.5em; /*padding-right: 10px;*/
 +
    background-color: #75CDD2; /*-moz-opacity: .50;    filter: alpha(opacity=50);    opacity: .50;*/
 +
    border-radius: 0px 4px 4px 4px;
 +
    -moz-border-radius: 0px 4px 4px 4px;
 +
    -webkit-border-radius: 0px 4px 4px 4px;
 +
}
 +
 +
.menu li ul a
 +
{
 +
    width: 180px;
 +
    height: auto;
 +
    float: left;
 +
    color: #FFFEFD;
 +
    padding: 0 10px;
 +
}
 +
.menu li ul li
 +
{
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
.menu ul ul
 +
{
 +
    top: auto;
 +
}
 +
 +
.menu li ul ul
 +
{
 +
    left: 198px; /*margin: 0px 0 0 10px;*/
 +
}
 +
.menu-item-selected > a
 +
{
 +
    background-color: #FFFEFD;
 +
    -moz-opacity: .50;
 +
    filter: alpha(opacity=50);
 +
    opacity: .50;
 +
}
 +
.menu-item-selected > a:hover
 +
{
 +
    color: #257E84 !important;
 +
}
 +
 +
 +
         body
         body
         {
         {

Revision as of 20:30, 1 September 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Multi Level Hierarchical jQuery Menu: jQSimpleMenu

Retrieved from "http://2012.igem.org/Team:TU-Delft/Templates/Header"