Template:Team:DukeProtocol/CSS

From 2014.igem.org

(Difference between revisions)
 
(72 intermediate revisions not shown)
Line 13: Line 13:
#protosection {
#protosection {
-
width: 60%;
+
/*width: 50%;
-
height: 375px;
+
height: 500px;
 +
padding-left:%;
 +
padding-top:-15%;
 +
padding-bottom:50%;*/
 +
margin-right:2.5%;
 +
margin-left:2.5%;
 +
color: #ffffff;
 +
z-index:50;
 +
}
 +
 
 +
#protosection h2 {
 +
color: #ffffff;
 +
}
 +
 
 +
#protogrid {
 +
float:left;
 +
width:50%;
overflow:hidden;
overflow:hidden;
-
float:right;
+
margin-left:2.5%;
-
padding-left:57%;
+
-
position:fixed;
+
margin-top:5%;
margin-top:5%;
-
margin-right:5%;
+
padding-bottom:30%;
-
z-index:49;
+
padding-right:45%;
}
}
/* Makes the square protocol buttons */       
/* Makes the square protocol buttons */       
-
.sq-button {
+
.protobutt {
     display:block;
     display:block;
-
     width:100px;
+
     width:100%;
-
     height:100px;
+
     height:100%;
     border:none;
     border:none;
     line-height:50px;
     line-height:50px;
Line 43: Line 57:
     -o-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
/*margins must be half of the change in size*/     
/*margins must be half of the change in size*/     
-
     margin: 5px 5px;
+
     margin: 0px 0px;
     line-height:200%;
     line-height:200%;
}
}
-
.sq-button:hover {
+
.protobutt:hover {
     background-color: #0000ff;
     background-color: #0000ff;
     opacity: 1;
     opacity: 1;
Line 58: Line 72:
   box-shadow: 0px 0px 20px rgba(7, 54, 164, 0);
   box-shadow: 0px 0px 20px rgba(7, 54, 164, 0);
}
}
 +
.pro {
.pro {
-
width:500px;
 
-
height: 375px;
 
-
        clear:both;
 
-
        overflow:hidden;
 
         font-size:1em;
         font-size:1em;
         color:#fff;
         color:#fff;
         margin-top: 15px;
         margin-top: 15px;
}
}
 +
.pro img {
.pro img {
Line 79: Line 91:
         color:#FFFFFF;
         color:#FFFFFF;
}
}
-
 
-
#buchler {
 
-
float: left;
 
-
}
 
-
 
-
#buchler h2 {
 
-
        color:#FFFFFF;
 
-
}
 
-
 
-
#ciesla {
 
-
float: left;
 
-
}
 
-
 
-
#ciesla h2 {
 
-
        color:#FFFFFF;
 
-
}
 
-
 
-
#cooper {
 
-
float: left;
 
-
}
 
-
 
-
#cooper h2 {
 
-
        color:#FFFFFF;
 
-
}
 
-
 
-
#farnitano {
 
-
float: left;
 
-
}
 
-
 
-
#farnitano h2 {
 
-
        color:#FFFFFF;
 
-
}
 
-
 
-
#faw {
 
-
float: left;
 
-
}
 
-
 
-
#faw h2 {
 
-
        color:#FFFFFF;
 
-
}
 
-
 
-
#gersbach {
 
-
float:left;
 
-
}
 
-
 
-
#gersbach h2 {
 
-
        color:#FFFFFF;
 
-
}
 
-
 
-
#ghoshal {
 
-
float: left;
 
-
}
 
-
 
-
#ghoshal h2 {
 
-
        color:#FFFFFF;
 
-
}
 
-
 
-
#tomar {
 
-
float: left;
 
-
}
 
-
 
-
#tomar h2 {
 
-
        color:#FFFFFF;
 
-
}
 
-
 
-
#zhu {
 
-
float: left;
 
-
}
 
-
 
-
#zhu h2 {
 
-
        color:#FFFFFF;
 
-
}
 
-
 
-
 
-
#protogrid {
 
-
float:left;
 
-
display:block;
 
-
width:45%;
 
-
height:480px;
 
-
position:fixed;
 
-
margin-left:5%;
 
-
margin-top:5%;
 
-
padding-right:45%;
 
-
z-index: 50;
 
-
}
 
-
 
-
#undergrad {}
 
-
 
-
#hischool {}
 
-
 
-
#grad {}
 
-
 
-
#instructor {}
 
-
 
-
 
</style>
</style>
</head>
</head>
</html>
</html>

Latest revision as of 16:57, 6 October 2014