|
|
Line 80: |
Line 80: |
| <link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" /> | | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" /> |
| <script type="text/javascript" src ="https://2012.igem.org/forum/forum_scripts.js"></script> | | <script type="text/javascript" src ="https://2012.igem.org/forum/forum_scripts.js"></script> |
- |
| |
- | <!-- slide script starts here -->
| |
- |
| |
| <script type="text/javascript"> | | <script type="text/javascript"> |
- | function slider() {
| + | $(document).ready(function(){ |
- | var $current = $('#slides IMG.current');
| + | $('.ntabs a').click(function() { |
- | | + | $this = $(this); |
- | if ( $current.length == 0 ) $current = $('#slides IMG:last');
| + | $('.npanel').hide(); |
- | var $next = $current.next().length ? $current.next()
| + | $('.ntabs a.active').removeClass('active'); |
- | : $('#slides IMG:first');
| + | $this.addClass('active').blur(); |
- | | + | var contents = $this.attr('href'); |
- | $current.addClass('previous');
| + | $(contents).fadeIn(250); |
- | $next.css({opacity: 0.0})
| + | return false; |
- | .addClass('current')
| + | }); |
- | .animate({opacity: 1.0}, 2500, function() {
| + | $('.ntabs li:first a').click(); |
- | $current.removeClass('current previous');
| + | }); |
- | });
| + | |
- | | + | |
- | var $navicurrent = $('.progress li.current');
| + | |
- | if($navicurrent.length ==0) $navicurrent = $('.progress li:last');
| + | |
- | var $navinext = $navicurrent.next().length ? $navicurrent.next() : $('.progress li:first');
| + | |
- | $navicurrent.addClass('previous');
| + | |
- | $navicurrent.removeClass('current previous');
| + | |
- | $navinext.addClass('current').animate({opacity: 1.0}, 2500, function() {
| + | |
- | });
| + | |
- | | + | |
- | $('.progress li').click(function(){
| + | |
- |
| + | |
- | var $ncurrent = $(this);
| + | |
- | $('.progress li').removeClass('current').removeClass('previous');
| + | |
- | $('#slides IMG').removeClass('current').removeClass('previous');
| + | |
- | $ncurrent.addClass('current');
| + | |
- | var ncurrentindex = $ncurrent.index();
| + | |
- | if( ncurrentindex=== 0) $current = $('#slides IMG:first');
| + | |
- | if( ncurrentindex=== 1) $current = $('#slides IMG:eq(1)');
| + | |
- | if( ncurrentindex=== 2) $current = $('#slides IMG:eq(2)');
| + | |
- | if( ncurrentindex=== 3) $current = $('#slides IMG:last');
| + | |
- | $current.addClass('current');
| + | |
| | | |
| + | $(document).ready(function(){ |
| + | $("#firstpane p.menu_head").click(function() |
| + | { |
| + | $(this).css({backgroundImage:"url(./arrow_down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow"); |
| + | $(this).siblings().css({backgroundImage:"url(./arrow_right.png)"}); |
| }); | | }); |
- |
| |
- | }
| |
- | $(function() {
| |
- | setInterval( "slider()", 5000 );
| |
| }); | | }); |
| | | |
- | </script> | + | </script> |
- | | + | |
- | </script> | + | |
- | | + | |
- | <!-- slide script ends here -->
| + | |
| <style type="text/css"> | | <style type="text/css"> |
| <!-- beginning of slider style --> | | <!-- beginning of slider style --> |
Line 138: |
Line 110: |
| min-height:100%; /* real browsers */ | | min-height:100%; /* real browsers */ |
| } | | } |
- | #content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; margin-top: -45px !important; | + | #content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; top:-3px; margin-top: -45px !important; |
| height:auto !important; /* real browsers */ | | height:auto !important; /* real browsers */ |
| height:100%; /* IE6: treaded as min-height*/ | | height:100%; /* IE6: treaded as min-height*/ |
Line 155: |
Line 127: |
| #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;} | | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;} |
| .right-menu ul { border: none; width: 300px;} | | .right-menu ul { border: none; width: 300px;} |
- | #footer-box { background-color: #216085; border: none; width: 850px; height: 30px; margin: -10px auto 0 auto; padding: 20px 0;} | + | #footer-box { background-color: #216085; border: none; width: 100%; height: 100%; margin: -10px auto 0 auto; padding: 20px 0;} |
| .visualClear { display: none; } | | .visualClear { display: none; } |
| #footer { border: none; width: 850px; margin: 0 auto; padding: 0;} | | #footer { border: none; width: 850px; margin: 0 auto; padding: 0;} |
Line 167: |
Line 139: |
| h3#siteSub { display: none;} | | h3#siteSub { display: none;} |
| #contentSub {display: none;} | | #contentSub {display: none;} |
- | p:first-child { display: block;} | + | p:first-child { display: none;} |
| h1{border:none; width: 100%; clear: both;} | | h1{border:none; width: 100%; clear: both;} |
- |
| |
| <!-- end of slides style --> | | <!-- end of slides style --> |
- |
| |
| | | |
| #globalWrapper { | | #globalWrapper { |
Line 180: |
Line 150: |
| padding: 0; | | padding: 0; |
| padding-bottom: 10px; | | padding-bottom: 10px; |
- | # background:url(); | + | # background:url( ); |
| # background-repeat: no-repeat; | | # background-repeat: no-repeat; |
| # background-attachment: fixed; | | # background-attachment: fixed; |
Line 202: |
Line 172: |
| display:inherit; | | display:inherit; |
| background-color: rgba(255,255,255,1); | | background-color: rgba(255,255,255,1); |
- | background-image: url(''); | + | background-image: url(' '); |
| background-size: 100%; | | background-size: 100%; |
| background-repeat: no-repeat; | | background-repeat: no-repeat; |
Line 234: |
Line 204: |
| .topleft-menu:hover { | | .topleft-menu:hover { |
| color: white; | | color: white; |
- | background-color: #bbbbbb
| |
| | | |
| } | | } |
Line 264: |
Line 233: |
| | | |
| .topleft-menu:hover a { | | .topleft-menu:hover a { |
- | color: white; | + | color: ; |
| } | | } |
| #newnavi { | | #newnavi { |
Line 283: |
Line 252: |
| width: 107px; | | width: 107px; |
| list-style-image:none; | | list-style-image:none; |
- | background: #004b85; | + | background: #2a2a7f; |
| } | | } |
| #newnavi .newmenu li { | | #newnavi .newmenu li { |
| float:right; | | float:right; |
- | background: #004b85; | + | background: #2a2a7f; |
| text-align:center; | | text-align:center; |
| } | | } |
| #newnavi .newmenu .selected { | | #newnavi .newmenu .selected { |
- | background: #ba9108; | + | background: #afc55b; |
| } | | } |
| #newnavi .newmenu li a { | | #newnavi .newmenu li a { |
- | text-align:center; vertical-align:middle; width:101px; padding:5px 10px 5px 10px; display:block; color:#fff; text-decoration:none; font:14px arial, verdana, sans-serif; font-weight: bold; | + | text-align:center; vertical-align:middle; width:121.5px; padding:5px 10px 5px 10px; display:block; color:#fff; text-decoration:none; font:14px arial, verdana, sans-serif; font-weight: bold; |
| } | | } |
| #newnavi .newmenu li:hover a { | | #newnavi .newmenu li:hover a { |
Line 303: |
Line 272: |
| } | | } |
| #newnavi .newmenu li:hover { | | #newnavi .newmenu li:hover { |
- | position:relative; background: #05bcea; | + | position:relative; background: #afc55b; |
| } | | } |
| #newnavi .newmenu li:hover ul { | | #newnavi .newmenu li:hover ul { |
- | left:0px; top:26px; background: #05bcea; width:150px; opacity:1.0 ; z-index:4; | + | left:0px; top:26px; background: #afc55b; width:150px; opacity:1.0 ; z-index:4; |
| } | | } |
| #newnavi .newmenu li:hover ul li { | | #newnavi .newmenu li:hover ul li { |
| | | |
- | background: #05bcea; | + | background: #afc55b; |
| } | | } |
| #newnavi .newmenu li:hover ul li a { | | #newnavi .newmenu li:hover ul li a { |
| text-align:left; padding:5px 0px 5px 0px;display:block; font-size:12px; width:150px; text-indent:10px; color:#444; | | text-align:left; padding:5px 0px 5px 0px;display:block; font-size:12px; width:150px; text-indent:10px; color:#444; |
- | background-color: #05bcea; text-decoration:none; | + | background-color: #afc55b; text-decoration:none; |
| } | | } |
| #newnavi .newmenu li:hover ul li a:hover { | | #newnavi .newmenu li:hover ul li a:hover { |
- | background: #05bcea; color:#ffffff; width:150px; | + | background: #afc55b; color:#ffffff; width:150px; |
| } | | } |
| /* slide starts here */ | | /* slide starts here */ |
| #slides { | | #slides { |
| position:relative; | | position:relative; |
- | height:280px; | + | height:350px; |
| width: 840px | | width: 840px |
| | | |
Line 343: |
Line 312: |
| z-index:2; | | z-index:2; |
| } | | } |
- |
| |
- | .progress {
| |
- |
| |
- | margin-top:-270px;
| |
- | margin-left:20px;
| |
- | position:absolute;
| |
- |
| |
- | }
| |
- |
| |
- | .progress li{
| |
- | border:1px solid rgba(0,0,0,0.9);
| |
- | border-radius:3px;
| |
- | margin-left: 5px;
| |
- | float:left;
| |
- | display:block;
| |
- | position:relative;
| |
- | z-index:10;
| |
- | background-color:rgba(255,255,255,0.4);
| |
- | line-height:1.0em;
| |
- | }
| |
- |
| |
- | .progress li a{
| |
- | padding-left: 6px;
| |
- | padding-right: 6px;
| |
- | font-size:12px;
| |
- | line-height:1.0em;
| |
- | }
| |
- |
| |
- | .progress li a:hover {
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | .progress .current {
| |
- | background-color:white;
| |
- | }
| |
- |
| |
| /* slide ends here */ | | /* slide ends here */ |
| //leftbox, rightbox starts here | | //leftbox, rightbox starts here |
| | | |
- |
| |
- | #myleftrightbox
| |
- | {
| |
- | position:relative;
| |
- | width:850px;
| |
- | float:left;
| |
- | background-color:#d2d2d2;
| |
- | margin-top: 0px;
| |
- | margin-left:3.75px solid transparent;
| |
- | margin-right:3.75px solid transparent;
| |
- | border-radius: 4px;
| |
- | padding: 0px;
| |
- | font: sans-serif;
| |
- | font-size: 13px;
| |
- | color: white;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes
| |
- | {
| |
- | width:191px;
| |
- | float:left;
| |
- | background-color:rgba(143,143,143,0.7);
| |
- | margin-top: 15px;
| |
- | margin-left:3.75px solid #e8eff1;
| |
- | margin-right:3.75px solid #e8eff1;
| |
- | margin-bottom:0px;
| |
- | border-radius: 4px;
| |
- | padding: 8.5px;
| |
- | font: sans-serif;
| |
- | font-size: 13px;
| |
- | color: white;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | #myleftrightbox .fourboxes-1
| |
- | {
| |
- | width:191px;
| |
- | float:left;
| |
- | background-color:rgba(143,143,143,0.7);
| |
- | margin-top: 15px;
| |
- | margin-left:3.75px solid #e8eff1;
| |
- | margin-right:3.75px solid #e8eff1;
| |
- | margin-bottom:0px;
| |
- | border-radius: 4px;
| |
- | padding: 8.5px;
| |
- | font: sans-serif;
| |
- | font-size: 13px;
| |
- | color: white;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes-2
| |
- | {
| |
- | width:191px;
| |
- | float:left;
| |
- | background-color:rgba(143,143,143,0.7);
| |
- | margin-top: 15px;
| |
- | margin-left:3.75px solid #e8eff1;
| |
- | margin-right:3.75px solid #e8eff1;
| |
- | margin-bottom:0px;
| |
- | border-radius: 4px;
| |
- | padding: 8.5px;
| |
- | font: sans-serif;
| |
- | font-size: 13px;
| |
- | color: white;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes-3
| |
- | {
| |
- | width:191px;
| |
- | float:left;
| |
- | background-color:rgba(143,143,143,0.7);
| |
- | margin-top: 15px;
| |
- | margin-left:3.75px solid #105ec5;
| |
- | margin-right:3.75px solid #105ec5;
| |
- | margin-bottom:0px;
| |
- | border-radius: 4px;
| |
- | padding: 8.5px;
| |
- | font: sans-serif;
| |
- | font-size: 13px;
| |
- | color: white;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes-4
| |
- | {
| |
- | width:191px;
| |
- | float:left;
| |
- | background-color:rgba(143,143,143,0.7);
| |
- | margin-top: 15px;
| |
- | margin-left:3.75px solid #05bcea;
| |
- | margin-right:3.75px solid #05bcea;
| |
- | margin-bottom:0px;
| |
- | border-radius: 4px;
| |
- | padding: 8.5px;
| |
- | font: sans-serif;
| |
- | font-size: 13px;
| |
- | color: white;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes-1:hover {
| |
- | background-color:#676767;
| |
- | }
| |
- | #myleftrightbox .fourboxes-2:hover {
| |
- | background-color:#676767;
| |
- | }
| |
- | #myleftrightbox .fourboxes-3:hover {
| |
- | background-color:#676767;
| |
- | }
| |
- | #myleftrightbox .fourboxes-4:hover {
| |
- | background-color:#676767;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes2
| |
- | {
| |
- | width:191px;
| |
- | float:left;
| |
- | background-color:rgba(143,143,143,0.7);
| |
- | margin-top: 5px;
| |
- | margin-left:3.75px solid #e8eff1;
| |
- | margin-right:3.75px solid #e8eff1;
| |
- | margin-bottom:0px;
| |
- | border-radius: 4px;
| |
- | padding: 8.5px;
| |
- | font: sans-serif;
| |
- | font-size: 13px;
| |
- | color: white;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes2-1
| |
- | {
| |
- | width:191px;
| |
- | float:left;
| |
- | background-color:rgba(143,143,143,0.7);
| |
- | margin-top: 5px;
| |
- | margin-left:3.75px solid #6a6a6a;
| |
- | margin-right:3.75px solid #6a6a6a;
| |
- | margin-bottom:0px;
| |
- | border-radius: 4px;
| |
- | padding: 8.5px;
| |
- | font: sans-serif;
| |
- | font-size: 13px;
| |
- | color: white;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes2-2
| |
- | {
| |
- | width:191px;
| |
- | float:left;
| |
- | background-color:rgba(143,143,143,0.7);
| |
- | margin-top: 5px;
| |
- | margin-left:3.75px solid #ff8a00;
| |
- | margin-right:3.75px solid #ff8a00;
| |
- | margin-bottom:0px;
| |
- | border-radius: 4px;
| |
- | padding: 8.5px;
| |
- | font: sans-serif;
| |
- | font-size: 13px;
| |
- | color: white;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes2-3
| |
- | {
| |
- | width:191px;
| |
- | float:left;
| |
- | background-color:rgba(143,143,143,0.7);
| |
- | margin-top: 5px;
| |
- | margin-left:3.75px solid #03d557;
| |
- | margin-right:3.75px solid #03d557;
| |
- | margin-bottom:0px;
| |
- | border-radius: 4px;
| |
- | padding: 8.5px;
| |
- | font: sans-serif;
| |
- | font-size: 13px;
| |
- | color: white;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes2-4
| |
- | {
| |
- | width:191px;
| |
- | float:left;
| |
- | background-color:rgba(143,143,143,0.7);
| |
- | margin-top: 5px;
| |
- | margin-left:3.75px solid #ff8a00;
| |
- | margin-right:3.75px solid #ff8a00;
| |
- | margin-bottom:0px;
| |
- | border-radius: 4px;
| |
- | padding: 8.5px;
| |
- | font: sans-serif;
| |
- | font-size: 13px;
| |
- | color: white;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes2-1:hover {
| |
- | background-color:#676767;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes2-2:hover {
| |
- | background-color:#676767;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes2-3:hover {
| |
- | background-color:#676767;
| |
- | }
| |
- |
| |
- | #myleftrightbox .fourboxes2-4:hover {
| |
- | background-color:#676767;
| |
- | }
| |
- |
| |
- | #myleftrightbox .spacebox
| |
- | {
| |
- | float:left;
| |
- | width:5px;
| |
- |
| |
- | }
| |
| #myleftbox | | #myleftbox |
| { | | { |
Line 601: |
Line 320: |
| width:625px; | | width:625px; |
| float:left; | | float:left; |
- | background-color:; | + | background-color:#d2d2d2; |
| margin-top: 0px; | | margin-top: 0px; |
| border-radius: 4px; | | border-radius: 4px; |
Line 611: |
Line 330: |
| #myleftbox .smallbox | | #myleftbox .smallbox |
| { | | { |
- | width:604px; | + | width:820px; |
| float:left; | | float:left; |
| background-color:#bfbfbf; | | background-color:#bfbfbf; |
- | margin-top: 15px; | + | margin-top: 17px; |
| + | margin-bottom: 10px; |
| border-radius: 4px; | | border-radius: 4px; |
| padding: 15px 15px 15px 15px; | | padding: 15px 15px 15px 15px; |
Line 632: |
Line 352: |
| font-weight:bold; | | font-weight:bold; |
| } | | } |
- | #myleftbox .smallboxsite
| |
- | {
| |
- | width:604px;
| |
- | float:left;
| |
- | background-color:rgba(191,191,191,0.6 );
| |
- | margin-top: 17px;
| |
- | border-radius: 4px;
| |
- | padding: 15px 15px 15px 15px;
| |
- | font: sans-serif;
| |
- | font-size: 13px;
| |
- | line-height:1.5em;
| |
- | color:black;
| |
| | | |
- | }
| |
| #myleftbox .threeboxes | | #myleftbox .threeboxes |
| { | | { |
- | width:191px; | + | width:175px; |
| float:left; | | float:left; |
| background-color:rgba(143,143,143,0.7); | | background-color:rgba(143,143,143,0.7); |
- | margin-top: 15px; | + | margin-top: 17px; |
| border-radius: 4px; | | border-radius: 4px; |
| border-left:2px solid #e8eff1; | | border-left:2px solid #e8eff1; |
| border-right:2px solid #e8eff1; | | border-right:2px solid #e8eff1; |
- | padding: 7px 7px 7px 7px; | + | padding: 15px 15px 15px 15px; |
| font: sans-serif; | | font: sans-serif; |
| font-size: 13px; | | font-size: 13px; |
| color: white; | | color: white; |
- | }
| |
| | | |
- | #myleftbox .threeboxes2
| |
- | {
| |
- | width:191px;
| |
- | float:left;
| |
- | background-color:rgba(143,143,143,0.7);
| |
- | margin-top: 5px;
| |
- | border-radius: 4px;
| |
- | border-left:2px solid #e8eff1;
| |
- | border-right:2px solid #e8eff1;
| |
- | padding: 7px 7px 7px 7px;
| |
- | font: sans-serif;
| |
- | font-size: 13px;
| |
- | color: white;
| |
| } | | } |
| | | |
Line 681: |
Line 374: |
| float:left; | | float:left; |
| background-color:#ba9108; | | background-color:#ba9108; |
- | margin-top: -52px; | + | margin-top: 17px; |
| border-radius: 4px; | | border-radius: 4px; |
| padding: 15px 15px 15px 15px; | | padding: 15px 15px 15px 15px; |
Line 694: |
Line 387: |
| #float:left; | | #float:left; |
| background-color:#ba9108; | | background-color:#ba9108; |
- | margin-top: -52px; | + | margin-top: 17px; |
| border-radius: 4px; | | border-radius: 4px; |
| padding: 15px 15px 15px 15px; | | padding: 15px 15px 15px 15px; |
Line 706: |
Line 399: |
| float:right; | | float:right; |
| background-color:#ba9108; | | background-color:#ba9108; |
- | margin-top: -52px; | + | margin-top: 17px; |
| border-radius: 4px; | | border-radius: 4px; |
| padding: 15px 15px 15px 15px; | | padding: 15px 15px 15px 15px; |
Line 713: |
Line 406: |
| color: white; | | color: white; |
| } | | } |
- |
| |
| | | |
| #sponsorbox | | #sponsorbox |
| { | | { |
| position: relative; | | position: relative; |
- | width: 208px; | + | width: 215px; |
- | margin-top:15px; | + | margin-top:17px; |
| float: right; | | float: right; |
| height: auto; | | height: auto; |
Line 726: |
Line 418: |
| #sponsorbox .sponsorfloat | | #sponsorbox .sponsorfloat |
| { | | { |
- | left:-3px;
| + | width:205px; |
- | width:198px; | + | |
| float: right; | | float: right; |
| background-color: #004b85; | | background-color: #004b85; |
Line 750: |
Line 441: |
| { | | { |
| color:white; | | color:white; |
- | font: sans-serif;
| |
- | }
| |
- |
| |
- | #sponsorbox .sponsorfloat p
| |
- | {
| |
- | font: sans-serif;
| |
| } | | } |
| .newsAnnouncement | | .newsAnnouncement |
Line 764: |
Line 449: |
| overflow-y:scroll; | | overflow-y:scroll; |
| } | | } |
| + | <!-- notebook tab style starts here --> |
| + | .ntabs { |
| + | margin: 0; |
| + | padding: 0; |
| + | zoom : 1; |
| + | } |
| + | .ntabs li { |
| + | float: left; |
| + | list-style: none; |
| + | padding: 0; |
| + | margin: 0; |
| + | } |
| + | .ntabs a { |
| + | display: block; |
| + | text-decoration: none; |
| + | padding: 1px 8px 1px 8px; |
| + | background-color: #ba9108; |
| + | margin-right:1px; |
| + | border: 1px solid rgb(153,153,153); |
| + | border-radius: 4px 4px 0px 0px; |
| + | margin-bottom: -1px; |
| + | font-size:14px; |
| + | line-height:25px; |
| + | } |
| + | .ntabs a.active { |
| + | border-bottom: 1px solid #fdf2b2; |
| + | background-color: #fdf2b2; |
| + | color: #004b85; |
| + | position: relative; |
| + | } |
| + | .ntabs a:hover { |
| + | background-color: rgba(186,145,8,0.3); |
| + | } |
| + | .npanelContainer { |
| + | background:url("./notepad_pattern.jpg") repeat; |
| + | clear: both; |
| + | margin-bottom: 25px; |
| + | border: 1px solid rgb(153,153,153); |
| + | background-color: white; |
| + | padding: 17px 0 0 10px;; |
| + | font-size:14px; |
| + | line-height:25px; |
| + | border-radius:4px; |
| + | } |
| + | |
| + | .npanel h2 { |
| + | color: rgb(57,78,121); |
| + | text-shadow: none; |
| + | } |
| + | .npanel p { |
| + | color: black; |
| + | } |
| + | <!-- notebook tab style ends here --> |
| + | #firstpane { |
| + | position:relative; |
| + | } |
| + | #firstpane p { |
| + | display:block; |
| + | } |
| + | #firstpane .menu_head { |
| + | padding: 5px 20px; |
| + | cursor: pointer; |
| + | position: relative; |
| + | margin:1px; |
| + | font-weight:bold; |
| + | background: #eef4d3 url(./arrow_right.png) center left no-repeat; |
| + | background-position: 5px center; |
| + | background-size: 0.7em auto; |
| + | } |
| + | |
| + | #firstpane .menu_body { |
| + | display:none; |
| + | background-color:#e1e1e1; |
| + | background-image:none !important; |
| + | margin-top:-5px |
| + | border-radius:4px; |
| + | padding:10px; |
| + | } |
| + | #firstpane .menu_body a { |
| + | display:block; |
| + | color:#006699; |
| + | background-color:#EFEFEF; |
| + | padding-left:10px; |
| + | font-weight:bold; |
| + | text-decoration:none; |
| + | } |
| + | #firstpane .menu_body a:hover { |
| + | color: #000000; |
| + | text-decoration:underline; |
| + | } |
| + | |
| | | |
| .floatbox3 | | .floatbox3 |
Line 811: |
Line 587: |
| padding: 0 .0em;} | | padding: 0 .0em;} |
| | | |
- | #catlinks {
| + | |
- | background-color:transparent;
| + | |
- | border:1px solid transparent;
| + | |
- | }
| + | |
- | #footpage {
| + | |
- | background-color:transparent;
| + | |
- | }
| + | |
- | #footer-box {
| + | |
- | background-color:rgba(191,191,191,0.5);
| + | |
- | }
| + | |
| #footer-box-1 { | | #footer-box-1 { |
| | | |
Line 830: |
Line 597: |
| } | | } |
| | | |
- | #tweets {
| |
| | | |
- | width: 203px;
| |
- | margin: 0 auto;
| |
- | font: sans-serif;
| |
- | font-size: 12px;
| |
- | }
| |
- |
| |
- | #tweets .twtr-widget,
| |
- | #tweets .twtr-doc {
| |
- |
| |
- | width: 100%;
| |
- | height: auto;
| |
- | }
| |
- |
| |
- | #tweets .twtr-hd {
| |
- | display:none;
| |
- | background: #d40;
| |
- | color: #fff;
| |
- | -moz-border-radius: 4px 4px 0 0;
| |
- | border-radius: 4px 4px 0 0;
| |
- | font-family: sans-serif !important;
| |
- | }
| |
- |
| |
- | #tweets .twtr-hd *,
| |
- | #tweets .twtr-hd h4 a {
| |
- |
| |
- | background: #d40 !important;
| |
- | font: sans-serif !important;
| |
- | }
| |
- |
| |
- | #tweets .twtr-hd h3,
| |
- | #tweets .twtr-hd h4 {
| |
- |
| |
- | font-weight: normal;
| |
- | text-align: left;
| |
- | margin:0;
| |
- | }
| |
- |
| |
- | #tweets .twtr-hd h3 {
| |
- |
| |
- | background: #fff !important;
| |
- | color: #333 !important;
| |
- | font: sans-serif;
| |
- | font-size: 1.0em !important;
| |
- | padding: 0.2em !important;
| |
- | -moz-border-radius: 0px;
| |
- | border-radius: 0px;
| |
- |
| |
- | }
| |
- |
| |
- | #tweets .twtr-tweet {
| |
- |
| |
- | background: #fff;
| |
- | font: sans-serif !important;
| |
- | font-size: 12px;
| |
- | }
| |
- |
| |
- | #tweets .twtr-tweet a:link,
| |
- | #tweets .twtr-tweet a:visited,
| |
- | #tweets .twtr-tweet a:hover {
| |
- |
| |
- | color: #c40 !important;
| |
- |
| |
- | }
| |
- |
| |
- | #tweets .twtr-tweet .twtr-tweet-text {
| |
- |
| |
- | border-bottom: 1px dashed #666 !important;
| |
- | padding-bottom: 4px !important;
| |
- | font: sans-serif;
| |
- | font-size:12px;
| |
- | }
| |
- |
| |
- | #tweets .twtr-tweet .twtr-tweet-text p {
| |
- |
| |
- | color: #333 !important;
| |
- | font: sans-serif;
| |
- | font-size: 12px;
| |
- |
| |
- | }
| |
- | //twitt style ends here
| |
| </style> | | </style> |
| | | |
Line 921: |
Line 607: |
| | | |
| <div id="main-content"> | | <div id="main-content"> |
- | | + | <img src="https://static.igem.org/mediawiki/2012e/0/05/UCD_Logo.png" align="left"><br><br><br> |
| <div id="topmenubar" class="topleft-menu" > | | <div id="topmenubar" class="topleft-menu" > |
| <ul> | | <ul> |
| <li style='color:#014457; cursor:default'><a>teams</a></li> | | <li style='color:#014457; cursor:default'><a>teams</a></li> |
- | <li class='selected' ><a href="https://2012.igem.org/Team:UC_Davis">Page</a></li>
| + | <li class='selected' ><a href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Team">Page</a></li> |
| | | |
- | <li class='new'><a href="https://2012.igem.org/wiki/index.php?title=Talk:Team:UC_Davis&action=edit&redlink=1">Discussion</a></li> | + | <li class='new'><a href="https://2012e.igem.org/wiki/index.php?title=Talk:Team:UC_Davis_E/Team&action=edit&redlink=1">Discussion</a></li> |
| <li><a href="https://2012e.igem.org/wiki/index.php?title=Team:UC_Davis_E/Terms_of_Use&action=edit">Edit</a></li> | | <li><a href="https://2012e.igem.org/wiki/index.php?title=Team:UC_Davis_E/Terms_of_Use&action=edit">Edit</a></li> |
- | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis&action=history">History</a></li> | + | <li><a href="https://2012e.igem.org/wiki/index.php?title=Team:UC_Davis_E/Team&action=history">History</a></li> |
- | <li><a href="https://2012.igem.org/Special:MovePage/Team:UC_Davis">Move</a></li> | + | <li><a href="https://2012e.igem.org/wiki/index.php/Special:MovePage/Team:UC_Davis_E/Team">Move</a></li> |
- | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis&action=watch">Watch</a></li> | + | <li><a href="https://2012e.igem.org/wiki/index.php?title=Team:UC_Davis_E/Team&action=watch">Watch</a></li> |
| <li><a href="https://igem.org/Login">Log in</a></li> | | <li><a href="https://igem.org/Login">Log in</a></li> |
| | | |
| </ul> | | </ul> |
| </div> | | </div> |
- | <div id="newnavi">
| + | <div id="newnavi"> |
| <ul class="newmenu"> | | <ul class="newmenu"> |
- | <li ><a href="https://2012e.igem.org/" title="Back to iGEM">iGEM</a></li> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Contact" title="Contact">Contact</a> |
- | | + | |
- | <li ><a href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Attributions" title="Attributions">Attributions</a>
| + | |
| <ul> | | <ul> |
- | <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Overview ">Who did What</a></li> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Contact ">Contact Us</a></li> |
- | <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Advisory Board</a></li> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Attributions ">Attributions</a></li> |
| + | <li ><a href="https://2012e.igem.org/wiki/index.php/Main_Page ">iGEM E</a></li> |
| </ul> | | </ul> |
| </li> | | </li> |
| | | |
| | | |
- | <li ><a href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Source_Data" title="Source Data">Source Data</a> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Media" title="Media">Media</a> |
| <ul> | | <ul> |
- | <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Overview ">Media</a></li> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/News_Releases ">News Releases</a></li> |
- | <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Reference</a></li> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Technical_Papers ">Technical Papers</a></li> |
| </ul> | | </ul> |
| </li> | | </li> |
| | | |
- | <li ><a href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Summary" title="Buisness">Business</a> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Business" title="Business">Business</a> |
| <ul> | | <ul> |
- | <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Executive Summary</a></li> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Business_Model ">Business Model</a></li> |
- | <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook">Elevator Pitch</a></li> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Business_Plan">Business Plan</a></li> |
| + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Partners">Partners</a></li> |
| </ul> | | </ul> |
| </li> | | </li> |
| | | |
- | <li ><a href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Opportunity" title="Market and Tech">Market & Tech</a> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Technology" title="Technology">Technology</a> |
| <ul> | | <ul> |
- | <li ><a href="https://2012.igem.org/Team:UC_Davis/Project">Overview</a></li> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Bioindustrial_Enzyme">Bioindustrial Enzyme</a></li> |
- | <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Problem</a></li> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Products">Products</a></li> |
- | <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Market</a></li> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Process_Advantage">Process Advantage</a></li> |
| </ul> | | </ul> |
| </li> | | </li> |
- | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Team" title="Company">Company</a> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Company" title="Company">Company</a> |
| <ul> | | <ul> |
- | <li ><a href="https://2012.igem.org/Team:UC_Davis/Project">Overview</a></li> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Vision">Vision</a></li> |
- | <li ><a href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Team">Team</a></li> | + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Management">Management</a></li> |
| + | <li ><a href="https://2012e.igem.org/Team:UC_Davis_E/Advisory_Board">Advisory Board</a></li> |
| | | |
| </ul> | | </ul> |
| </li> | | </li> |
| | | |
- | <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis" title="Home">Home</a></li> | + | <li class="selected"><a href="https://2012e.igem.org/Team:UC_Davis_E" title="Home">Home</a></li> |
| </ul> | | </ul> |
| </div> | | </div> |
- | <!-- slide show starts here
| |
- | <div id="slides">
| |
- |
| |
- | <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-1-2.jpg" width="850" height="280" alt="" class="current" />
| |
- | <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-2-2.jpg" width="850" height="280" alt="" />
| |
- | <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-3-2.jpg" width="850" height="280" alt="" />
| |
- | <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-4-2.jpg" width="850" height="280" alt="" />
| |
- | </div>
| |
- | <ul class="progress">
| |
- | <li class="current"><a href="#n_0">1</a> </li>
| |
- | <li><a href="#n_1">2</a> </li>
| |
- | <li><a href="#n_2">3</a> </li>
| |
- | <li><a href="#n_3">4</a> </li>
| |
- | </ul>
| |
- | slide show ends here -->
| |
- |
| |
- | <img src="https://static.igem.org/mediawiki/2012/5/54/UCD_safety_banner.jpg">
| |
| | | |
| + | <img src="https://static.igem.org/mediawiki/igem.org/a/a8/UCD_Company_banner.jpg"> |
| | | |
| + | <div id="bodyContent"> |
| + | <!-- <div id="contentSub"></div> --> |
| + | <!-- </div> --> |
| + | <!-- float: right; first try --> |
| <!-- <div id="sponsorbox" style="width:220px; float:right;"> --> | | <!-- <div id="sponsorbox" style="width:220px; float:right;"> --> |
| | | |
- | <div id="sponsorbox">
| |
- | <div id="sponsorbox" class="sponsorfloat">
| |
- | <!-- twitter starts here -->
| |
- | </script>
| |
- | <div id="tweets">
| |
- | <center>
| |
- | <h2>UCDavis iGEM Tweets</h2>
| |
- | </center>
| |
- | <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
| |
- | <script>
| |
- | new TWTR.Widget({
| |
- | version: 2,
| |
- | type: 'profile',
| |
- | rpp: 10,
| |
- | interval: 30000,
| |
- | width: 203,
| |
- | height: 100,
| |
- |
| |
- | theme: {
| |
- | shell: {
| |
- | background: '#004b85',
| |
- | color: '#ffffff'
| |
- | },
| |
- | tweets: {
| |
- | background: '#004b85',
| |
- | color: '#ffffff',
| |
- | links: '#4aed05'
| |
- | }
| |
- |
| |
- | },
| |
- | features: {
| |
- | scrollbar: true,
| |
- | loop: false,
| |
- | live: true,
| |
- | behavior: 'all'
| |
- | }
| |
- | }).render().setUser('UCDavisiGEM').start();
| |
| | | |
- | </script>
| |
- | </div>
| |
- | <!-- twitter ends here -->
| |
- | </div>
| |
| | | |
- | <div id="sponsorbox" class="sponsorfloat">
| |
- | <center>
| |
- | <h2>Our Sponsors</h2>
| |
- | <a href="http://www.novozymes.com/en/Pages/default.aspx" target="_blank"><img src="https://static.igem.org/mediawiki/2011/2/21/UCD_Novozymes-logo.jpg" width="200"></a>
| |
- | </center>
| |
- |
| |
- | <center>
| |
- | <a href="http://engineering.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/f/f6/UCD_CoE.png" width="200" height="40"></a>
| |
- | </center>
| |
- |
| |
- | <center>
| |
- | <a href="http://biosci.ucdavis.edu/index_js.html" target="_blank"><img src="https://static.igem.org/mediawiki/2011/b/b1/UCD_biosci_sponsor.jpg" width="200" height="90"></a>
| |
- | </center>
| |
- |
| |
- | <center>
| |
- | <a href="http://www.genomecenter.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/1/1b/UCD_Genome_center_sponsor.jpg" width="200" height="60"></a>
| |
- | </center>
| |
- |
| |
- | <center>
| |
- | <a href="http://www.fishersci.com" target="_blank"><img src="https://static.igem.org/mediawiki/2011/a/a4/UCD_Fisher_Logo.gif" width="200"></a>
| |
- | </center>
| |
- |
| |
- | <center>
| |
- | <a href="http://www.bme.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/4/40/UCD_BME_logo_minimal_copy.png" width="200 height="70"></a>
| |
- | </center>
| |
- |
| |
- | </div>
| |
- | </div>
| |
- | <!-- <br> -->
| |
- | <!-- div id="myleftbox" style="width:625px; float:left;" -->
| |
| <div id="myleftbox"> | | <div id="myleftbox"> |
| + | <div id="myleftbox" class="smallbox"> |
| + | <!-- Safety content starts here --> |
| | | |
- |
| |
- | <div id="myleftbox" class="smallbox">
| |
| <h1> Terms of Use </h1> | | <h1> Terms of Use </h1> |
| <article> | | <article> |
- | Welcome to the website of the 2012 UC Davis iGEM Entrepreneurship team, and its affiliate Yolo Plastics. Please review the following terms and conditions concerning your use of our website. By accessing and using any information and/or materials from our website, you agree to be bound by the following terms and conditions. We reserve the right to change the terms and conditions from time to time at our sole discretion. If you do not agree with the terms and conditions, do not use our website. In the case of any violation of these terms and conditions, we reserve the right to seek all repercussions available by law and in equity for such violations. These terms and conditions apply to all visits to our website. | + | Welcome to the website of the 2012 UC Davis iGEM Entrepreneurship team, and its affiliate Yolo Plastics. Please review the following terms and conditions concerning your use of our website. By accessing and using any information and/or materials from our website, you agree to be bound by the following terms and conditions. We reserve the right to change the terms and conditions from time to time at our sole discretion. If you do not agree with the terms and conditions, do not use our website. In the case of any violation of these terms and conditions, we reserve the right to seek all repercussions available by law and in equity for such violations. These terms and conditions apply to all visits to our website. |
| <br><br> | | <br><br> |
| <p>Limited License</p> | | <p>Limited License</p> |
Line 1,105: |
Line 709: |
| <p>Reservation</p> | | <p>Reservation</p> |
| Any rights not expressly granted to others in our website are reserved to us. If any provision of these terms and conditions is held to be invalid or unenforceable, such provision shall be struck and the remaining provisions shall be legally enforced. | | Any rights not expressly granted to others in our website are reserved to us. If any provision of these terms and conditions is held to be invalid or unenforceable, such provision shall be struck and the remaining provisions shall be legally enforced. |
| + | |
| + | |
| | | |
| </article> | | </article> |
| </div> | | </div> |
| | | |
- | <!-- site map starts here -->
| |
- | <div id="myleftbox" class="smallboxsite">
| |
- | <ul style="font-size:10px;list-style-image:none;list-style-type:none;float:left;display:inline;color:#000000;" >
| |
- |
| |
- | <li style="float:left;margin:0 10px solid red"><a href="https://2012e.igem.org/Team:UC_Davis_E"><p>Home</p><ul style="text-indent:-15px;
| |
- | list-style-image:none;list-style-type:none;color:#000000;"><li>Welcome </li></ul> </a> </li>
| |
- |
| |
- | <li style="float:left ;margin:0 10px;"><a href="https://2012e.igem.org/Team:UC_Davis_E/Team"><p>Company</p> <ul style="text-indent:-15px;list-style-image:none;
| |
- | list-style-type:none;color:#000000 "><li>Overview</li><li>Team</li></ul></a> </li>
| |
- |
| |
- | <li style="float:left ;margin:0 10px;"><a href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Opportunity "><p>Market & Tech</p></a> <ul style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000"><li><a style="color:#000000 " href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Opportunity">Overview</a> </li><li><a style="color:#000000 " href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Opportunity ">Problem</a></li><li><a style="color:#000000 " href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Opportunity ">Market</a></li> </ul> </li>
| |
- |
| |
- | <li style="float:left ;margin:0 10px;"><a href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Summary "><p>Buisness</p></a> <ul style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000"><li><a style="color:#000000 " href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Summary">Executive Summary</a> </li><li><a style="color:#000000 " href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Summary ">Elevator Pitch</a></li> </ul> </li>
| |
- |
| |
- | <li style="float:left ;margin:0 10px;"><a href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Source_Data "> <p>Source Data</p></a> <ul style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000 "><li><a style="color:#000000 " href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Source_Data">Media</a> </li><li><a style="color:#000000 " href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Source_Data ">Reference</a> </li> </ul> </li>
| |
- |
| |
- | <li style="float:left ;margin:0 10px;"><a href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Attributions "> <p>Attribution</p></a> <ul style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000 "><li><a style="color:#000000 " href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Attributions">Who did What</a> </li><li><a style="color:#000000 " href="https://2012e.igem.org/wiki/index.php/Team:UC_Davis_E/Attributions ">Advisory Board</a> </li> </ul> </li>
| |
- |
| |
- | <li style="float:left ;margin:0 10px"><a href="https://2012.igem.org/Main_Page "> <p>iGEM </p></a><a style="color:#000000 " href="https://2012e.igem.org/Main_Page " > iGEM</a></li>
| |
- | </ul>
| |
| </div> | | </div> |
- | <!-- site map ends here --> | + | </div> |
| | | |
- | <div id="myleftbox" class="smallboxsite"> | + | <!-- </div> --> |
- | <ul style="font-size:10px;list-style-image:none;list-style-type:none;float:left;display:inline;color:#000000;" >
| + | |
- | | + | |
- | <a href="https://2012e.igem.org/Team:UC_Davis_E/Terms_of_Use">Terms of Use</a> | + | |
- | | + | |
- | </ul>
| + | |
- | </div>
| + | |
- |
| + | |
| <script>if (window.runOnloadHook) runOnloadHook();</script> | | <script>if (window.runOnloadHook) runOnloadHook();</script> |
| </div> | | </div> |
| </div> | | </div> |
- | <!-- footer ends here --> | + | |
| + | </body> |
| </html> | | </html> |