Template:Team:DukeTeam/CSS

From 2014.igem.org

(Difference between revisions)
 
(160 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 {
-
color:#FFFFFF;
+
width:500px;
-
margin: 10px;
+
height: 375px;
-
width:90%;
+
        clear:both;
-
padding-left:10%;
+
        overflow:hidden;
-
height: 450px;
+
        font-size:1em;
-
border-bottom: 1px solid rgba(255,255,255,0.3);
+
        color:#fff;
-
clear:both;
+
        margin-top: 15px;
}
}
-
#teaminfo {
+
.att {
-
font-size: 1em;
+
        font-size:1em;
-
color:#fff;
+
        color:#fff;
-
text-align:left;
+
        margin: 5%;
-
float:left;
+
-
width:90%;
+
-
padding-left:10%;
+
-
height: 450px;
+
-
border-bottom: 1px solid rgba(255,255,255,0.3);
+
-
clear:both;
+
}
}
-
#teaminfo img {
+
.bio img {
float: left;
float: left;
-
padding:20px 50px 0px 50px;
+
padding: 10px 10px 5px 0px;    /* top right bottom left */
 +
        width:110px;
 +
        height:190px;
}
}
-
#teaminfo h2 {
+
.bio h2 {
         color:#FFFFFF;
         color:#FFFFFF;
}
}
-
#undergrad {
+
.att h2 {
-
font-size: 1em;
+
        color:#fff;
-
color:#fff;
+
-
text-align:left;
+
-
float:left;
+
-
width:90%;
+
-
padding-left:10%;
+
-
height: 450px;
+
-
border-bottom: 1px solid rgba(255,255,255,0.3);
+
-
clear:both;
+
}
}
-
#undergrad img {
+
#buchler {
float: left;
float: left;
-
padding:20px 50px 0px 50px; 
 
}
}
-
#undergrad h2 {
+
#buchler h2 {
         color:#FFFFFF;
         color:#FFFFFF;
}
}
-
#undergrad h3 {
+
#ciesla {
-
        color:#FFFFFF;
+
float: left;
}
}
-
#hischool {
+
#ciesla h2 {
-
font-size: 1em;
+
        color:#FFFFFF;
-
color:#fff;
+
-
text-align:left;
+
-
float:left;
+
-
width:90%;
+
-
padding-left:10%;
+
-
height: 450px;
+
-
border-bottom: 1px solid rgba(255,255,255,0.3);
+
-
clear:both;
+
}
}
-
#hischool img {
+
#cooper {
float: left;
float: left;
-
padding:20px 50px 0px 50px; 
 
}
}
-
#hischool h2 {
+
#cooper h2 {
         color:#FFFFFF;
         color:#FFFFFF;
}
}
-
#hischool h3 {
+
#farnitano {
-
        color:#FFFFFF;
+
float: left;
}
}
-
#grad {
+
#farnitano h2 {
-
font-size: 1em;
+
        color:#FFFFFF;
-
color:#fff;
+
-
text-align:left;
+
-
float:left;
+
-
width:90%;
+
-
padding-left:10%;
+
-
height: 450px;
+
-
border-bottom: 1px solid rgba(255,255,255,0.3);
+
-
clear:both;
+
}
}
-
#grad img {
+
#faw {
float: left;
float: left;
-
padding:20px 50px 0px 50px;
 
}
}
-
#grad h2 {
+
#faw h2 {
         color:#FFFFFF;
         color:#FFFFFF;
}
}
-
#grad h3 {
+
#gersbach {
-
        color:#FFFFFF;
+
float:left;
}
}
-
#instructor {
+
#gersbach h2 {
-
font-size: 1em;
+
        color:#FFFFFF;
-
color:#fff;
+
-
text-align:left;
+
-
float:left;
+
-
width:90%;
+
-
padding-left:10%;
+
-
height: 450px;
+
-
border-bottom: 1px solid rgba(255,255,255,0.3);
+
-
clear:both;
+
}
}
-
#instructor img {
+
#ghoshal {
float: left;
float: left;
-
padding:20px 50px 0px 50px; 
 
}
}
-
#instructor h2 {
+
#ghoshal h2 {
         color:#FFFFFF;
         color:#FFFFFF;
}
}
-
#instructor h3 {
+
#tomar {
-
        color:#FFFFFF;
+
float: left;
}
}
-
#buchler {
+
#tomar h2 {
         color:#FFFFFF;
         color:#FFFFFF;
-
        margin: 10px;
 
-
width:90%;
 
-
padding-left:10%;
 
-
height: 450px;
 
-
border-bottom: 1px solid rgba(255,255,255,0.3);
 
-
        clear:both;
 
}
}
-
#ciesla {
+
#zhu {
-
        color:#FFFFFF;
+
float: left;
-
        margin: 10px;
+
-
width:90%;
+
-
padding-left:10%;
+
-
height: 450px;
+
-
border-bottom: 1px solid rgba(255,255,255,0.3);
+
-
        clear:both;
+
}
}
-
#cooper {
+
#zhu h2 {
         color:#FFFFFF;
         color:#FFFFFF;
-
        margin: 10px;
 
-
width:90%;
 
-
padding-left:10%;
 
-
height: 450px;
 
-
border-bottom: 1px solid rgba(255,255,255,0.3);
 
-
        clear:both;
 
}
}
-
#farnitano {
 
-
        color:#FFFFFF;
 
-
        margin: 10px;
 
-
width:90%;
 
-
padding-left:10%;
 
-
height: 450px;
 
-
border-bottom: 1px solid rgba(255,255,255,0.3);
 
-
        clear:both;
 
-
}
 
-
#faw {
+
#teaminfo {
-
        color:#FFFFFF;
+
float:left;
-
        margin: 10px;
+
display:block;
-
width:90%;
+
width:45%;
-
padding-left:10%;
+
height:480px;
-
height: 450px;
+
position:fixed;
-
border-bottom: 1px solid rgba(255,255,255,0.3);
+
margin-left:5%;
-
        clear:both;
+
margin-top:-1%;
 +
padding-right:45%;
 +
padding-bottom: 10%;
 +
margin-bottom:10%;
 +
z-index: 50;
}
}
-
#gersbach {
+
#undergrad {}
-
        color:#FFFFFF;
+
-
        margin: 10px;
+
-
width:90%;
+
-
padding-left:10%;
+
-
height: 450px;
+
-
border-bottom: 1px solid rgba(255,255,255,0.3);
+
-
        clear:both;
+
-
}
+
-
#ghoshal {
+
#hischool {}
-
        color:#FFFFFF;
+
-
        margin: 10px;
+
-
width:90%;
+
-
padding-left:10%;
+
-
height: 450px;
+
-
border-bottom: 1px solid rgba(255,255,255,0.3);
+
-
        clear:both;
+
-
}
+
-
#tomar {
+
#grad {}
-
        color:#FFFFFF;
+
 
-
        margin: 10px;
+
#instructor {}
-
width:90%;
+
 
-
padding-left:10%;
+
.teamview {
-
height: 450px;
+
font-size:3em;
-
border-bottom: 1px solid rgba(255,255,255,0.3);
+
float: center;
-
        clear:both;
+
padding:2.5%;
 +
text-align: center;
}
}
-
#zhu {
 
-
        color:#FFFFFF;
 
-
        margin: 10px;
 
-
width:90%;
 
-
padding-left:10%;
 
-
height: 450px;
 
-
border-bottom: 1px solid rgba(255,255,255,0.3);
 
-
        clear:both;
 
-
}
 
</style>
</style>
</head>
</head>
</html>
</html>

Latest revision as of 02:21, 18 October 2014