Difference between revisions of "Team:UAlberta/Description"
DavidHerczeg (Talk | contribs) m |
DavidHerczeg (Talk | contribs) |
||
| Line 3,094: | Line 3,094: | ||
<!-- Stylesheet --> | <!-- Stylesheet --> | ||
<style> | <style> | ||
| − | #ua- | + | #ua-home-navbar { |
padding: 20px; | padding: 20px; | ||
transition: all 0.8s; | transition: all 0.8s; | ||
| − | + | margin-top:9px; | |
| − | margin-top: 9px; | + | |
} | } | ||
| − | #ua- | + | #ua-home-navbar.on { |
background-color: #222222 !important; | background-color: #222222 !important; | ||
padding: 6px; !important; | padding: 6px; !important; | ||
} | } | ||
| − | #ua- | + | #ua-home-navbar ul, #ua-home-navbar ol { |
padding: 0; | padding: 0; | ||
webkit-padding: 0; | webkit-padding: 0; | ||
moz-padding: 0; | moz-padding: 0; | ||
} | } | ||
| − | #ua- | + | #ua-home-navbar.navbar-default { |
background-color: rgba(248, 248, 248, 0); | background-color: rgba(248, 248, 248, 0); | ||
border-color: rgba(231, 231, 231, 0); | border-color: rgba(231, 231, 231, 0); | ||
} | } | ||
| − | #ua- | + | #ua-home-navbar a.navbar-brand { |
font-family: 'Lato', sans-serif; | font-family: 'Lato', sans-serif; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| Line 3,120: | Line 3,119: | ||
font-weight: 900; | font-weight: 900; | ||
} | } | ||
| − | #ua- | + | #ua-home-navbar.navbar-default .navbar-nav > li > a { |
text-transform: uppercase; | text-transform: uppercase; | ||
color: #fff; | color: #fff; | ||
| Line 3,126: | Line 3,125: | ||
letter-spacing: 1px; | letter-spacing: 1px; | ||
} | } | ||
| − | #ua- | + | #ua-home-navbar.navbar-default .navbar-nav > li > a.smooth.stand-out-colour { |
color: #fcac45; | color: #fcac45; | ||
} | } | ||
| Line 3,182: | Line 3,181: | ||
text-align: center; | text-align: center; | ||
} | } | ||
| − | #ua- | + | #ua-home-about { |
padding: 80px 0; | padding: 80px 0; | ||
} | } | ||
| − | #ua-about | + | #ua-home-about .section-title h4 { |
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
| − | #ua-about | + | #ua-home-about .section-title h2 { |
text-transform: uppercase; | text-transform: uppercase; | ||
line-height: 20px; | line-height: 20px; | ||
| Line 3,194: | Line 3,193: | ||
font-weight: 300; | font-weight: 300; | ||
} | } | ||
| − | #ua-about .section-title hr { | + | #ua-home-about .section-title hr { |
border-color: #fcac45; | border-color: #fcac45; | ||
border-width: 4px; | border-width: 4px; | ||
| Line 3,201: | Line 3,200: | ||
clear: both; | clear: both; | ||
} | } | ||
| − | #ua- | + | #ua-home-about p.common { |
font-size: 16px; | font-size: 16px; | ||
margin: 12px 0 0; | margin: 12px 0 0; | ||
| Line 3,208: | Line 3,207: | ||
text-align: center; | text-align: center; | ||
} | } | ||
| − | #ua- | + | #ua-home-about .clearfix:after { |
visibility: hidden; | visibility: hidden; | ||
display: block; | display: block; | ||
| Line 3,216: | Line 3,215: | ||
height: 0; | height: 0; | ||
} | } | ||
| − | #ua- | + | #ua-home-about .clearfix { |
display: inline-block; | display: inline-block; | ||
height: 1%; | height: 1%; | ||
display: block; | display: block; | ||
} | } | ||
| − | #ua-team { | + | #ua-home-team { |
background: url("http://i.imgur.com/kMqrk72.jpg"); | background: url("http://i.imgur.com/kMqrk72.jpg"); | ||
background-size: cover; | background-size: cover; | ||
| Line 3,229: | Line 3,228: | ||
color: #ffffff; | color: #ffffff; | ||
} | } | ||
| − | #ua-team .overlay { | + | #ua-home-team .overlay { |
background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */ | background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */ | ||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */ | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */ | ||
| Line 3,241: | Line 3,240: | ||
padding: 80px 0; | padding: 80px 0; | ||
} | } | ||
| − | #ua-team | + | #ua-home-team .section-title.center { |
padding: 30px 0; | padding: 30px 0; | ||
} | } | ||
| − | #ua-team .section-title h2, #ua-team | + | #ua-home-team .section-title h2, #ua-home-team.center h2 { |
font-weight: 300; | font-weight: 300; | ||
} | } | ||
| − | #ua-team | + | #ua-home-team .section-title.center .line { |
border-top: 4px solid #fcac45; | border-top: 4px solid #fcac45; | ||
height: 10px; | height: 10px; | ||
| Line 3,255: | Line 3,254: | ||
margin-top: 20px; | margin-top: 20px; | ||
} | } | ||
| − | #ua- | + | #ua--home-team .section-title.center hr { |
border-top: 4px solid rgba(252, 172, 69, 0.34); | border-top: 4px solid rgba(252, 172, 69, 0.34); | ||
width: 40px; | width: 40px; | ||
| Line 3,262: | Line 3,261: | ||
left: 17%; | left: 17%; | ||
} | } | ||
| − | #ua-team #team { | + | #ua-home-team #team { |
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
| − | #ua-team #team .item { | + | #ua-home-team #team .item { |
padding: 0; | padding: 0; | ||
margin: 15px; | margin: 15px; | ||
| Line 3,271: | Line 3,270: | ||
text-align: center; | text-align: center; | ||
} | } | ||
| − | #ua-team img.img-circle.team-img { | + | #ua-home-team img.img-circle.team-img { |
width: 120px; | width: 120px; | ||
height: 120px; | height: 120px; | ||
| Line 3,277: | Line 3,276: | ||
transition: all 0.5s; | transition: all 0.5s; | ||
} | } | ||
| − | #ua-team .item .thumbnail:hover>img.img-circle.team-img { | + | #ua-home-team .item .thumbnail:hover>img.img-circle.team-img { |
border: 4px solid #FCAC45; | border: 4px solid #FCAC45; | ||
} | } | ||
| − | #ua-team .thumbnail { | + | #ua-home-team .thumbnail { |
background: transparent; | background: transparent; | ||
border: 0; | border: 0; | ||
} | } | ||
| − | #ua-team .item .thumbnail .tooltiptext { | + | #ua-home-team .item .thumbnail .tooltiptext { |
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
| Line 3,298: | Line 3,297: | ||
border: 1px solid #666666; | border: 1px solid #666666; | ||
} | } | ||
| − | #ua-team h3 { | + | #ua-home-team h3 { |
font-size: 18px; | font-size: 18px; | ||
font-weight: 900; | font-weight: 900; | ||
| Line 3,304: | Line 3,303: | ||
color: #fff; | color: #fff; | ||
} | } | ||
| − | #ua-team p.common { | + | #ua-home-team p.common { |
font-family: 'Open Sans', sans-serif; | font-family: 'Open Sans', sans-serif; | ||
text-align: center; | text-align: center; | ||
color: #fff; | color: #fff; | ||
} | } | ||
| − | #ua-team .owl-theme .owl-controls .owl-page span { | + | #ua-home-team .owl-theme .owl-controls .owl-page span { |
display: block; | display: block; | ||
width: 10px; | width: 10px; | ||
| Line 3,322: | Line 3,321: | ||
transition: all 0.5s; | transition: all 0.5s; | ||
} | } | ||
| − | #ua-team .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { | + | #ua-home-team .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { |
filter: Alpha(Opacity=100); | filter: Alpha(Opacity=100); | ||
opacity: 1; | opacity: 1; | ||
background: #FCAC45; | background: #FCAC45; | ||
} | } | ||
| − | #ua-team .owl-theme .owl-controls .owl-page.active span { | + | #ua-home-team .owl-theme .owl-controls .owl-page.active span { |
background: #FCAC45; | background: #FCAC45; | ||
} | } | ||
| − | #ua- | + | #ua-footer { |
| − | + | background-color: #222222; | |
} | } | ||
| − | #ua- | + | #ua-footer a { |
| − | + | text-align: center; | |
| − | border: | + | color: #fff; |
| − | + | } | |
| − | + | #ua-footer hr { | |
| − | + | border-color: #222222; | |
| − | + | } | |
| + | #ua-main { | ||
| + | margin-bottom: -20px; | ||
| + | } | ||
| + | #ua-main .overlay { | ||
| + | background color: #fff; | ||
| + | background-size: cover; | ||
| + | background-position: center; | ||
| + | background-attachment: fixed; | ||
| + | background-repeat: no-repeat; | ||
| + | } | ||
| + | #ua-main .overlay .container { | ||
| + | background-color: #fff; | ||
| + | width: 70%; | ||
| + | } | ||
| + | #ua-main a.fa.fa-angle-down { | ||
| + | padding: 10px 15px; | ||
| + | color: #fff; | ||
| + | border: 2px solid #b4b4b4; | ||
border-radius: 50%; | border-radius: 50%; | ||
| + | font-size: 24px; | ||
| + | margin-top: 200px; | ||
transition: all 0.5s; | transition: all 0.5s; | ||
} | } | ||
| − | #ua- | + | #ua-main a.fa.fa-angle-down:hover { |
| − | background: # | + | background: #fcac45; |
color: #ffffff; | color: #ffffff; | ||
| + | border: 2px solid #fcac45; | ||
} | } | ||
| − | #ua- | + | #ua-main h1 { |
| − | + | text-transform: uppercase; | |
| − | + | font-family: 'Lato', sans-serif; | |
| − | + | ||
} | } | ||
| − | #ua- | + | #ua-main h1 strong { |
| + | font-weight: 900; | ||
| + | color: #fcac45; | ||
| + | font-family: 'Lato', sans-serif; | ||
| + | } | ||
| + | #ua-main p.common { | ||
| + | font-family: 'Open Sans', sans-serif; | ||
| + | color: #000; | ||
| + | text-align: center; | ||
| + | } | ||
| + | #ua-main ol.carousel-indicators { | ||
margin-left: -30%; | margin-left: -30%; | ||
| + | } | ||
| + | #ua-main-navbar { | ||
| + | padding: 6px; | ||
| + | margin-top:9px; | ||
| + | background-color: #222222 !important; | ||
| + | } | ||
| + | #ua-main-navbar ul, #ua-main-navbar ol { | ||
| + | padding: 0; | ||
| + | webkit-padding: 0; | ||
| + | moz-padding: 0; | ||
| + | } | ||
| + | #ua-main-navbar.navbar-default { | ||
| + | background-color: rgba(248, 248, 248, 0); | ||
| + | border-color: rgba(231, 231, 231, 0); | ||
| + | } | ||
| + | #ua-main-navbar a.navbar-brand { | ||
| + | font-family: 'Lato', sans-serif; | ||
| + | text-transform: uppercase; | ||
| + | font-size: 22px; | ||
| + | color: #fff; | ||
| + | font-weight: 900; | ||
| + | } | ||
| + | #ua-main-navbar.navbar-default .navbar-nav > li > a { | ||
| + | text-transform: uppercase; | ||
| + | color: #fff; | ||
| + | font-size: 12px; | ||
| + | letter-spacing: 1px; | ||
| + | } | ||
| + | #ua-main-navbar.navbar-default .navbar-nav > li > a.smooth.stand-out-colour { | ||
| + | color: #fcac45; | ||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
| − | <nav id="ua- | + | <nav id="ua-home-navbar" class="navbar navbar-default navbar-fixed-top"> |
<div class="container"> | <div class="container"> | ||
<!-- Brand and toggle get grouped for better mobile display --> | <!-- Brand and toggle get grouped for better mobile display --> | ||
| Line 3,368: | Line 3,427: | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
</button> | </button> | ||
| − | <a class="navbar-brand smooth" href="#ua- | + | <a class="navbar-brand smooth" href="#ua-home"><span><img src="http://wec2017.ca/images/UofALogo-500x500.png" width="20px" height="20px"></span>UAlberta</a> |
</div> | </div> | ||
| Line 3,375: | Line 3,434: | ||
<ul class="nav navbar-nav navbar-right"> | <ul class="nav navbar-nav navbar-right"> | ||
<li><a class="smooth" href="#ua-home">Home</a></li> | <li><a class="smooth" href="#ua-home">Home</a></li> | ||
| − | <li><a class="smooth" href="#ua-about">About</a></li> | + | <li><a class="smooth" href="#ua-home-about">About</a></li> |
| − | <li><a class="smooth" href="#ua-team">Team | + | <li><a class="smooth" href="#ua-home-team">Team</a></li> |
| − | + | ||
</ul> | </ul> | ||
</div><!-- /.navbar-collapse --> | </div><!-- /.navbar-collapse --> | ||
| Line 3,388: | Line 3,446: | ||
<h1>Welcome to team: <strong>UAlberta</strong></h1> | <h1>Welcome to team: <strong>UAlberta</strong></h1> | ||
<p class="common">University of Alberta, Edmonton, Canada</p> | <p class="common">University of Alberta, Edmonton, Canada</p> | ||
| − | <a href="#ua-about" class="fa fa-angle-down smooth"></a> | + | <a href="#ua-home-about" class="fa fa-angle-down smooth"></a> |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div id="ua-about"> | + | <div id="ua-home-about"> |
<div class="container"> | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
| Line 3,414: | Line 3,472: | ||
</div> | </div> | ||
| − | <div id="ua-team" class="text-center"> | + | <div id="ua-home-team" class="text-center"> |
<div class="overlay"> | <div class="overlay"> | ||
<div class="container"> | <div class="container"> | ||
| Line 3,598: | Line 3,656: | ||
</div> | </div> | ||
</div> --> | </div> --> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<div id="ua-footer"> | <div id="ua-footer"> | ||
| Line 3,719: | Line 3,764: | ||
}); | }); | ||
| − | $("#ua- | + | $("#ua-home-navbar a.smooth").hover(function() { |
$(this).toggleClass("stand-out-colour"); | $(this).toggleClass("stand-out-colour"); | ||
}); | }); | ||
| − | $("#ua-team .item .thumbnail").hover(function() { | + | $("#ua-home-team .item .thumbnail").hover(function() { |
| − | $("#ua-team .item .thumbnail .tooltiptext").css("display", "block"); | + | $("#ua-home-team .item .thumbnail .tooltiptext").css("display", "block"); |
}, function() { | }, function() { | ||
| − | $("#ua-team .item .thumbnail .tooltiptext").css("display", "none"); | + | $("#ua-home-team .item .thumbnail .tooltiptext").css("display", "none"); |
}); | }); | ||
Revision as of 22:39, 9 July 2017
Our Project
Brief description
We are developing a buoyancy-based screening system for protein-protein interactions in E. coli. This system can potentially streamline the laborious process of continued directed evolution required in improving protein interactions to support the development of new protein-based therapeutics.
Meet the team
Name
Title
Description about the person
Or put description here?
Name
Title
Description about the person
Or put description here?
Name
Title
Description about the person
Name
Title
Description about the person
Name
Title
Description about the person
Name
Title
Description about the person
Name
Title
Description about the person
Name
Title
Description about the person
