Template:Team:DukeTeam/CSS

From 2014.igem.org

(Difference between revisions)
 
(117 intermediate revisions not shown)
Line 9: Line 9:
h1 {
h1 {
color:#fff;
color:#fff;
 +
margin-left:700px;
 +
}
 +
 +
#biosection {
 +
width: 60%;
 +
height: 55%;
 +
/*height:375px*/
 +
overflow:hidden;
 +
float:right;
 +
padding-left:57%;
 +
position:fixed;
 +
margin-top:-1%;
 +
margin-right:5%;
 +
z-index:49;
}
}
.bio {
.bio {
-
width:90%;
+
width:500px;
-
padding-left:10%;
+
height: 375px;
height: 375px;
         clear:both;
         clear:both;
Line 19: Line 32:
         font-size:1em;
         font-size:1em;
         color:#fff;
         color:#fff;
 +
        margin-top: 15px;
 +
}
 +
 +
.att {
 +
        font-size:1em;
 +
        color:#fff;
 +
        margin: 5%;
}
}
.bio img {
.bio img {
float: left;
float: left;
-
padding: 0px 20px 20px 20px;    /* top right bottom left */
+
padding: 10px 10px 5px 0px;    /* top right bottom left */
 +
        width:110px;
 +
        height:190px;
}
}
.bio h2 {
.bio h2 {
         color:#FFFFFF;
         color:#FFFFFF;
 +
}
 +
 +
.att h2 {
 +
        color:#fff;
}
}
Line 40: Line 66:
#ciesla {
#ciesla {
float: left;
float: left;
-
/*width: 450px;*/
 
}
}
Line 49: Line 74:
#cooper {
#cooper {
float: left;
float: left;
-
/*width: 450px;*/
 
}
}
Line 58: Line 82:
#farnitano {
#farnitano {
float: left;
float: left;
-
/*width: 450px;*/
 
}
}
Line 67: Line 90:
#faw {
#faw {
float: left;
float: left;
-
/*width: 450px;*/
 
}
}
Line 84: Line 106:
#ghoshal {
#ghoshal {
float: left;
float: left;
-
/*width: 450px;*/
 
}
}
Line 101: Line 122:
#zhu {
#zhu {
float: left;
float: left;
-
/*width: 450px;*/
 
}
}
Line 108: Line 128:
}
}
-
.slidingpics {
 
-
background-color: #000;
 
-
clear: both;
 
-
height: 420px;
 
-
margin-left: auto;
 
-
margin-left: auto;
 
-
padding:10px;
 
-
position:relative;
 
-
z-index:1;
 
-
        overflow:hidden;
 
-
        padding-bottom:30px;
 
-
}
 
-
#images {
+
#teaminfo {
-
    overflow: hidden;
+
float:left;
-
    position: relative;
+
display:block;
-
    margin: 20px auto;
+
width:45%;
-
    }
+
height:480px;
-
    #images img {
+
position:fixed;
-
    width:200px;
+
margin-left:5%;
-
    height:300px;
+
margin-top:-1%;
-
    position: absolute;
+
padding-right:45%;
-
    top: 0;
+
padding-bottom: 10%;
-
    left: -400px;
+
margin-bottom:10%;
-
    z-index: 2;
+
z-index: 50;
-
    opacity: 0;
+
-
    transition: all linear 500ms;
+
-
    -o-transition: all linear 500ms;
+
-
    -moz-transition: all linear 500ms;
+
-
    -webkit-transition: all linear 500ms;
+
-
    }
+
-
    #images img:target {
+
-
    left: 0;
+
-
    z-index: 9;
+
-
    opacity: 1;
+
-
    }
+
-
    #images img:first-child {
+
-
    left: 0;
+
-
    opacity:.9;
+
-
    z-index:8;
+
-
    }
+
-
    #slider {
+
-
    width:200px;
+
-
    margin-left:auto;
+
-
    margin-right:auto;
+
}
}
-
    #slider a {
 
-
    text-decoration: none;
 
-
    background: #E3F1FA;
 
-
    border: 1px solid #C6E4F2;
 
-
    padding: 4px 6px;
 
-
    color: #222;
 
-
    }
 
-
    #slider a:hover {
 
-
    background: #C6E4F2;
 
-
    }
 
-
 
-
 
-
#teaminfo {}
 
#undergrad {}
#undergrad {}
Line 175: Line 150:
#instructor {}
#instructor {}
 +
 +
.teamview {
 +
font-size:3em;
 +
float: center;
 +
padding:2.5%;
 +
text-align: center;
 +
}

Latest revision as of 02:21, 18 October 2014

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