Team:Penn/Notebook

From 2013.igem.org

(Difference between revisions)
Line 31: Line 31:
         list-style-type: square;
         list-style-type: square;
       }
       }
-
       
+
 
-
       
+
-
       
+
-
       
+
-
/*Brady Bunch Table and background section*/
+
-
.team {
+
-
      float: center;
+
-
        margin-left: 200px;
+
-
}
+
-
 
+
-
.team td {
+
-
    overflow: hidden;
+
-
            height:175px;
+
-
            width:220px;
+
-
            display: inline-block;
+
-
            padding:5px;
+
-
   
+
-
        }
+
-
       
+
-
        .hidden { /*change this class when hovered*/
+
-
            display: none;
+
-
        }
+
-
        .team img {
+
-
          max-width:100%;
+
-
    max-height:100%; 
+
-
        }
+
-
       
+
-
.name {
+
-
    position: absolute;
+
-
    margin-bottom: 30px;
+
-
    width: 220px;
+
-
    height: 0px;
+
-
    display: none;
+
-
    background-color: white;
+
-
    margin-top: -50px;
+
-
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+
-
  filter: alpha(opacity=70);
+
-
-moz-opacity: 0.7;
+
-
-khtml-opacity: 0.7;
+
-
  opacity: 0.7;
+
-
}
+
-
 
+
-
.one {
+
-
height:800px;
+
-
position: relative;
+
-
padding-top: 30px;
+
-
width: 100%;
+
-
background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");
+
-
background-position: 300px
+
-
background-repeat: no-repeat;
+
-
background-size: 100%;
+
-
background-attachment: fixed;
+
-
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+
-
  filter: alpha(opacity=70);
+
-
-moz-opacity: 0.7;
+
-
-khtml-opacity: 0.7;
+
-
  opacity: 0.7;
+
-
}
+
-
 
+
-
.two {
+
-
height:800px;
+
-
position: relative;
+
-
padding-top: 30px;
+
-
width: 100%;
+
-
background-color: #50393F;
+
-
background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/-ZtRJ7Gu1U/photo-8.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");
+
-
background-position: 300px -100px;
+
-
background-repeat: no-repeat;
+
-
background-size: 80%;
+
-
background-attachment: fixed;
+
-
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+
-
  filter: alpha(opacity=70);
+
-
-moz-opacity: 0.7;
+
-
-khtml-opacity: 0.7;
+
-
  opacity: 0.7;
+
-
}
+
-
       
+
Line 121: Line 45:
     /*timeline opacity change*/
     /*timeline opacity change*/
     #timeline {
     #timeline {
-
         margin-top: 0px;
+
         margin-top: 200px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
   filter: alpha(opacity=70);
   filter: alpha(opacity=70);
Line 130: Line 54:
-
/*jumbotron colors*/
+
/*jumbotron colors and keep the height > 600px*/
.jumbotron {
.jumbotron {
   position: relative;
   position: relative;
Line 150: Line 74:
           box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
           box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
}
-
/*keep the length*/
+
body, content {
-
 
+
margin-top: 0px;
 +
}
     </style>
     </style>

Revision as of 18:03, 22 July 2013

Notebook