Template:Leanna newestcss

From 2010.igem.org

(Difference between revisions)
 
(159 intermediate revisions not shown)
Line 13: Line 13:
<script> google.load("jquery", "1.4.2"); </script>
<script> google.load("jquery", "1.4.2"); </script>
<script language="javascript" src="jquery.dimensions.js"></script>  
<script language="javascript" src="jquery.dimensions.js"></script>  
 +
<script type="text/javascript">
 +
//SYNTAX: ddtabmenu.definemenu("tab_menu_id", integer OR "auto")
 +
ddtabmenu.definemenu("ddtabs1", 0) //initialize Tab Menu with ID "ddtabs1" and select 1st tab by default
 +
</script>
Line 38: Line 42:
<style>
<style>
-
#header {  
+
#header {
-
  position: absolute;
+
  position: relative;
-
  top:20px;
+
  left: 5px;
 +
text-align: left;
  margin: 0px;
  margin: 0px;
  width: 955px;
  width: 955px;
-
height: 575px;
+
/* height: 575px; */
-
left: 10px;
+
}
}
 +
 +
#header a {
 +
color: white;
 +
}
#content {
#content {
Line 51: Line 59:
  border: 1px black solid;
  border: 1px black solid;
  font-family: Osaka, verdana, Sans-Serif;
  font-family: Osaka, verdana, Sans-Serif;
-
}
 
-
 
-
#stones {
 
-
position: fixed;
 
-
top: 45px;
 
-
left: 0px;
 
-
width: 43px;
 
-
padding: 2px;
 
-
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');
 
-
}
 
-
 
-
#graybar {
 
-
position: absolute;
 
-
top: 0px;
 
-
background-repeat: repeat-x;
 
-
background-position: bottom;
 
-
height: 35px;
 
-
background: #d8e6e6 none no-repeat fixed inherit;
 
-
height: 20px;
 
-
left: 10px;
 
-
width: 955px;
 
-
}
 
-
 
-
#bodyContent {
 
-
border: none;
 
-
padding:0px;
 
-
margin:0;
 
-
width:100%;
 
-
height: 565px;
 
-
background-color: white;
 
  }
  }
.mainContent {
.mainContent {
  width: 943px;
  width: 943px;
-
overflow: hidden;
 
  position: absolute;
  position: absolute;
  padding:5px;
  padding:5px;
-
height: 405px;
 
  top: 160px;
  top: 160px;
-
  border: none;
+
font-size: 14px;
 +
  border: 1px solid black;
  margin:5px;
  margin:5px;
  }
  }
.headtable {
.headtable {
-
width: 100%;
+
  height: 115px;
-
  height: 100px;
+
  text-align: left;
-
background-color: white;
+
-
color: white;
+
-
font-family: "Lucida Console", Monaco, monospace;
+
-
  font-size: medium;
+
  }
  }
#ghost {
#ghost {
-
  width: 25%;
+
  display: table-cell;
-
  vertical-align: top;
+
  text-align: left;
 +
font-family: "Lucida Console", Monaco, monospace;
 +
font-size: medium;
  }
  }
Line 111: Line 86:
  padding: 5px;  
  padding: 5px;  
  border-bottom: 1px solid white;
  border-bottom: 1px solid white;
 +
font-family: "Lucida Console", Monaco, monospace;
 +
font-size: medium;
  }
  }
-
.headtable td:hover {
+
#bodybaby {
 +
padding: 5px;
 +
border-bottom: 3px solid black;
 +
font-family: "Lucida Console", Monaco, monospace;
 +
font-size: medium;
 +
}
 +
 
 +
.sidep {
 +
display: inline;
 +
background-color: #boc4de;
 +
width: 170px;
 +
float: right;
 +
font-size: x-small;
 +
border: 1px solid #b0c4de;
 +
}
 +
 
 +
<!-- .headtable ul li:hover {
  opacity: 0.5;
  opacity: 0.5;
 +
} --!>
 +
.headtable ul {
  }
  }
.headtable a {
.headtable a {
  color: white;
  color: white;
-
}
 
-
 
-
.txtContainer{
 
-
  width: 933px;
 
-
  height: 413px;
 
-
overflow: auto;
 
-
background-color: snow;
 
-
color: #424242;
 
-
padding:10px;
 
-
margin: 0px 0px;
 
-
  position: relative;
 
-
  background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');
 
-
}
 
-
 
-
.column{
 
-
font-family: sans-serif;
 
-
color: #424242;
 
-
border: 1px solid gray;
 
-
height: 222px;
 
-
width: 30%;
 
-
padding: 10px;
 
-
display: inline-table;
 
-
margin:auto;
 
  }
  }
#freedom {
#freedom {
-
  float:left;
+
width: 233px;
-
  width:90px;
+
position: relative;
-
  color: white;
+
left: -20px;
-
  font:1.3em Cambria, Times New Roman, serif;
+
top: 2px;
-
  font-style:italic;
+
display: block;
-
  list-style: none;
+
list-style: none;
 +
text-align: left;
 +
color: white;
 +
font-family: "Lucida Console", Monaco, monospace;
 +
font-size: medium;
}
}
#freedom li a {
#freedom li a {
-
  width:80px;
+
text-align: left;
-
  text-align:left;
+
}
-
  padding:2px 6px 4px;
+
 
-
  background: white;
+
-
  margin:1px;
+
-
  *margin:0px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  font-weight:bold;
+
-
  font-size:0.7em;
+
-
  font-style:normal;
+
-
}
+
#freedom li a:hover {
#freedom li a:hover {
-
   background:#95c395;
+
   opacity: 0.5;
-
  color: white;
+
-
  width:86px;
+
}
}
#freedom li a.selected {
#freedom li a.selected {
-
  background:#e0fee0;
 
-
  color:#000;
 
-
  width:90px;
 
-
  cursor:default;
 
}
}
.tabContainer {
.tabContainer {
-
  top: -20px;
+
position: relative;
-
  width:500px;
+
top: 0px;
-
  color: #424242;
+
  left: 4px;
-
  border: 1px solid gray;
+
  height: 23px;
-
  height: 325px;
+
  width: 99%;
-
  margin: 10px 120px;
+
-
  padding-top:13px;
+
-
  left: 50px;
+
-
  position: relative;
+
-
  background:#e0fee0;
+
-
}
+
-
.tabContainer h3 {
+
-
  padding-bottom:4px;
+
-
  color:#F60;
+
}
}
.tabContainer p {
.tabContainer p {
-
  padding:2px 12px 10px 10px;
 
-
  background-color: transparent;
 
   text-align:left;
   text-align:left;
 +
top: 1px;
}
}
Line 259: Line 210:
.firstHeading {
.firstHeading {
  display: none; }
  display: none; }
-
 
-
#navigation {
 
-
position:absolute;
 
-
left:-2px;
 
-
top:159px;
 
-
width:793px;
 
-
height:69px;
 
-
float: left;
 
-
}
 
-
 
-
#menu * {
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
 
-
#menu {
 
-
font-size: 12px;
 
-
background-color: transparent;
 
-
position: relative;
 
-
left: 25px;
 
-
top: -45px;
 
-
padding-left: 8px;
 
-
}
 
-
 
-
/* this controls link space of items on top menu*/
 
-
#menu ul a {
 
-
        display: block;
 
-
        width: 100px;
 
-
        height: 20px;
 
-
}
 
-
 
-
#menu ul {
 
-
        float: left;
 
-
list-style: none;
 
-
}
 
-
 
-
/*top menu stuff*/
 
-
 
-
#menu ul li {
 
-
        float: left;
 
-
        opacity: 80%;
 
-
list-style: none;
 
-
        padding: 5px;
 
-
        width: 100px;
 
-
        height: 20px;
 
-
        text-align: left;
 
-
}
 
-
 
-
.topMenu{
 
-
    display:block;
 
-
    border-left: 5px solid gray;
 
-
    font-family: Sans-Serif;
 
-
    font-size: 10px;
 
-
}
 
-
   
 
-
 
-
#menu a {
 
-
color: gray;
 
-
display: inline;
 
-
text-decoration: none;
 
-
}
 
-
 
-
#menu a:visited {
 
-
color:white;
 
-
text-decoration: none
 
-
}
 
-
 
-
#menu a:hover {
 
-
color: black;
 
-
        opacity:0.7;
 
-
}
 
-
 
-
#menu ul li ul {
 
-
display: none;
 
-
        background-image: none;
 
-
        width: 100px;
 
-
        position: relative;
 
-
font-size: 10px;
 
-
list-style: none;
 
-
}
 
-
 
-
#menu ul li:hover ul {
 
-
display: block;
 
-
        background-position: bottom;
 
-
}
 
-
 
-
/* controls properties of drop down menu */
 
-
#menu ul li ul li {
 
-
        height: 12px;
 
-
        top: 10px;
 
-
list-style: none;
 
-
        display: block;
 
-
        width:100px;
 
-
        background-color: #c6c6c6;
 
-
        text-align: center;
 
-
        letter-spacing: normal;
 
-
}
 
-
 
-
}
 
-
 
-
#menu ul li ul li a {
 
-
color: white;
 
-
display:block;
 
-
width: 100px;
 
-
}
 
-
 
-
#menu ul li ul li:hover {
 
-
background-color: white;
 
-
}
 
-
 
-
 
-
 
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }

Latest revision as of 04:33, 10 October 2010

Retrieved from "http://2010.igem.org/Template:Leanna_newestcss"