Template:Team:DukeTeam/CSS

From 2014.igem.org

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

Latest revision as of 02:21, 18 October 2014

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