Template:Leanna newestcss

From 2010.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 44: Line 44:
#header {
#header {
  position: relative;
  position: relative;
 +
left: 5px;
  text-align: left;
  text-align: left;
  margin: 0px;
  margin: 0px;
  width: 955px;
  width: 955px;
-
height: 575px;
+
/* height: 575px; */
}
}
 +
 +
#header a {
 +
color: white;
 +
}
#content {
#content {
Line 54: Line 59:
  border: 1px black solid;
  border: 1px black solid;
  font-family: Osaka, verdana, Sans-Serif;
  font-family: Osaka, verdana, Sans-Serif;
-
}
 
-
 
-
#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;
 +
font-size: 14px;
  border: 1px solid black;
  border: 1px solid black;
  margin:5px;
  margin:5px;
Line 77: Line 72:
.headtable {
.headtable {
-
  height: 100px;
+
  height: 115px;
  text-align: left;
  text-align: left;
-
background-color: white;
 
  }
  }
#ghost {
#ghost {
-
left: 15px;
 
  display: table-cell;
  display: table-cell;
  text-align: left;
  text-align: left;
Line 104: Line 97:
  }
  }
-
.headtable ul li:hover {
+
.sidep {
-
  opacity: 0.5;
+
  display: inline;
 +
background-color: #boc4de;
 +
width: 170px;
 +
float: right;
 +
font-size: x-small;
 +
border: 1px solid #b0c4de;
  }
  }
 +
 +
<!-- .headtable ul li:hover {
 +
opacity: 0.5;
 +
} --!>
.headtable ul {
.headtable ul {
  }
  }
Line 115: Line 117:
#freedom {
#freedom {
  width: 233px;
  width: 233px;
 +
position: relative;
 +
left: -20px;
 +
top: 2px;
  display: block;
  display: block;
 +
list-style: none;
  text-align: left;
  text-align: left;
  color: white;
  color: white;
Line 124: Line 130:
  text-align: left;
  text-align: left;
  }
  }
 +
 +
#freedom li a:hover {
 +
  opacity: 0.5;
 +
}
 +
#freedom li a.selected {
 +
}
.tabContainer {
.tabContainer {
-
  top: 5px;
+
position: relative;
 +
  top: 0px;
 +
left: 4px;
  height: 23px;
  height: 23px;
-
  width: 100%;
+
  width: 99%;
-
background-color: #ffffcc;
+
-
}
+
-
.tabContainer h3 {
+
-
  padding-bottom:4px;
+
-
  color:#F60;
+
}
}
.tabContainer p {
.tabContainer p {
   text-align:left;
   text-align:left;
 +
top: 1px;
}
}
Line 200: 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