Team:ETH Zurich/Templates/HeaderNew

From 2011.igem.org

(Difference between revisions)
Line 6: Line 6:
<script type="text/javascript">
<script type="text/javascript">
 +
/*
var colors = new Array();
var colors = new Array();
colors["overview"] = "#548C82";
colors["overview"] = "#548C82";
Line 105: Line 106:
});
});
 +
*/
</script>
</script>
<link rel="stylesheet" href="https://2011.igem.org/Team:ETH_Zurich/Templates/StyleSheetNew?action=raw&amp;ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2011.igem.org/Team:ETH_Zurich/Templates/StyleSheetNew?action=raw&amp;ctype=text/css" type="text/css" />
<style type="text/css">
<style type="text/css">
 +
/**
 +
* Horizontal CSS Drop-Down Menu Module
 +
*
 +
* @file dropdown.css
 +
* @package Dropdown
 +
* @version 0.7.1
 +
* @type Transitional
 +
* @stacks 597-599
 +
* @browsers Windows: IE6+, Opera7+, Firefox1+
 +
* Mac OS: Safari2+, Firefox2+
 +
*
 +
* @link http://www.lwis.net/
 +
* @copyright 2006-2008 Live Web Institute. All Rights Reserved.
 +
*
 +
*/
 +
 +
ul.dropdown,
 +
ul.dropdown li,
 +
ul.dropdown ul {
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
ul.dropdown {
 +
position: relative;
 +
z-index: 597;
 +
float: left;
 +
}
 +
 +
ul.dropdown li {
 +
float: left;
 +
line-height: 1.3em;
 +
vertical-align: middle;
 +
zoom: 1;
 +
}
 +
 +
ul.dropdown li.hover,
 +
ul.dropdown li:hover {
 +
position: relative;
 +
z-index: 599;
 +
cursor: default;
 +
}
 +
 +
ul.dropdown ul {
 +
visibility: hidden;
 +
position: absolute;
 +
top: 100%;
 +
left: 0;
 +
z-index: 598;
 +
width: 100%;
 +
}
 +
 +
ul.dropdown ul li {
 +
float: none;
 +
}
 +
 +
ul.dropdown ul ul {
 +
top: 1px;
 +
left: 99%;
 +
}
 +
 +
ul.dropdown li:hover > ul {
 +
visibility: visible;
 +
}
 +
 +
 +
/**
 +
* Vimeo.com CSS Drop-Down Menu Theme
 +
*
 +
* @file default.css
 +
* @name Vimeo
 +
* @version beta
 +
* @type transitional
 +
* @browsers Windows: IE5+, Opera9+, Firefox1+
 +
* Mac OS: Safari2+, Firefox2+
 +
*
 +
* @link http://www.lwis.net/
 +
* @copyright 2009 Live Web Institute. All Rights Reserved.
 +
*
 +
*/
 +
 +
 +
/*-------------------------------------------------/
 +
* @section Base Drop-Down Styling
 +
*/
 +
 +
 +
ul.dropdown {
 +
background: transparent url(images/box1-bottom-left.png) 0 100% no-repeat;
 +
font: normal 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
 +
}
 +
 +
ul.dropdown li {
 +
padding: 5px 10px;
 +
background-color: #172322;
 +
color: #fff;
 +
line-height: 22px;
 +
white-space: nowrap;
 +
}
 +
 +
ul.dropdown li.first {
 +
padding-left: 15px;
 +
background: transparent url(images/box1-bottom2.png) 0 100% no-repeat;
 +
}
 +
 +
ul.dropdown li.last {
 +
padding-right: 15px;
 +
background: transparent url(images/box1-bottom2.png) 100% 100% no-repeat;
 +
}
 +
 +
ul.dropdown li.hover,
 +
ul.dropdown li:hover {
 +
color: #b0d730;
 +
}
 +
 +
ul.dropdown a:link,
 +
ul.dropdown a:visited { color: #fff; text-decoration: none; }
 +
ul.dropdown a:hover { color: #b0d730; }
 +
ul.dropdown a:active { color: #0395cc; }
 +
 +
 +
/* -- level mark -- */
 +
 +
ul.dropdown ul {
 +
left: -21px;
 +
width: 150px;
 +
padding: 0 16px;
 +
background: url(images/box1-top.png) 50% 0 no-repeat;
 +
}
 +
 +
ul.dropdown li.last ul {
 +
left: auto;
 +
right: 16px;
 +
}
 +
 +
ul.dropdown ul li {
 +
height: auto;
 +
padding: 5px 15px;
 +
line-height: 1.3em;
 +
white-space: normal;
 +
}
 +
 +
ul.dropdown ul li.first {
 +
padding-left: 0;
 +
background: #172322;
 +
}
 +
 +
ul.dropdown ul li.last {
 +
padding-bottom: 10px;
 +
background: transparent url(images/box1-bottom.png) 50% 100% no-repeat;
 +
}
 +
 +
ul.dropdown ul li.first ul {
 +
top: 0;
 +
padding: 0 16px 0 0;
 +
background-image: url(images/box1-outwards-top-right.png);
 +
}
 +
 +
ul.dropdown ul li.first li.first {
 +
background-image: none;
 +
}
 +
 +
ul.dropdown ul li.last {
 +
padding-right: 0;
 +
}
 +
 +
ul.dropdown ul li.last ul {
 +
left: 100%;
 +
right: auto;
 +
top: -16px;
 +
}
 +
 +
/* -- level mark -- */
 +
 +
ul.dropdown ul ul {
 +
top: -12px;
 +
left: 100%;
 +
padding: 16px 0 0;
 +
background: transparent url(images/box1-top-left.png) 0 0 no-repeat;
 +
}
 +
 +
ul.dropdown ul ul li.first {
 +
padding-top: 10px;
 +
background: #172322 url(images/box1-top-right.png) 100% 0 no-repeat;
 +
}
 +
 +
 +
/*-------------------------------------------------/
 +
* @section Search Form
 +
*/
 +
 +
ul.dropdown form * {
 +
display: inline;
 +
float: left;
 +
}
 +
 +
ul.dropdown form label {
 +
display: none;
 +
}
 +
 +
ul.dropdown form input.text {
 +
width: 143px;
 +
height: 18px;
 +
padding: 2px 25px 2px 5px;
 +
border-width: 0;
 +
background: transparent url(images/bg_search-field.png) 0 0 no-repeat;
 +
color: #969696;
 +
font: normal 14px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
 +
vertical-align: middle;
 +
}
 +
 +
ul.dropdown form input.text:focus {
 +
outline: none;
 +
}
 +
 +
ul.dropdown form input.button {
 +
position: relative;
 +
margin: 4px 0 0 -20px;
 +
}
 +
 +
 +
/*-------------------------------------------------/
 +
* @section Support Class `dir`
 +
*/
 +
 +
 +
ul.dropdown *.dir {
 +
padding-right: 20px;
 +
background-image: url(images/nav-arrow-down.png);
 +
background-position: 100% 50%;
 +
background-repeat: no-repeat;
 +
}
 +
 +
 +
/* -- Components override -- */
 +
 +
ul.dropdown-horizontal ul *.dir {
 +
padding-right: 15px;
 +
background-image: url(images/nav-arrow-right.png);
 +
background-position: 95% 50%;
 +
background-repeat: no-repeat;
 +
}
 +
/**
 +
* Default Advanced CSS Drop-Down Menu Theme
 +
*
 +
* @file default.advanced.css
 +
* @name Default
 +
* @version beta
 +
* @type transitional
 +
* @browsers Windows: IE5+, Opera9+, Firefox1+
 +
* Mac OS: Safari2+, Firefox2+
 +
*
 +
* @link http://www.lwis.net/
 +
* @copyright 2008 Live Web Institute. All Rights Reserved.
 +
*
 +
*/
 +
 +
 +
/*-------------------------------------------------/
 +
* @section Base Style Extension
 +
*/
 +
 +
ul.dropdown li a {
 +
display: block;
 +
padding: 5px 10px;
 +
}
 +
 +
 +
/*-------------------------------------------------/
 +
* @section Base Style Override
 +
*/
 +
 +
ul.dropdown li, ul.dropdown ul li {
 +
padding: 0;
 +
}
 +
 +
 +
/*-------------------------------------------------/
 +
* @section Base Style Reinitiate: post-override activities
 +
*/
 +
 +
ul.dropdown li.dir {
 +
padding: 5px 20px 5px 10px;
 +
}
 +
 +
ul.dropdown ul li.dir {
 +
padding: 5px 15px;
 +
}
 +
 +
 +
/*-------------------------------------------------/
 +
* @section Custom
 +
*/
 +
 +
ul.dropdown ul a {
 +
padding-left: 15px;
 +
}
 +
 +
 +
 +
 +
 +
 +
ul.dropdown li.hover *.open {
 +
color: #b0d730;
 +
}
 +
 +
/* CSS2 clone */
 +
 +
ul.dropdown li:hover > *.dir {
 +
color: #b0d730;
 +
}
 +
 +
</html> {{{css|}}} <html>
</html> {{{css|}}} <html>
</style>
</style>

Revision as of 15:49, 14 October 2011

Menu image preload Menu image preload Menu image preload Menu image preload Menu image preload Menu image preload

Retrieved from "http://2011.igem.org/Team:ETH_Zurich/Templates/HeaderNew"