Template:Team:UW/CSS

From 2014.igem.org

(Difference between revisions)
Line 206: Line 206:
.annItem li {list-style: none; margin: 5px}
.annItem li {list-style: none; margin: 5px}
 +
#igemuwmenu, #igemuwmenu ul {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
}
 +
 +
#igemuwmenu {
 +
width: 820px;
 +
margin: 10px auto;
 +
border: 1px solid #222;
 +
background-color: #b8860b;
 +
background-image: -moz-linear-gradient(#444, #b8860b);
 +
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#b8860b));
 +
background-image: -webkit-linear-gradient(#444, #b8860b);
 +
background-image: -o-linear-gradient(#444, #b8860b);
 +
background-image: -ms-linear-gradient(#444, #b8860b);
 +
background-image: linear-gradient(#444, #b8860b);
 +
-moz-border-radius: 6px;
 +
-webkit-border-radius: 6px;
 +
border-radius: 6px;
 +
-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
 +
-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
 +
box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
 +
                display: inline-block;
 +
                white-space: nowrap;
 +
}
 +
 +
#igemuwmenu:before,
 +
#igemuwmenu:after {
 +
content: "";
 +
display: table;
 +
}
 +
 +
#igemuwmenu:after {
 +
clear: both;
 +
}
 +
 +
#igemuwmenu {
 +
zoom:1;
 +
}
 +
 +
#igemuwmenu li {
 +
border-right: 1px solid #222;
 +
-moz-box-shadow: 1px 0 0 #444;
 +
-webkit-box-shadow: 1px 0 0 #444;
 +
box-shadow: 1px 0 0 #444;
 +
position: relative;
 +
                display: inline-block;
 +
                white-space: nowrap;
 +
}
 +
 +
#igemuwmenu a {
 +
padding: 12px 20px;
 +
color: #999;
 +
text-transform: uppercase;
 +
font: bold 11.4px Arial, Helvetica;
 +
text-decoration: none;
 +
text-shadow: 0 1px 0 #000;
 +
                display: inline-block;
 +
                white-block: nowrap;
 +
}
 +
       
 +
    #igemuwmenu li:hover > a {
 +
color: #fafafa;
 +
}
 +
 +
*html #igemuwmenu li a:hover { /* IE6 only */
 +
color: #fafafa;
 +
}
 +
 +
#igemuwmenu ul {
 +
margin: 20px 0 0 0;
 +
_margin: 0; /*IE6 only*/
 +
opacity: 0;
 +
visibility: hidden;
 +
position: absolute;
 +
top: 38px;
 +
left: 0;
 +
z-index: 1;   
 +
background: #444;
 +
background: -moz-linear-gradient(#444, #b8860b);
 +
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#b8860b));
 +
background: -webkit-linear-gradient(#444, #b8860b);   
 +
background: -o-linear-gradient(#444, #b8860b);
 +
background: -ms-linear-gradient(#444, #b8860b);
 +
background: linear-gradient(#444, #b8860b);
 +
-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
 +
-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
 +
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
 +
-moz-border-radius: 3px;
 +
-webkit-border-radius: 3px;
 +
border-radius: 3px;
 +
-webkit-transition: all .2s ease-in-out;
 +
-moz-transition: all .2s ease-in-out;
 +
-ms-transition: all .2s ease-in-out;
 +
-o-transition: all .2s ease-in-out;
 +
transition: all .2s ease-in-out; 
 +
}
 +
#igemuwmenu li:hover > ul {
 +
opacity: 1;
 +
visibility: visible;
 +
margin: 0;
 +
}
 +
 +
#igemuwmenu ul ul {
 +
top: 0;
 +
left: 150px;
 +
margin: 0 0 0 20px;
 +
_margin: 0; /*IE6 only*/
 +
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
 +
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
 +
box-shadow: -1px 0 0 rgba(255,255,255,.3);
 +
}
 +
 +
#igemuwmenu ul li {
 +
float: none;
 +
display: block;
 +
border: 0;
 +
_line-height: 0; /*IE6 only*/
 +
-moz-box-shadow: 0 1px 0 #b8860b, 0 2px 0 #666;
 +
-webkit-box-shadow: 0 1px 0 #b8860b, 0 2px 0 #666;
 +
box-shadow: 0 1px 0 #b8860b, 0 2px 0 #666;
 +
}
 +
#igemuwmenu ul li.active {
 +
float: none;
 +
display: block;
 +
border: 0;
 +
_line-height: 0; /*IE6 only*/
 +
-moz-box-shadow: 0 1px 0 #b8860b, 0 2px 0 #666;
 +
-webkit-box-shadow: 0 1px 0 #b8860b, 0 2px 0 #666;
 +
box-shadow: 0 1px 0 #b8860b, 0 2px 0 #666;
 +
}
-
</style>
+
 +
#igemuwmenu ul li:last-child { 
 +
-moz-box-shadow: none;
 +
-webkit-box-shadow: none;
 +
box-shadow: none;   
 +
}
 +
 +
#igemuwmenu ul a {   
 +
padding: 10px;
 +
width: 130px;
 +
_height: 10px; /*IE6 only*/
 +
display: block;
 +
white-space: nowrap;
 +
float: none;
 +
text-transform: none;
 +
}
 +
     
 +
        #igemuwmenu ul a.selected {   
 +
padding: 10px;
 +
width: 130px;
 +
_height: 10px; /*IE6 only*/
 +
display: block;
 +
white-space: nowrap;
 +
float: none;
 +
text-transform: none;
 +
}
 +
 +
#igemuwmenu ul a:hover {
 +
background-color: #785D84;
 +
background-image: -moz-linear-gradient(#B6A0BA,  #785D84);
 +
background-image: -webkit-gradient(linear, left top, left bottom, from(#B6A0BA), to(#785D84));
 +
background-image: -webkit-linear-gradient(#B6A0BA, #785D84);
 +
background-image: -o-linear-gradient(#B6A0BA, #785D84);
 +
background-image: -ms-linear-gradient(#B6A0BA, #785D84);
 +
background-image: linear-gradient(#B6A0BA, #785D84);
 +
}
 +
#igemuwmenu ul li:first-child > a {
 +
-moz-border-radius: 3px 3px 0 0;
 +
-webkit-border-radius: 3px 3px 0 0;
 +
border-radius: 3px 3px 0 0;
 +
}
 +
 +
#igemuwmenu ul li:first-child > a:after {
 +
content: '';
 +
position: absolute;
 +
left: 40px;
 +
top: -6px;
 +
border-left: 6px solid transparent;
 +
border-right: 6px solid transparent;
 +
border-bottom: 6px solid #444;
 +
}
 +
 +
#igemuwmenu ul ul li:first-child a:after {
 +
left: -6px;
 +
top: 50%;
 +
margin-top: -6px;
 +
border-left: 0;
 +
border-bottom: 6px solid transparent;
 +
border-top: 6px solid transparent;
 +
border-right: 6px solid #3b3b3b;
 +
}
 +
 +
#igemuwmenu ul li:first-child a:hover:after {
 +
border-bottom-color: #B6A0BA;
 +
}
 +
 +
#igemuwmenu ul ul li:first-child a:hover:after {
 +
border-right-color: #0299d3;
 +
border-bottom-color: transparent;
 +
}
 +
 +
#igemuwmenu ul li:last-child > a {
 +
-moz-border-radius: 0 0 3px 3px;
 +
-webkit-border-radius: 0 0 3px 3px;
 +
border-radius: 0 0 3px 3px;
 +
}
 +
 +
/* Mobile */
 +
#igemuwmenu-trigger {
 +
display: none;
 +
}
 +
 +
@media screen and (max-width: 600px) {
 +
 +
/* nav-wrap */
 +
#igemuwmenu-wrap {
 +
position: relative;
 +
}
 +
 +
#igemuwmenu-wrap * {
 +
-moz-box-sizing: border-box;
 +
-webkit-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
 +
/* menu icon */
 +
#igemuwmenu-trigger {
 +
display: block; /* show menu icon */
 +
height: 40px;
 +
line-height: 40px;
 +
cursor: pointer;
 +
padding: 0 0 0 35px;
 +
border: 1px solid #222;
 +
color: #fafafa;
 +
font-weight: bold;
 +
background-color: #b8860b;
 +
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -moz-linear-gradient(#444, #b8860b);
 +
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -webkit-linear-gradient(#444, #b8860b);
 +
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -o-linear-gradient(#444, #b8860b);
 +
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -ms-linear-gradient(#444, #111);
 +
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#444, #111);
 +
-moz-border-radius: 6px;
 +
-webkit-border-radius: 6px;
 +
border-radius: 6px;
 +
-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
 +
-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
 +
box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
 +
}
 +
 +
/* main nav */
 +
#igemuwmenu {
 +
margin: 0; padding: 10px;
 +
position: absolute;
 +
top: 40px;
 +
width: 100%;
 +
z-index: 1;
 +
background-color: #444;
 +
display: none;
 +
-moz-box-shadow: none;
 +
-webkit-box-shadow: none;
 +
box-shadow: none;
 +
}
 +
 +
#igemuwmenu:after {
 +
content: '';
 +
position: absolute;
 +
left: 25px;
 +
top: -8px;
 +
border-left: 8px solid transparent;
 +
border-right: 8px solid transparent;
 +
border-bottom: 8px solid #444;
 +
}
 +
 +
#igemuwmenu ul {
 +
position: static;
 +
visibility: visible;
 +
opacity: 1;
 +
margin: 0;
 +
background: none;
 +
-moz-box-shadow: none;
 +
-webkit-box-shadow: none;
 +
box-shadow: none;
 +
}
 +
 +
#igemuwmenu ul ul {
 +
margin: 0 0 0 20px !important;
 +
-moz-box-shadow: none;
 +
-webkit-box-shadow: none;
 +
box-shadow: none;
 +
}
 +
 +
#igemuwmenu li {
 +
position: static;
 +
display: block;
 +
float: none;
 +
border: 0;
 +
margin: 5px;
 +
-moz-box-shadow: none;
 +
-webkit-box-shadow: none;
 +
box-shadow: none;
 +
}
 +
 +
#igemuwmenu ul li{
 +
margin-left: 20px;
 +
-moz-box-shadow: none;
 +
-webkit-box-shadow: none;
 +
box-shadow: none;
 +
}
 +
 +
#igemuwmenu a{
 +
display: block;
 +
float: none;
 +
padding: 0;
 +
color: #999;
 +
}
 +
 +
#igemuwmenu a:hover{
 +
color: #fafafa;
 +
}
 +
 +
#igemuwmenu ul a{
 +
padding: 0;
 +
width: auto;
 +
}
 +
 +
#igemuwmenu ul a:hover{
 +
background: none;
 +
}
 +
 +
#igemuwmenu ul li:first-child a:after,
 +
#igemuwmenu ul ul li:first-child a:after {
 +
border: 0;
 +
}
 +
 +
}
 +
 +
@media screen and (min-width: 600px) {
 +
#igemuwmenu {
 +
display: block !important;
 +
}
 +
}
 +
 +
/* iPad */
 +
.no-transition {
 +
-webkit-transition: none;
 +
-moz-transition: none;
 +
-ms-transition: none;
 +
-o-transition: none;
 +
transition: none;
 +
opacity: 1;
 +
visibility: visible;
 +
display: none; 
 +
}
 +
 +
#igemuwmenu li:hover > .no-transition {
 +
display: block;
 +
}
 +
 +
 +
</style>
<!--main content -->
<!--main content -->
Line 233: Line 594:
<tr heigth="75px">  
<tr heigth="75px">  
 +
<nav id="igemuwmenu-wrap">   
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor= #C79900> 
+
<ul id="igemuwmenu">
-
<a href="https://2014.igem.org/Team:Washington"style="color:#39275B">Home </a> </td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900>  
+
<li><a href="https://2013.igem.org/Team:Washington">Home</a>
-
<a href="https://2014.igem.org/Team:Washington/Team"style="color:#39275B"> Team </a> </td>
+
<ul>
 +
<li><a href="https://2013.igem.org/Team:Washington">UW 2013</a></li>
 +
<li><a href="https://2012.igem.org/Team:Washington">UW 2012</a></li>
 +
<li><a href="https://2011.igem.org/Team:Washington">UW 2011</a></li>
 +
<li><a href="https://2010.igem.org/Team:Washington">UW 2010</a></li>
 +
<li><a href="https://2009.igem.org/Team:Washington">UW 2009</a></li>
 +
<li><a href="https://2008.igem.org/Team:University_of_Washington">UW 2008</a></li>
 +
<li><a href="https://2013.igem.org/Main_Page">iGEM Homepage</a></li>
 +
</ul>
 +
</li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900>  
+
<li>
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Washington"style="color:#39275B"> Official Team Profile </a></td>
+
<a href="https://2013.igem.org/Team:Washington/LightSensing">Light Sensing Experiments</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Background">Background</a></li>
 +
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Systems">Our Systems</a></li>
 +
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Methods">Methods</a></li>
 +
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Results">Results</a></li>
 +
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Future">Future Plans</a></li>
 +
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Parts">Parts Submitted</a></li>
 +
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Sources">Scientific Sources</a></li>
 +
</ul>
 +
</li>
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900>
+
<li>
-
<a href="https://2014.igem.org/Team:Washington/Project"style="color:#39275B"> Project</a></td>
+
<a href="https://2013.igem.org/Team:Washington/ECOLIGHTTUNE">e.colight</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:Washington/ECOLIGHTTUNE#Background">Background</a></li>
 +
<li><a href="https://2013.igem.org/Team:Washington/ECOLIGHTTUNE#Features">Features</a></li>
 +
<li><a href="https://2013.igem.org/Team:Washington/ECOLIGHTTUNE#Experiments">Experiments</a></li>
 +
<li><a href="https://2013.igem.org/Team:Washington/ECOLIGHTTUNE#Sources">Sources</a></li>
 +
</ul>
 +
</li>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900>  
+
<li>
-
<a href="https://2014.igem.org/Team:Washington/Parts"style="color:#39275B"> Parts</a></td>
+
<a href="https://2013.igem.org/Team:Washington/Outreach">Outreach</a>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900>
+
</li>
-
<a href="https://2014.igem.org/Team:Washington/Modeling"style="color:#39275B"> Outreach</a></td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900>
+
<li>
-
<a href="https://2014.igem.org/Team:Washington/Notebook"style="color:#39275B"> Protocols</a></td>
+
<a href="https://2013.igem.org/Team:Washington/Protocols">Protocols</a>
 +
</li>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900>  
+
<li>
-
<a href="https://2014.igem.org/Team:Washington/Safety"style=" color:#39275B"> Safety </a></td>
+
<a href="https://2013.igem.org/Team:Washington/MoreLinks">Safety</a>
 +
</li>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900>  
+
<li style="border-right:0; box-shadow:0px 0 0;">
-
<a href="https://2014.igem.org/Team:Washington/Attributions"style="color:#39275B"> Our Team</a></td>
+
<a href="https://2013.igem.org/Team:Washington/Funding">Our Team</a>
 +
</li>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
</li>
-
</tr>
+
                                                                                               
-
</table>
+
</ul>
-
<!--end navigation menu -->
+
</nav>
-
</tr>
+
-
</tr>
+
-
</td>
+
<tr> <td colspan="3"  height="15px"> </td></tr>
<tr> <td colspan="3"  height="15px"> </td></tr>

Revision as of 05:02, 25 September 2014

University of Washington iGEM 2014

Retrieved from "http://2014.igem.org/Template:Team:UW/CSS"