|
|
Line 291: |
Line 291: |
| | | |
| | | |
- | #tracking_nav
| |
- | {
| |
- | margin: 0px 0px 0px 950px;
| |
- | position: fixed;
| |
- | color:#bababa;
| |
- | border: 1px solid #3d3f3c;
| |
- | background:#3d3f3c;
| |
- | font-size: 16pt;
| |
- | padding: 5px;
| |
- | line-height: 120%;
| |
- | }
| |
| | | |
- | #tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;}
| |
- | #tracking_nav a:hover {background:#bababa;}
| |
- |
| |
- | ul#nav {
| |
- | width:90%;
| |
- | top:100px;
| |
- | left:60px;
| |
- | position:fixed;
| |
- | z-index:30;
| |
- | }
| |
- |
| |
- | #nav li {
| |
- | color: #FFF;
| |
- | background-color:none;
| |
- | margin: 0 15px 0 0;
| |
- | float: left;
| |
- | position: relative;
| |
- | list-style: none;
| |
- |
| |
- | }
| |
- | #nav li:last-child { margin:0; }
| |
- |
| |
- | /* main level link */
| |
- | #nav a {
| |
- | font-family:bree-web, Bree, sans-serif;
| |
- | font-size:10pt;
| |
- | font-weight:600;
| |
- | line-height:210%;
| |
- | color: inherit;
| |
- | text-decoration: none;
| |
- | display: block;
| |
- | padding: 0 0 0 5px;
| |
- | margin: 0;
| |
- | }
| |
- |
| |
- | ul#nav > li > a {
| |
- | line-height:10px;
| |
- | border-left:solid 3px #bbb;
| |
- | padding:0 0 0 15px;
| |
- | }
| |
- |
| |
- | #nav a:hover {
| |
- | /*background-color: #870203;
| |
- | color: #ffffff;*/
| |
- | }
| |
- |
| |
- | /* main level link hover */
| |
- | #nav .current a, #nav li:hover > a {
| |
- | color: #F79042;
| |
- | border-color:#F79042;
| |
- | }
| |
- |
| |
- | /* sub levels link hover */
| |
- | #nav ul li:hover a, #nav li:hover li a {
| |
- | border: none;
| |
- | background-image:url(https://static.igem.org/mediawiki/2014/3/3a/Orangemenubkgd_bu14.png);
| |
- | background-repeat:repeat;
| |
- | color:#FFF;
| |
- | }
| |
- |
| |
- | #nav ul a:hover {
| |
- | color: #353535 !important;
| |
- | /*background: #fff url() repeat-x 0 -100px !important;
| |
- | text-shadow: 0 1px 1px rgba(0,0,0, .1);*/
| |
- | }
| |
- |
| |
- |
| |
- | /* dropdown */
| |
- | #nav li:hover > ul {
| |
- | /*display: block;*/
| |
- | opacity:1;
| |
- | margin:0;
| |
- | background-color: none;
| |
- | z-index:0;
| |
- | }
| |
- |
| |
- | /* level 2 list */
| |
- | #nav ul {
| |
- | /*display: none;*/
| |
- | opacity:0;
| |
- | margin: 20px 0 0 0;
| |
- | padding: 7px 0 0 0;
| |
- | width: 205px;
| |
- | position: absolute;
| |
- | left: 0;
| |
- | z-index:-1;
| |
- |
| |
- | }
| |
- | #nav ul li {
| |
- | float: none;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | #nav ul a {
| |
- | font-weight: normal;
| |
- | /*text-shadow: 0 1px 0 #fff;*/
| |
- | }
| |
- |
| |
- | /* clearfix */
| |
- | #nav:after {
| |
- | content: ".";
| |
- | display: block;
| |
- | clear: both;
| |
- | visibility: hidden;
| |
- | line-height: 0;
| |
- | height: 0;
| |
- | }
| |
- | #nav {
| |
- | display: inline-block;
| |
- | }
| |
| html[xmlns] #nav { | | html[xmlns] #nav { |
| display: block; | | display: block; |
Line 426: |
Line 304: |
| | | |
| | | |
- | .headerdivider{
| + | |
- | background-image:url(https://static.igem.org/mediawiki/2014/1/15/Headerdivider_bu14.png);
| + | |
- | position:absolute;
| + | |
- | top:120px;
| + | |
- | height:15px;
| + | |
- | width:100%;
| + | |
- | z-index:10;
| + | |
- | }
| + | |
| | | |
| .plasmid{ | | .plasmid{ |
Line 480: |
Line 351: |
| } | | } |
| | | |
- | .lower{
| + | |
- | background-image:url(https://static.igem.org/mediawiki/2014/d/d7/Gradient_bu14.png);
| + | |
- | background-color:#FFF;
| + | |
- | text-align:center;
| + | |
- | background-repeat:repeat-x;
| + | |
- | width:100%;
| + | |
- | position:absolute;
| + | |
- | top:100%;
| + | |
- | z-index:10;
| + | |
- | }
| + | |
| .content{ | | .content{ |
| text-align:left; | | text-align:left; |
Line 507: |
Line 369: |
| | | |
| | | |
- | .sponsors{
| |
- | background-color:#FFF;
| |
- | position:relative;
| |
- | text-align:center;
| |
- | bottom:0px;
| |
- | z-index:10;
| |
- | }
| |
| | | |
| @media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) { | | @media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) { |