Template:Team:DukeProtocol/CSS

From 2014.igem.org

(Difference between revisions)
(Created page with "<html xmlns="http://www.w3.org/1999/xhtml"> <!--THIS STYLE SHEET IS FOR THE PROTOCOLS PAGE --> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <sty...")
 
(75 intermediate revisions not shown)
Line 12: Line 12:
}
}
-
#biosection {
+
#protosection {
-
width: 60%;
+
/*width: 50%;
-
height: 375px;
+
height: 500px;
-
overflow:hidden;
+
padding-left:%;
-
float:right;
+
padding-top:-15%;
-
padding-left:57%;
+
padding-bottom:50%;*/
-
position:fixed;
+
margin-right:2.5%;
-
margin-top:5%;
+
margin-left:2.5%;
-
margin-right:5%;
+
color: #ffffff;
-
z-index:49;
+
z-index:50;
}
}
-
.bio {
+
#protosection h2 {
-
width:500px;
+
color: #ffffff;
-
height: 375px;
+
-
        clear:both;
+
-
        overflow:hidden;
+
-
        font-size:1em;
+
-
        color:#fff;
+
-
        margin-top: 15px;
+
}
}
-
.bio img {
+
#protogrid {
-
float: left;
+
float:left;
-
padding: 10px 10px 5px 0px;   /* top right bottom left */
+
width:50%;
-
        width:130px;
+
overflow:hidden;
-
        height:190px;
+
margin-left:2.5%;
 +
margin-top:5%;
 +
padding-bottom:30%;
 +
padding-right:45%;
}
}
-
.bio h2 {
+
/* Makes the square protocol buttons */     
-
        color:#FFFFFF;
+
.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%;
}
}
-
#buchler {
 
-
float: left;
 
-
}
 
-
#buchler h2 {
+
.protobutt:hover {
-
        color:#FFFFFF;
+
    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);
}
}
-
#ciesla {
 
-
float: left;
 
-
}
 
-
#ciesla h2 {
+
.pro {
-
         color:#FFFFFF;
+
        font-size:1em;
 +
         color:#fff;
 +
        margin-top: 15px;
}
}
-
#cooper {
 
-
float: left;
 
-
}
 
-
 
-
#cooper h2 {
 
-
        color:#FFFFFF;
 
-
}
 
-
#farnitano {
+
.pro img {
float: left;
float: left;
 +
padding: 10px 10px 5px 0px;    /* top right bottom left */
 +
        width:130px;
 +
        height:190px;
}
}
-
#farnitano h2 {
+
.pro h2 {
         color:#FFFFFF;
         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;
 
-
}
 
-
 
-
 
-
#teaminfo {
 
-
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"