Team:Glendale CC AZ/css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
<link href="/(directory)/menuV2.css" rel="stylesheet" type="text/css" />
 +
<script src="/(directory)/menuV2.js" type="text/javascript"></script>
 +
<script>
 +
var alignWithMainMenu=true;
-
@font-face {
+
/* Vertical Menu - Developed by http://www.MenuCool.com/vertical/vertical-menu. Retaining this comment is required.*/
-
  font-family: 'Archivo Narrow';
+
function initmenu(){var e=document.getElementById("menuV2"),i=e.offsetHeight,b=e.getElementsByTagName("ul"),g=/msie|MSIE 6/.test(navigator.userAgent);if(g)for(var h=e.getElementsByTagName("li"),a=0,j=h.length;a<j;a++){h[a].onmouseover=function(){this.className="onhover"};h[a].onmouseout=function(){this.className=""}}for(var a=0;a<b.length;a++){var c=b[a].parentNode;c.getElementsByTagName("a")[0].className+=" arrow";b[a].style.left=c.offsetWidth+"px";b[a].style.top=c.offsetTop+"px";if(alignWithMainMenu){var d=getParentOffsetRoot(c.parentNode,0);if(b[a].offsetTop+b[a].offsetHeight+d>i){var f;if(b[a].offsetHeight>i)f=-d;else f=i-b[a].offsetHeight-d;b[a].style.top=f+"px"}}c.onmouseover=function(){if(g)this.className="onhover";var a=this.getElementsByTagName("ul")[0];if(a){a.style.visibility="visible";a.style.display="block"}};c.onmouseout=function(){if(g)this.className="";this.getElementsByTagName("ul")[0].style.visibility="hidden";this.getElementsByTagName("ul")[0].style.display="none"}}for(var a=b.length-1;a>-1;a--)b[a].style.display="none"}function getParentOffsetRoot(a,b){if(a.id=="menuV2")return b;else{b+=a.offsetTop;return getParentOffsetRoot(a.parentNode.parentNode,b)}}if(window.addEventListener)window.addEventListener("load",initmenu,false);else window.attachEvent&&window.attachEvent("onload",initmenu)
-
  font-style: normal;
+
</script>
-
  font-weight: 400;
+
 
-
  src: local('Archivo Narrow Regular'), local('ArchivoNarrow-Regular'), url(http://themes.googleusercontent.com/static/fonts/archivonarrow/v2/DsLzC9scoPnrGiwYYMQXpp4t0mJKPaLVqklzZuc32b4.woff) format('woff');
+
</head>
-
}
+
<body>
-
@font-face {
+
 
-
  font-family: 'Archivo Narrow';
+
 
-
  font-style: normal;
+
</body>
-
  font-weight: 700;
+
 
-
  src: local('Archivo Narrow Bold'), local('ArchivoNarrow-Bold'), url(http://themes.googleusercontent.com/static/fonts/archivonarrow/v2/M__Wu4PAmHf4YZvQM8tWsHhM4mdXpoxYNWk7Ev34U70.woff) format('woff');
+
<ul id="menuV2">
-
}
+
    <li><a href="#">Item 1</a></li>
-
@font-face {
+
    <li><a href="#">Item 2</a>
-
  font-family: 'Open Sans';
+
        <ul class="sub">
-
  font-style: normal;
+
            <li><a href="vertical-menu#1">Vertical Menu</a></li>
-
  font-weight: 300;
+
            <li><a href="vertical-menu#2">Vertical Menus</a></li>
-
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
+
        </ul>
-
}
+
    </li>
-
@font-face {
+
    <li><a href="#">Item 3</a>
-
  font-family: 'Open Sans';
+
        <ul class="sub">
-
  font-style: normal;
+
            <li><a href="#">Sub Item 3.1</a></li>
-
  font-weight: 400;
+
            <li><a href="#">Sub Item 3.2</a></li>
-
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
+
            <li><a href="#">Sub Item 3.3</a></li>
-
}
+
            <li><a href="#">Sub Item 3.4</a></li>
-
@font-face {
+
            <li><a href="#">Sub Item 3.5</a></li>
-
  font-family: 'Open Sans';
+
        </ul>
-
  font-style: normal;
+
    </li>
-
  font-weight: 600;
+
    <li><a href="#">Item 4</a></li>
-
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
+
    <li><a href="#">Item 5</a>
-
}
+
        <ul class="sub">
-
@font-face {
+
            <li><a href="#">Sub Item 5.1</a></li>
-
  font-family: 'Open Sans';
+
            <li><a href="#">Sub Item 5.2</a>
-
  font-style: normal;
+
                <ul class="sub">
-
  font-weight: 700;
+
                    <li><a href="#521">Vertical Menu 5.2.1</a></li>
-
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
+
                    <li><a href="#522">Vertical Menu 5.2.2</a></li>
-
}
+
                    <li><a href="#523">Vertical Menu 5.2.3</a></li>
 +
                    <li><a href="#524">Vertical Menu 5.2.4</a></li>
 +
                    <li><a href="#525">Vertical Menu 5.2.5</a></li>
 +
                </ul>
 +
            </li>
 +
            <li><a href="#">Sub Item 5.3</a>
 +
                <ul class="sub">
 +
                    <li><a href="#">Sub Item 5.3.1</a></li>
 +
                    <li><a href="#">Sub Item 5.3.2</a></li>
 +
                    <li><a href="#">Sub Item 5.3.3</a></li>
 +
                    <li><a href="#">Sub Item 5.3.4</a></li>
 +
                    <li><a href="#">Sub Item 5.3.5</a></li>
 +
                    <li><a href="#">Sub Item 5.3.6</a></li>
 +
                    <li><a href="#537">Vertical Menus 5.3.7</a></li>
 +
                    <li><a href="#538">Vertical Menus 5.3.8</a></li>
 +
                </ul>
 +
            </li>
 +
        </ul>
 +
    </li>
 +
    <li><a href="#">Item 6</a></li>
 +
</ul>
 +
</html>

Revision as of 04:02, 30 July 2013

Retrieved from "http://2013.igem.org/Team:Glendale_CC_AZ/css"