Template:Team:DukeProtocol/CSS

From 2014.igem.org

(Difference between revisions)
 
(73 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 */     
 +
.protobutt {
 +
    display:block;
 +
    width:100%;
 +
    height:100%;
 +
    border:none;
 +
    line-height:50px;
 +
    color:#f5f5f5;
 +
    text-align:center;
 +
    text-decoration:none;
 +
    opacity: 1;
 +
    background: #0736A4;
 +
    font-size:16px;
 +
    font-weight:bold;
 +
    overflow:hidden;
 +
    -webkit-transition: all 0.5s ease;
 +
    -moz-transition: all 0.5s ease;
 +
    -o-transition: all 0.5s ease;
 +
/*margins must be half of the change in size*/   
 +
    margin: 0px 0px;
 +
    line-height:200%;
 +
}
 +
 +
 +
.protobutt:hover {
 +
    background-color: #0000ff;
 +
    opacity: 1;
 +
/*margins must be negative half of the change in size*/
 +
    margin: 0px 0px;
 +
/* Glow effect */
 +
  -webkit-box-shadow: 0px 0px 20px rgba(7, 54, 164, 0);
 +
  -moz-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 44: 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

Retrieved from "http://2014.igem.org/Template:Team:DukeProtocol/CSS"