Template:Team:Nevada:Header

From 2012.igem.org

(Difference between revisions)
Line 90: Line 90:
.ColorBlue {
.ColorBlue {
background-color: #002b55;
background-color: #002b55;
 +
}
 +
 +
#TopContainer {
 +
        width:100%;
 +
margin: 0px;
 +
padding: 0px;
 +
height: auto;
 +
padding: 0;
 +
}
 +
.RightBar {
 +
color: #D6D6D6;
 +
background-color: #999;
 +
position: absolute;
 +
height: 100%;
 +
width: 20%;
 +
right: 0px;
 +
        top:0px;
 +
opacity:0.3;
 +
}
 +
.LeftBar {
 +
color: #D6D6D6;
 +
background-color: #999;
 +
position: absolute;
 +
height: 100%;
 +
width: 10%;
 +
right: 0px;
 +
opacity:0.3;
 +
}
 +
.TopBar {
 +
color: #333333;
 +
background-color: #999;
 +
position: absolute;
 +
height: 20%;
 +
width: 100%;
 +
top: 0px;
 +
opacity:0.3;
 +
text-align: right;
 +
 +
}
 +
.ThinTopBar {
 +
color: #333333;
 +
background-color: #999;
 +
position: absolute;
 +
height: 15%;
 +
width: 100%;
 +
top: 0px;
 +
        left:0px;
 +
opacity:0.3;
 +
text-align: right;
 +
}
 +
#ContentArea {
 +
height: auto;
 +
width:100%;
 +
float:left;
 +
        margin-bottom:40px;
 +
        margin-left:0px;
 +
}
 +
#Footer {
 +
float:left;
 +
height: 100px;
 +
width:100%;
 +
border-top:1px solid #000000;
 +
}
 +
#ImgPicker {
 +
color: #999;
 +
background-color: #999;
 +
height: 20%;
 +
width: 100%;
 +
z-index: 5;
 +
position: absolute;
 +
bottom: 0px;
 +
opacity:0.4;
 +
}
 +
#Logo, #Header img.current {
 +
float:left;
 +
        clear:right;
}
}
#Abstract {
#Abstract {
Line 95: Line 171:
width: 500px;
width: 500px;
float: left;
float: left;
-
 
+
}
 +
#SlidePanel {
 +
float: left;
 +
height: 100%;
 +
width: 100%;
 +
background-color: #CCC;
 +
text-align: center;
 +
vertical-align: middle;
}
}
.tile {
.tile {
Line 104: Line 187:
position: relative;
position: relative;
         overflow:visible;
         overflow:visible;
 +
}
 +
.LargeContentPlane {
 +
        border: 2px solid;
 +
        border-color:#000000;
 +
        border-radius:10px;
 +
        width:90%;
 +
        height:auto;
 +
        margin:10px;
 +
        padding:15px;
 +
        float:left;
 +
}
 +
.ProfPic {
 +
float: left;
 +
height: 170px;
 +
width: 170pxpx;
 +
display: block;
 +
position: relative;
 +
        clear:left;
 +
        margin-bottom:20px;
 +
}
 +
.ProfDisc {
 +
        float:left;
 +
        clear:right;
 +
        width:500px;
 +
        height:170px;
 +
        display:block;
 +
        position:relative;
 +
        margin-bottom:20px;
 +
}
 +
.tileLong {
 +
float: left;
 +
height: 300px;
 +
width: 600px;
 +
display: block;
 +
padding: 0px;
position: relative;
position: relative;
}
}
-
 
+
.tileLongContent {
 +
float: left;
 +
height: auto;
 +
width: 90%;
 +
display: block;
 +
padding: 20px;
 +
position: relative;
 +
}
 +
#ProjTitle h3 {
 +
margin-right: 20px;
 +
}
 +
.CurrentSlide {
 +
display: inherit;
 +
vertical-align: middle;
 +
text-align: center;
 +
height: 100%;
 +
width: 100%;
 +
}
 +
.TeamPic {
 +
display: inherit;
 +
vertical-align: middle;
 +
text-align: center;
 +
height: 100%;
 +
width: 100%;
 +
}
#ProjTitle {
#ProjTitle {
font-size: 1.2em;
font-size: 1.2em;
Line 127: Line 269:
padding-left: 0px;
padding-left: 0px;
         border-bottom:1px solid white;
         border-bottom:1px solid white;
 +
}
 +
 +
#HPButton {
 +
  width:150px;
 +
  height:auto;
 +
  margin:10px;
 +
  margin-left:20px;
 +
  padding:10px;
 +
  float:left;
 +
  text-align:center;
 +
  position:relative;
 +
}
 +
#BLImageHome {
 +
  display:block;
 +
  width:300px;
 +
  height:600px;
 +
  overflow:visible;
 +
  z-index:3;
 +
}
 +
.Slide
 +
{
 +
display:none;
 +
text-align: center;
 +
vertical-align: middle;
 +
}
 +
.MouseOverImg {
 +
height: auto;
 +
width: 300px;
 +
opacity: 0.2;
 +
}
 +
#ProjDesc {
 +
        font-size:1.1em;
 +
margin-top: 10px;
 +
padding-top: 70px;
 +
padding-right: 20px;
 +
padding-bottom: 20px;
 +
padding-left: 20px;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
color: #CCC;
 +
}
 +
 +
.ProfText {
 +
        font-size:1.1em;
 +
margin-top: 10px;
 +
padding:5px;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
color: #CCC;
 +
}
 +
 +
#ProjDesc h2 {
 +
        color:white;
 +
        font-size:1.2em;
 +
}
 +
 +
.MouseOverImg:Hover {
 +
opacity: 1;
 +
}
</style>
</style>
</html>
</html>

Revision as of 18:33, 20 June 2012