Template:Team:DukeTeam/CSS
From 2014.igem.org
(Difference between revisions)
(166 intermediate revisions not shown) | |||
Line 7: | Line 7: | ||
<style media="screen" type="text/css"> | <style media="screen" type="text/css"> | ||
- | + | h1 { | |
- | color:# | + | color:#fff; |
- | margin | + | margin-left:700px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #biosection { |
- | + | width: 60%; | |
- | + | height: 55%; | |
- | + | /*height:375px*/ | |
- | + | ||
- | width: | + | |
- | + | ||
- | height: | + | |
- | + | ||
- | + | ||
overflow:hidden; | overflow:hidden; | ||
+ | float:right; | ||
+ | padding-left:57%; | ||
+ | position:fixed; | ||
+ | margin-top:-1%; | ||
+ | margin-right:5%; | ||
+ | z-index:49; | ||
} | } | ||
- | # | + | .bio { |
+ | width:500px; | ||
+ | height: 375px; | ||
+ | clear:both; | ||
+ | overflow:hidden; | ||
+ | font-size:1em; | ||
+ | color:#fff; | ||
+ | margin-top: 15px; | ||
+ | } | ||
+ | |||
+ | .att { | ||
+ | font-size:1em; | ||
+ | color:#fff; | ||
+ | margin: 5%; | ||
+ | } | ||
+ | |||
+ | .bio img { | ||
float: left; | float: left; | ||
- | padding: | + | padding: 10px 10px 5px 0px; /* top right bottom left */ |
+ | width:110px; | ||
+ | height:190px; | ||
} | } | ||
- | + | .bio h2 { | |
color:#FFFFFF; | color:#FFFFFF; | ||
} | } | ||
- | + | .att h2 { | |
- | + | color:#fff; | |
- | color:#fff | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #buchler { |
float: left; | float: left; | ||
- | |||
} | } | ||
- | # | + | #buchler h2 { |
color:#FFFFFF; | color:#FFFFFF; | ||
} | } | ||
- | # | + | #ciesla { |
- | + | float: left; | |
} | } | ||
- | # | + | #ciesla h2 { |
- | + | color:#FFFFFF; | |
- | color:# | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #cooper { |
float: left; | float: left; | ||
- | |||
} | } | ||
- | # | + | #cooper h2 { |
color:#FFFFFF; | color:#FFFFFF; | ||
} | } | ||
- | # | + | #farnitano { |
- | + | float: left; | |
} | } | ||
- | # | + | #farnitano h2 { |
- | + | color:#FFFFFF; | |
- | color:# | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #faw { |
float: left; | float: left; | ||
- | |||
} | } | ||
- | # | + | #faw h2 { |
color:#FFFFFF; | color:#FFFFFF; | ||
} | } | ||
- | # | + | #gersbach { |
- | + | float:left; | |
} | } | ||
- | # | + | #gersbach h2 { |
- | + | color:#FFFFFF; | |
- | color:# | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #ghoshal { |
float: left; | float: left; | ||
- | |||
} | } | ||
- | # | + | #ghoshal h2 { |
color:#FFFFFF; | color:#FFFFFF; | ||
} | } | ||
- | # | + | #tomar { |
- | + | float: left; | |
} | } | ||
- | # | + | #tomar h2 { |
color:#FFFFFF; | color:#FFFFFF; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | # | + | #zhu { |
- | + | float: left; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #zhu h2 { |
color:#FFFFFF; | color:#FFFFFF; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | # | + | #teaminfo { |
- | + | float:left; | |
- | + | display:block; | |
- | + | width:45%; | |
- | + | height:480px; | |
- | + | position:fixed; | |
- | + | margin-left:5%; | |
- | + | margin-top:-1%; | |
- | + | padding-right:45%; | |
+ | padding-bottom: 10%; | ||
+ | margin-bottom:10%; | ||
+ | z-index: 50; | ||
} | } | ||
- | # | + | #undergrad {} |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | # | + | #hischool {} |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | # | + | #grad {} |
- | + | ||
- | + | #instructor {} | |
- | + | ||
- | + | .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