"

From 2014.igem.org

Revision as of 17:01, 13 October 2014 (view source) Success (Talk | contribs) ← Older edit		Revision as of 17:02, 13 October 2014 (view source) Success (Talk | contribs) Newer edit →
Line 82:		Line 82:
	height: 1px;		height: 1px;
	width: 3%;		width: 3%;
-	overflow-y: hidden;	+	overflow-y: visible;
	opacity: 0;		opacity: 0;
	position:absolute;		position:absolute;
Line 129:		Line 129:
	}		}
-	#top1 #topnav ul li:hover > span {	+	#top1 #topnav ul li:hover > #top1 #topnav span{
	height:12em;		height:12em;
	opacity:1;		opacity:1;

---

Revision as of 17:02, 13 October 2014

@charset "utf-8";

1. clc {

float: none; clear: both; } .c { clear: both; } body { float: none; background-repeat: no-repeat; background-size: 100% 100%; width: 100%; margin-top: 0px; margin-bottom: 0px; background-attachment: fixed; text-align: center; background-image: url(); }

1. mainbody {

width: 85%; max-width: 1200px; min-width: 1000px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; }

1. top1 {

width: 100%; margin-bottom: 10px; }

1. top1 #topnav {

border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding-top: 12px; width: 100%; height: 80px; background-color: #FFFFFF; display: block; }

1. top1 #topnav ul {

list-style: none; }

1. top1 #topnav ul li {

float: left; width: 10%; color: #000000; text-align: center; }

1. top1 #topnav ul .a1a {

color: #80c269; text-decoration: none; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: large; font-style: normal; font-variant: normal; font-weight: bold; line-height: 65px; display: block; }

1. top1 #topnav ul .a2a {

color: #80c269; text-decoration: none; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: large; font-style: normal; font-variant: normal; font-weight: bold; display: block; line-height: 0.8em; }

1. top1 #topnav span {

z-index: 5; height: 1px; width: 3%; overflow-y: visible; opacity: 0; position:absolute; transition: opacity 1s, height 1s; -moz-transition: opacity 1s, height 1s; -webkit-transition: opacity 1s, height 1s; -o-transition: opacity 1s, height 1s; }

1. top1 #topnav .sublist{

overflow-x: visible; }

1. top1 #topnav #Project .sublist {

width: 4%; }

1. top1 #topnav #Modeling .sublist {

width: 4%; }

1. top1 #topnav #Achievements .sublist {

width: 3%; }

1. top1 #topnav #Human .sublist {

width: 4%; }

1. top1 #topnav ul .sublist li {

text-align: left; background-color: #FFFFFF; width: 400%; position: relative; left:-2em; border-left: thick solid #80c269; margin-top: 0px; margin-right: 2px; margin-bottom: 8px; margin-left: 2px; z-index: 1; float: none; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }

1. top1 #topnav ul li:hover > #top1 #topnav span{

height:12em; opacity:1; }

1. top1 #topnav ul li:hover > .a1a {

display: block; color: #339999; line-height: 61px; border-bottom: thick solid #339999; }

1. top1 #topnav ul .sublist li:hover > .a2a {

color: #339999; }

1. top1 #topnav ul .sublist li:hover {

border-left: medium solid #339999; }

1. titlepic {

width: 100%; z-index: 0; margin-top: 20px; margin-bottom: 20px; }

1. titlepic img {

width: 100%; height: 100px; }

1. bottom {

width: 100%; margin-top: 43px; }

1. bottom img {

width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; margin-top: 40px; }

1. mainbody #jumpup {

position: fixed; right: 20px; bottom: 300px; }

1. mainbody #jumpdown {

bottom: 230px; right: 20px; position: fixed; }