"
Team:Alberta/Test
From 2013.igem.org
| Line 42: | Line 42: | ||
.sidebar { | .sidebar { | ||
position:fixed; | position:fixed; | ||
| - | top: | + | top:190px; |
float:left; | float:left; | ||
padding: 0 0px 0px 40px; | padding: 0 0px 0px 40px; | ||
| Line 77: | Line 77: | ||
.igem-bar img { | .igem-bar img { | ||
height:38px; | height:38px; | ||
| + | } | ||
| + | .side-char { | ||
| + | position: relative; | ||
| + | display:inline-block; | ||
| + | } | ||
| + | &:hover .saying { | ||
| + | padding: 4px 0 6px; | ||
| + | visibility: visible; | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .saying { | ||
| + | visibility: hidden; | ||
| + | opacity: 0; | ||
| + | position: absolute; | ||
| + | bottom: 100%; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | background: #d9e3fa; | ||
| + | border: 1px solid; | ||
| + | border-color: #777 #6c6c6c #666; | ||
| + | border-radius: 5px; | ||
| + | transition: .2s ease-out; | ||
| + | -moz-transition: .2s ease-out; | ||
| + | -webkit-transition: .2s ease-out; | ||
| + | -o-transition: .2s ease-out; | ||
| + | transition-property: opacity, padding, visibility; | ||
| + | -moz-transition-property: opacity, padding, visibility; /* Firefox 4 */ | ||
| + | -webkit-transition-property:opacity, padding, visibility; /* Safari and Chrome */ | ||
| + | -o-transition-property:opacity, padding, visibility; /* Opera */ | ||
| + | } | ||
| + | .saying:before, .saying:after { // Arrow | ||
| + | content: ''; | ||
| + | display: block; | ||
| + | position: absolute; | ||
| + | left: 15px; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border: 7px outset transparent; | ||
| + | } | ||
| + | .saying:before { // Arrow border | ||
| + | bottom: -14px; | ||
| + | border-top: 7px solid #555; | ||
} | } | ||
.active { | .active { | ||
| Line 283: | Line 325: | ||
</ul> | </ul> | ||
<div class="sidebar"> | <div class="sidebar"> | ||
| - | <a href=" | + | <a href class="tooltip"><img class="side-char" src="/wiki/images/7/7d/SideChar.png"></a> |
| - | + | <div class="saying">Welcome to the Team Alberta Wiki!</div></img> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | </ | + | |
</div> | </div> | ||
<div class="main"> | <div class="main"> | ||
Revision as of 04:11, 29 August 2013
The Littlest Mapmaker
"Exploration into the world of DNA Computing"
Team Alberta: University of Alberta
Team Alberta: University of Alberta
Project abstract here - stating the nature of the project as simply and succinctly as possible. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
Twitter Feed Widget - @iGEMAlberta
Project abstract here - stating the nature of the project as simply and succinctly as possible. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
