Template:Team:Valencia Biocampus/Templates/css/profiles2

From 2013.igem.org

.team_members{ list-style:none; display:block; padding:0px; margin:0; } .team_members li{ display:inline; float:left; } .team_members li a{ position: relative; margin:0; padding:0; display:block; width:475px; height:149px; overflow: hidden; color:#fff; } .team_members li a:hover{ color: rgba(175, 184, 70, 1); } .team_members li a img{ display:block; width:475px; position:absolute; top:0; left:0; z-index:4; } .team_members li a img.colored{ z-index:3; } .team_members li:nth-child(odd) .member_name{ position:absolute; bottom:10px; right:10px; background:rgba(0, 0, 0, 0.6); padding: 5px; border-radius: 4px; font-weight: 800; font-size:11.5pt; z-index:11; } .team_members li:nth-child(even) .member_name{ position:absolute; bottom:10px; left:10px; background:rgba(0, 0, 0, 0.6); padding: 5px; border-radius: 4px; font-weight: 800; font-size:11.5pt; z-index:11; } .team_members li:nth-child(odd) .member_description{ position:absolute; top:50px; right:-250px; display:block; width:200px; font-weight: lighter; font-size:9pt; z-index:11; line-height:30px; text-align:left; } .team_members li:nth-child(even) .member_description{ position:absolute; top:50px; left:-250px; display:block; width:200px; font-weight: lighter; font-size:9pt; z-index:11; line-height:30px; text-align:left; } .team_members span{ background:rgba(0, 0, 0, 0.6); padding: 4px; border-radius: 4px; color:#fff; } .team_members .member_name:hover{ color:#fff; } .profile_header{ width:100%; border-radius: 4px; /*border:1px solid rgb(44, 83, 130);*/ } html, body{ background: #fff; } .container{ border-radius: 4px; position: relative; } .white{ background:#fff; } .green{ background: rgba(191, 221, 10, 0.7); } .blue{ background: rgba(90, 196, 224, 0.7); } .grey{ background: rgba(144, 149, 150, 0.7); }

  1. bodyContent h1{

margin-bottom:0; } h1{ padding:0; margin:0; font-size:36px; text-align: left; background: rgba(255,255,255,0.9); position: absolute; bottom:20px; left:20px; padding:25px; text-align: left; border-radius: 4px; border:1px solid rgb(44, 83, 130); font-weight:lighter; color:rgb(44, 83, 130); letter-spacing:5px; line-height: normal; } h1 span{ display:block; clear:both; font-size:12px; font-weight:normal; font-variant: small-caps; letter-spacing: normal; } #logo_menu{ height:30px; vertical-align: middle; border-radius: 4px;

               cursor: pointer;

}

       #logo_igem_menu{
               height:50px;
               vertical-align:middle;
               border-radius: 4px;
               cursor:pointer;
       }

.fourcol{ width:280px; float:left; margin-right:25px; padding:10px; /*border:1px solid rgb(44, 83, 130);*/ border-radius: 4px; text-align: justify; color: rgb(44, 83, 130); color: #fff; height:200px; text-shadow: rgb(44, 83, 130) 1px 1px 2px;

               font-size:16px;

} .fourcol:last-child{ margin-right:0; } h3{ font-weight: 400; font-size: 28px; padding: 8px; margin:0; color:#fff; color:rgb(44, 83, 130); display:inline; /*background:rgb(175, 184, 70);*/ text-shadow: white 1px 1px 2px;

} .title-wrapper{ /*border-bottom: 1px solid rgb(44, 83, 130);*/ text-align: center; height:20px; margin-bottom: 35px; }