Team:MIT/styles

From 2011.igem.org

(Difference between revisions)
Line 5: Line 5:
.bio {clear:both;}
.bio {clear:both;}
-
<script type="text/javascript">
 
-
$('#rightMenu a')
 
-
.css( {backgroundPosition: "0 0"} )
 
-
.mouseover(function(){
 
-
$(this).stop().animate(
 
-
{backgroundPosition:"(0 -250px)"},
 
-
{duration:500})
 
-
})
 
-
.mouseout(function(){
 
-
$(this).stop().animate(
 
-
{backgroundPosition:"(0 0)"},
 
-
{duration:500})
 
-
})
 
-
</script>
 
-
<script type="text/javascript">
 
-
$(function() {
 
-
$("#button").toggle(
 
-
function() {
 
-
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);
 
-
},
 
-
function() {
 
-
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);
 
-
}
 
-
);
 
-
});
 
-
$(document).ready(function(){
 
-
if($("#nav")) {
 
-
$("#nav dd").hide();
 
-
$("#nav dt b").click(function() {
 
-
if(this.className.indexOf("clicked") != -1) {
 
-
$(this).parent().next().slideUp(200);
 
-
$(this).removeClass("clicked");
 
-
}
 
-
else {
 
-
$("#nav dt b").removeClass();
 
-
$(this).addClass("clicked");
 
-
$("#nav dd:visible").slideUp(200);
 
-
$(this).parent().next().slideDown(500);
 
-
}
 
-
return false;
 
-
});
 
-
}
 
-
});
 
-
</script>
+
#nav {padding:0; margin:0; background: transparent;; width: 230px}
-
<!--[if IE]>
+
#nav a:hover {text-decoration:underline;}
-
<style>
+
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}
-
#header {
+
#nav dt a {color:#000; text-decoration:none;}
-
width: 900px;
+
#nav dd {padding:0; margin:0;}
-
}
+
#nav dd ul {padding:0; margin:0; list-style:none;}
-
</style>
+
#nav dd ul li {padding-left:20px; width:230px}
-
<![endif]-->
+
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}
-
<style type="text/css">
+
-
.toggler { width: 500px; height: 200px; position: relative;}
+
-
#button { padding: .5em 1em; text-decoration: none; }
+
-
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }
+
-
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
+
-
#header {
+
 
-
position: relative;
+
input.searchButton {
-
left: 2px;
+
background:none repeat scroll 0 0 transparent;
-
text-align: left;
+
border:medium none;
-
margin: 0px;
+
color:#000066;
-
width: 955px;
+
font-size:100%;
 +
font-weight:bold;
 +
margin:1px 10px 0;
}
}
-
#header a {
+
#search-controls {
-
  color: white;
+
  display: block;
-
  }
+
  background: none;
 +
position: absolute;
 +
top: -100px;
 +
left: -50px;}
-
#content {
+
.left-menu {
-
  background-color: transparent;
+
width: 300px;
 +
margin-top: -75px;
 +
border: none; }
 +
 
 +
.left-menu ul {
 +
border: none; }
 +
 
 +
#searchform {
 +
  background: none;
 +
display: block;
 +
float: right;}
 +
 
 +
#menubar.right-menu {
 +
width: 300px;
 +
display: block;
 +
float: left;
 +
margin-top: -75px;
 +
border: none; }
 +
 
 +
 
 +
#top-section {
 +
height: 0px;
 +
margin-top: -5px;
 +
margin-bottom: 0 !important;
 +
margin-left: auto;
 +
padding:0;
 +
border: none;}
 +
 
 +
#p-logo {
 +
height: 0px;
 +
overflow: hidden;
 +
display: none;
 +
border:  }
 +
 
 +
#footer {
  border: none;
  border: none;
-
  }
+
  background-color: transparent;
 +
margin: 0;
 +
padding: 0; }
 +
 
 +
#footer-box {
 +
border:none;
 +
background-color: transparent;
 +
}
 +
 
 +
.firstHeading {
 +
display: none; }
 +
 
 +
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
 +
.code code { display: block; padding: 3px; margin-bottom: 0; }
 +
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
 +
.indent1 { padding-left: 1em; }
 +
.indent2 { padding-left: 2em; }
 +
 
 +
/* sidenav styling */
 +
#sidenav {
 +
clear: both;
 +
        line-height: 50%;
 +
}
 +
 
 +
#sidenav li {
 +
list-style-type: none;
 +
display: block;
 +
margin: 8px 0px;
 +
        font-size: 14px;
 +
}
 +
 
 +
#sidenav li li {
 +
padding-left: 16px;
 +
}
 +
 
 +
#sidenav li a {
 +
color: #333;
 +
padding: 0px 4px 0px 10px;
 +
background-color: transparent;
 +
        font-weight: bold;
 +
}
 +
 
 +
#sidenav ul a {
 +
font-weight: normal;
 +
}
 +
 
 +
#sidenav li li a,
 +
#sidenav li.sel li a {
 +
padding-left: 0px;
 +
}
 +
 
 +
#sidenav li.sel a,
 +
#sidenav li a:hover,
 +
#sidenav li a:active,
 +
#sidenav.col li.sel ul li a:hover,
 +
#sidenav.col li.sel ul li a:active {
 +
color: #fff;
 +
text-decoration: none;
 +
}

Revision as of 01:12, 18 June 2011

ul {list-style: none}


.bio img {max-width:300px; float:left; margin-right:10px;} .bio {clear:both;}


  1. nav {padding:0; margin:0; background: transparent;; width: 230px}
  2. nav a:hover {text-decoration:underline;}
  3. nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}
  4. nav dt a {color:#000; text-decoration:none;}
  5. nav dd {padding:0; margin:0;}
  6. nav dd ul {padding:0; margin:0; list-style:none;}
  7. nav dd ul li {padding-left:20px; width:230px}
  8. nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}


input.searchButton { background:none repeat scroll 0 0 transparent; border:medium none; color:#000066; font-size:100%; font-weight:bold; margin:1px 10px 0; }

  1. search-controls { 
display: block;
background: none;
position: absolute;
top: -100px;
left: -50px;}

.left-menu { 

width: 300px;
margin-top: -75px;
border: none; }

.left-menu ul { 

border: none; }
  1. searchform { 
background: none;
display: block;
float: right;}
  1. menubar.right-menu { 
width: 300px;
display: block;
float: left;
margin-top: -75px;
border: none; }


  1. top-section { 
height: 0px;
margin-top: -5px;
margin-bottom: 0 !important;
margin-left: auto;
padding:0;
border: none;}
  1. p-logo { 
height: 0px;
overflow: hidden;
display: none;
border:  }
  1. footer { 
border: none;
background-color: transparent;
margin: 0;
padding: 0; }
  1. footer-box { 
border:none;
background-color: transparent;

}

.firstHeading { 

display: none; }

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; } .code code { display: block; padding: 3px; margin-bottom: 0; } .code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; } .indent1 { padding-left: 1em; } .indent2 { padding-left: 2em; }

/* sidenav styling */

  1. sidenav {

clear: both; 

       line-height: 50%;

}

  1. sidenav li {

list-style-type: none; display: block; margin: 8px 0px; 

       font-size: 14px;

}

  1. sidenav li li {

padding-left: 16px; }

  1. sidenav li a {

color: #333; padding: 0px 4px 0px 10px; background-color: transparent; 

       font-weight: bold;

}

  1. sidenav ul a { 
font-weight: normal;

}

  1. sidenav li li a,
  2. sidenav li.sel li a {

padding-left: 0px; }

  1. sidenav li.sel a,
  2. sidenav li a:hover,
  3. sidenav li a:active,
  4. sidenav.col li.sel ul li a:hover,
  5. sidenav.col li.sel ul li a:active {

color: #fff; text-decoration: none; }

Retrieved from "http://2011.igem.org/Team:MIT/styles"