Team:UC Davis/Attributions

From 2012.igem.org

(Difference between revisions)
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">
-
$(document).ready(function(){
+
function slider() {
-
        $('.ntabs a').click(function() {
+
    var $current = $('#slides IMG.current');
-
$this = $(this);
+
 
-
$('.npanel').hide();
+
    if ( $current.length == 0 ) $current = $('#slides IMG:last');
-
$('.ntabs a.active').removeClass('active');
+
    var $next =  $current.next().length ? $current.next()
-
$this.addClass('active').blur();
+
        : $('#slides IMG:first');
-
var contents = $this.attr('href');
+
 
-
$(contents).fadeIn(250);  
+
      $current.addClass('previous');
-
return false;      
+
    $next.css({opacity: 0.0})
-
});
+
        .addClass('current')
-
$('.ntabs li:first a').click();
+
        .animate({opacity: 1.0}, 2500, function() {
 +
            $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');
 +
 
 +
});
 +
 
 +
}
 +
$(function() {
 +
    setInterval( "slider()", 5000 );
});
});
$(document).ready(function(){
$(document).ready(function(){
-
$("#firstpane p.menu_head").click(function()
+
 
-
{
+
  $('a.lightbox').click(function(e) {
-
     $(this).css({backgroundImage:"url(./arrow_down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
+
     $('body').css('display', 'inherit'); // hide scrollbars!
-
     $(this).siblings().css({backgroundImage:"url(./arrow_right.png)"});
+
 
-
});
+
    $('<div id="overlay"></div>')
 +
    .css('opacity', '0')
 +
      .animate({'opacity': '0.7'}, 'slow')
 +
    .click(function(){
 +
      removeLightbox();
 +
      })
 +
      .appendTo('body');
 +
 
 +
    $('<div id="lightbox"></div>')
 +
      .hide()
 +
      .appendTo('body');
 +
 
 +
     $('<img>')
 +
      .attr('src', $(this).attr('href'))
 +
      .load(function() {
 +
        positionLightboxImage();
 +
      })
 +
      .click(function() {
 +
        removeLightbox();
 +
      })
 +
      .appendTo('#lightbox');
 +
 
 +
    return false;
 +
  });
});
});
-
</script>
+
function positionLightboxImage() {
 +
  var top = ($(window).height()  - $('#lightbox').height())/2;
 +
  var left = ($(window).width() - $('#lightbox').width())/2;
 +
 
 +
  $('#lightbox')
 +
    .css({
 +
      'top': top,
 +
      'left':left-80
 +
    })
 +
    .fadeIn();
 +
}
 +
 
 +
function removeLightbox() {
 +
 +
  $('#overlay, #lightbox')
 +
    .fadeOut('slow', function() {
 +
      $(this).remove();
 +
      $('body').css('overflow-y', 'auto'); // show scrollbars!
 +
    });
 +
}
 +
 
 +
 
 +
</script>
 +
<!-- slide script ends here -->
<style type="text/css">
<style type="text/css">
<!-- beginning of slider style -->
<!-- beginning of slider style -->
Line 110: Line 188:
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 127: Line 205:
#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: 100%; height: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
+
#footer-box { background-color: #216085; border: none; width: 850px; height: 30px; 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 139: Line 217:
h3#siteSub { display: none;}
h3#siteSub { display: none;}
#contentSub {display: none;}
#contentSub {display: none;}
-
p:first-child { display: none;}
+
p:first-child { display: block;}
h1{border:none; width: 100%; clear: both;}
h1{border:none; width: 100%; clear: both;}
-
<!-- end of slides style -->
 
#globalWrapper {
#globalWrapper {
Line 238: Line 315:
         position:relative;
         position:relative;
         height:42px;
         height:42px;
-
         width: 856px;
+
         width: 850px;
         margin-left: -2px;
         margin-left: -2px;
         display:block;
         display:block;
Line 250: Line 327:
         list-style-type:none;  
         list-style-type:none;  
         height:24px;
         height:24px;
 +
        width: 107px;
         list-style-image:none;
         list-style-image:none;
         background: #004b85;
         background: #004b85;
Line 255: Line 333:
#newnavi .newmenu li    {
#newnavi .newmenu li    {
         float:right;  
         float:right;  
-
        height:24px;
 
-
        width: 103px;
 
         background: #004b85;
         background: #004b85;
-
#        margin-left: solid 2px transparent;
+
        text-align:center;
-
#        margin-right: solid 2px transparent;
+
-
#        margin-bottom: solid 1px transparent;
+
-
#        border-right: 4px solid #eaf0f2;
+
-
#        border-left: 2px solid #eaf0f2;
+
-
        border-right: 2px solid transparent;
+
-
        border-left: 2px solid transparent;
+
-
        text-align:center;
+
}
}
#newnavi .newmenu .selected {
#newnavi .newmenu .selected {
Line 271: Line 340:
}
}
#newnavi .newmenu li a  {
#newnavi .newmenu li a  {
-
text-align:center; vertical-align:middle; width:82px; 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:86px; 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 277: Line 346:
}
}
#newnavi .newmenu ul    {
#newnavi .newmenu ul    {
-
position:absolute; left:-9999px; top:-9999px; list-style-type:none; list-style-image:none; margin:0px; border:0px; padding:0px; background:lavender;
+
position:absolute; left:-9999px; top:-9999px; list-style-type:none; list-style-image:none; margin:0px; border:0px; padding:0px; background: #05bcea;
}
}
#newnavi .newmenu li:hover      {
#newnavi .newmenu li:hover      {
Line 283: Line 352:
}
}
#newnavi .newmenu li:hover ul  {
#newnavi .newmenu li:hover ul  {
-
left:0px; top:23px; background:lavender;  width:103px; opacity:0.7; z-index:4;
+
left:0px; top:26px; background: #05bcea;  width:150px; opacity:1.0 ; z-index:4;
}
}
#newnavi .newmenu li:hover ul li        {
#newnavi .newmenu li:hover ul li        {
-
         height:17px;
+
          
-
        border:none;
+
         background: #05bcea;
-
         background:lavender;
+
}
}
#newnavi .newmenu li:hover ul li a      {
#newnavi .newmenu li:hover ul li a      {
-
text-align:center; height:17px; padding:0px;display:block; font-size:12px; width:103px; line-height:16px; text-indent:0px; color:#444;  
+
text-align:left; padding:5px 0px 5px 0px;display:block; font-size:12px; width:150px; text-indent:10px; color:#444;  
-
background-color:transparent; text-decoration:none; border:0px solid transparent;       
+
background-color: #05bcea; text-decoration:none;       
}
}
#newnavi .newmenu li:hover ul li a:hover {
#newnavi .newmenu li:hover ul li a:hover {
-
height:18px; background:silver; color:#000; border:solid 0px #444;       
+
background: #05bcea; color:#ffffff; width:150px;       
}
}
-
/* slide starts here */
+
 
#slides {
#slides {
     position:relative;
     position:relative;
-
     height:350px;
+
     height:280px;
     width: 840px
     width: 840px
      
      
Line 321: Line 389:
     z-index:2;
     z-index:2;
}
}
-
/* slide ends here */
 
-
//leftbox, rightbox starts here
 
 +
.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);
 +
}
 +
 +
.progress li a{
 +
    padding-left: 6px;
 +
    padding-right: 6px;
 +
}
 +
 +
.progress li a:hover {
 +
text-decoration:none;
 +
}
 +
 +
.progress .current {
 +
background-color:white;
 +
}
 +
 +
#myleftrightbox
 +
{
 +
position:relative;
 +
width:850px;
 +
float:left;
 +
background-color:transparent;
 +
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 #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-4
 +
{
 +
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:hover {
 +
background-color:green;
 +
}
 +
#myleftrightbox .fourboxes-2:hover {
 +
background-color:orange;
 +
}
 +
#myleftrightbox .fourboxes-3:hover {
 +
background-color:#05bcea;
 +
}
 +
#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 .spacebox
 +
{
 +
float:left;
 +
width:5px;
 +
 +
}
#myleftbox
#myleftbox
{
{
Line 329: Line 559:
width:625px;
width:625px;
float:left;
float:left;
-
background-color:#d2d2d2;
+
background-color:;
margin-top: 0px;
margin-top: 0px;
border-radius: 4px;
border-radius: 4px;
Line 339: Line 569:
#myleftbox .smallbox  
#myleftbox .smallbox  
{
{
-
width:595px;
+
width:604px;
float:left;
float:left;
background-color:#bfbfbf;
background-color:#bfbfbf;
-
margin-top: 17px;
+
margin-top: 15px;
-
margin-bottom: 10px;
+
border-radius: 4px;
border-radius: 4px;
padding: 15px 15px 15px 15px;
padding: 15px 15px 15px 15px;
Line 361: Line 590:
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:175px;
+
width:191px;
float:left;
float:left;
background-color:rgba(143,143,143,0.7);
background-color:rgba(143,143,143,0.7);
-
margin-top: 17px;
+
margin-top: 15px;
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: 15px 15px 15px 15px;
+
padding: 7px 7px 7px 7px;
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 383: Line 639:
float:left;
float:left;
background-color:#ba9108;
background-color:#ba9108;
-
margin-top: 17px;
+
margin-top: -52px;
border-radius: 4px;
border-radius: 4px;
padding: 15px 15px 15px 15px;
padding: 15px 15px 15px 15px;
Line 396: Line 652:
#float:left;
#float:left;
background-color:#ba9108;
background-color:#ba9108;
-
margin-top: 17px;
+
margin-top: -52px;
border-radius: 4px;
border-radius: 4px;
padding: 15px 15px 15px 15px;
padding: 15px 15px 15px 15px;
Line 408: Line 664:
float:right;
float:right;
background-color:#ba9108;
background-color:#ba9108;
-
margin-top: 17px;
+
margin-top: -52px;
border-radius: 4px;
border-radius: 4px;
padding: 15px 15px 15px 15px;
padding: 15px 15px 15px 15px;
Line 414: Line 670:
font-size: 13px;
font-size: 13px;
color: white;
color: white;
 +
}
 +
 +
 +
 +
#myleftbox .twoboxes
 +
{
 +
width:295px;
 +
height:120px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
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;
 +
}
 +
 +
#myleftbox .twoboxes1
 +
{
 +
width:295px;
 +
height:120px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
border-radius: 4px;
 +
border-left:1px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 7px 7px 7px 7px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
left:9px;
 +
}
 +
 +
#myleftbox .twoboxes:hover {
 +
background-color:red;
 +
}
 +
 +
#myleftbox .twoboxes1:hover {
 +
background-color:green;
}
}
Line 419: Line 718:
{
{
position: relative;
position: relative;
-
width: 215px;
+
width: 208px;
-
margin-top:17px;
+
margin-top:15px;
float: right;
float: right;
height: auto;
height: auto;
Line 427: Line 726:
#sponsorbox .sponsorfloat
#sponsorbox .sponsorfloat
{
{
-
width:205px;
+
left:-3px;
 +
width:198px;
float: right;
float: right;
background-color: #004b85;
background-color: #004b85;
Line 445: Line 745:
font-size:130%;
font-size:130%;
}
}
-
//leftbox, rightbox ends here
 
#sponsorbox .sponsorfloat a
#sponsorbox .sponsorfloat a
{
{
color:white;
color:white;
 +
font: sans-serif;
 +
}
 +
 +
#sponsorbox .sponsorfloat p
 +
{
 +
font: sans-serif;
}
}
.newsAnnouncement
.newsAnnouncement
Line 458: Line 763:
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 596: Line 810:
     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);
 +
margin-top:0px;
 +
}
#footer-box-1 {
#footer-box-1 {
          
          
Line 605: Line 829:
         border: 1px solid #444444;
         border: 1px solid #444444;
}
}
 +
#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;
 +
 +
}
 +
 +
#overlay {
 +
  z-index:2;
 +
  position:fixed;
 +
  top: 0;
 +
  left: 0;
 +
  height: 100%;
 +
  width: 100%;
 +
  background: black no-repeat scroll center center;
 +
}
 +
 +
#lightbox {
 +
  position: fixed;
 +
  width:840;
 +
  z-index:2;
 +
}
</style>
</style>
Line 635: Line 955:
         <li ><a href="https://2012.igem.org/" title="Back to iGEM">iGEM</a></li>
         <li ><a href="https://2012.igem.org/" title="Back to iGEM">iGEM</a></li>
-
         <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Attributions" title="Attributions">Attributions</a></li>
+
         <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Attributions" title="Attributions">Attributions</a></li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Data" title="Data">Data</a>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Data" title="Data">Data</a>
Line 644: Line 964:
         </ul>
         </ul>
         </li>
         </li>
-
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a>
+
         <li ><a href="https://2012.igem.org/Notebook" title="Notebook">Notebook</a>
           <ul>
           <ul>
 +
            <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Overview ">Overview</a></li>
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Protocols</a></li>
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Protocols</a></li>
-
             <li ><a href="Notebook.htm ">Week 1</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook ">Notebook</a></li>
-
            <li ><a href="Notebook.htm ">Week 2</a></li>
+
-
            <li ><a href="Notebook.htm ">Week 3</a></li>
+
           </ul>
           </ul>
         </li>
         </li>
Line 657: Line 976:
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a>
           <ul>
           <ul>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Strain</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project">Project Overview</a></li>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Catalyst</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Modular Engineering</a></li>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering" style="font-size:8pt">Protein Engineering</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Chassis Engineering</a></li>
 +
            <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering">Protein Engineering</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 666: Line 986:
     </ul>
     </ul>
   </div>
   </div>
-
<!--we extend the main-content div further by removing </div> or if you want to stop here then put </div> back here -->
+
<!-- slide show starts here
-
<img src="http://img.photobucket.com/albums/v26/bluemelon/attributions_banner1.jpg" width="850" height="214">
+
<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/d/d1/UCD_Attributions_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">
<div id="sponsorbox" class="sponsorfloat">
<div id="sponsorbox" class="sponsorfloat">
 +
<!-- twitter starts here -->
 +
</script>
 +
<div id="tweets">
<center>
<center>
-
<h2>News</h2>
+
<h2>UCDavis iGEM Tweets</h2>
</center>
</center>
-
<div class="newsAnnouncement">
+
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
-
<ul>
+
<script>
-
<li>Presented our respective project at the UC San Francisco campus. We interacted with teams from UC Berkeley, UCSF, and Stanford-Brown.  </li>
+
new TWTR.Widget({
-
<li>Requested the protocal from the iGEM Washington 2011 team, July 10th. </li>
+
  version: 2,
-
<li>Field trip to Yolo County Landfill, June 27th. Met with Ramin Yazdani, the senior civil engineer at the landfill. </li>
+
  type: 'profile',
-
<li>Sushi buffet for lunch, June 21st</li>
+
  rpp: 10,
-
<li>First day of iGEM meeting, June 18th</li>
+
  interval: 30000,
-
</ul>
+
  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>
</div>
-
</div>
+
<!-- twitter ends here -->
-
 
+
-
<div id="sponsorbox" class="sponsorfloat">
+
-
<center>
+
-
<h2>Criteria</h2>
+
-
View our judging criteria for iGEM 2012 <a href="https://2012.igem.org/Team:UC_Davis/Criteria" style="color:#33FF33;">here</a>.
+
-
</center>
+
</div>
</div>
Line 725: Line 1,077:
</div>
</div>
-
 
-
<!--
 
-
<a href="https://2011.igem.org/Team:UC_Davis/PartFamilies"><div id="sponsorbox" class="sponsorfloat"></a>
 
-
<center>
 
-
<h2>Start a Family</h2>
 
-
Got a favorite BioBrick? Check our our <a href="https://2011.igem.org/Team:UC_Davis/PartFamilies">process</a> for expanding basic parts into part families.
 
-
</div>
 
-
-->
 
-
 
</div>
</div>
-
 
+
<!--  <br> -->
 +
<!-- div id="myleftbox" style="width:625px; float:left;" -->
<div id="myleftbox">
<div id="myleftbox">
 +
<div id="myleftbox"  class="smallbox">
<div id="myleftbox"  class="smallbox">
-
<!-- Attributions content starts here -->
+
<h1>insert header</h1>
-
<h1>Attributions</h1>
+
<article>
-
Text
+
insert text
 +
</article></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://2012.igem.org/Team:UC_Davis"><p>Home</p><ul style="text-indent:-15px;
 +
list-style-image:none;list-style-type:none;color:#000000;"><li>Welcome </li><li>Tweets </li><li>Criteria </li><li>Sponsors </li> </ul> </a> </li>
 +
 +
<li style="float:left ;margin:0 10px;"><a href="https://2012.igem.org/Team:UC_Davis/Team"><p>Team</p> <ul style="text-indent:-15px;list-style-image:none;
 +
list-style-type:none;color:#000000 "><li>Who we are </li><li>Students </li><li>Advisors</li></ul></a> </li>
 +
 +
<li style="float:left ;margin:0 10px;"><a href="https://2012.igem.org/Team:UC_Davis/Project "><p>Project</p></a> <ul style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000"><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Project">Project Overview</a> </li><li><a style="color:#000000 "  href="https://2012.igem.org/Team:UC_Davis/Project/Strain ">Modular Engineering</a></li><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst ">Chassis Engineering</a></li><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering ">Protein Engineering</a></li> </ul> </li>
 +
 +
<li style="float:left ;margin:0 10px"><a href="https://2012.igem.org/Team:UC_Davis/Safety "> <p>Safety</p></a> <a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Safety "> Safety</a> </li>
 +
 +
<li style="float:left ;margin:0 10px;"><a href="https://2012.igem.org/Team:UC_Davis/Notebook "> <p>Notebook</p></a> <ul style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000  "><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Notebook/Overview">Overview</a> </li><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Protocols</a> </li><li><a style="color:#000000 " href="https://2012.igem.org/Team:UC_Davis/Notebook ">Notebook</a> </li> </ul> </li>
 +
 +
<li style="float:left ;margin:0 10px;"><a href="https://2012.igem.org/Team:UC_Davis/Data "> <p>Data </p><ul style="text-indent:-15px;list-style-image:none;
 +
list-style-type:none;color:#000000"><li>Data One </li><li>Data Two </li><li>Data Three </li></ul></a> </li>
 +
 +
<li style="float:left ;margin:0 10px"><a href="https://2012.igem.org/Team:UC_Davis/Attributions "> <p>Attribution </p></a><a style="color:#000000 "  href="https://2012.igem.org/Team:UC_Davis/Attributions "> Attribution</a></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://2012.igem.org/Main_Page " > iGEM</a></li>
 +
</ul>
</div>
</div>
 +
<!-- site map ends here -->
</div>
</div>
</div>
</div>
-
 
<!--  </div> -->
<!--  </div> -->
<script>if (window.runOnloadHook) runOnloadHook();</script>
<script>if (window.runOnloadHook) runOnloadHook();</script>
</div>
</div>
</div>
</div>
-
 
</body>
</body>
 +
<!-- footer starts here -->
 +
<br>
 +
<div id="footpage">
 +
<div class="printfooter">
 +
Retrieved from "<a href="https://2012.igem.org/Team:UC_Davis">https://2012.igem.org/Team:UC_Davis</a>"</div>
 +
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
 +
<div class="visualClear"></div>
 +
</div>
 +
    </div>
 +
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
</div>
 +
<!-- footer ends here -->
</html>
</html>

Revision as of 20:45, 6 September 2012

Team:UC Davis - 2012.igem.org

UCDavis iGEM Tweets

Our Sponsors


Retrieved from "http://2012.igem.org/Team:UC_Davis/Attributions"