Difference between revisions of "Team:Lethbridge"

Line 21: Line 21:
 
#introBlurb {text-align: left;}
 
#introBlurb {text-align: left;}
  
 
+
/*FOOTER CSS RULES BEGINS*/
/*footer CSS rules*/
+
.footerMenu {z-index: 9999; -webkit-filter: url("#goo"); filter: url("#goo");}
.footerMenu {z-index: 9999; -webkit-filter: url("#goo"); filter: url("#goo");position: left;}
+
.footerMenu-item, .footerMenu-open-button {background: #377b7e; border-radius: 100%; width: 65px; height: 65px; margin-left: -40px; position: absolute; top: 20px; color: white; text-align: center; line-height: 80px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms; transition: -webkit-transform ease-out 200ms; transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;}
 
+
.footerMenu-item, .footerMenu-open-button {
+
  background: #377b7e;
+
  border-radius: 100%;
+
  width: 65px;
+
  height: 65px;
+
  margin-left: -40px;
+
  position: absolute;
+
  top: 20px;
+
  color: white;
+
  text-align: center;
+
  line-height: 80px;
+
  -webkit-transform: translate3d(0, 0, 0);
+
          transform: translate3d(0, 0, 0);
+
  -webkit-transition: -webkit-transform ease-out 200ms;
+
  transition: -webkit-transform ease-out 200ms;
+
  transition: transform ease-out 200ms;
+
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
+
}
+
  
 
.footerMenu-open {
 
.footerMenu-open {
Line 222: Line 203:
 
           transform: translate3d(-0.25084px, -104.9997px, 0);
 
           transform: translate3d(-0.25084px, -104.9997px, 0);
 
}
 
}
/* end of Footer CSS Rules*/
+
/* FOOTER CSS RULES ENDS*/
 
</style>
 
</style>
 
<body>
 
<body>

Revision as of 20:01, 10 October 2017

Description

Lorem ipsum dolor sit amet, nec nam rutrum tincidunt dolor venenatis sed, justo sit tempus vestibulum, ligula sit nibh augue. Morbi nulla, placerat turpis lectus rutrum ante a facilisi, suspendisse rhoncus integer sit quis, nam nunc velit commodo eu consequat at. Donec eget nunc orci id, pede commodo placerat. Praesent lacus, quisque metus sem. Rutrum lacus feugiat, dis dui, at malesuada leo in nisl. Ut laoreet integer nibh duis, fermentum ut ut metus id, curabitur semper amet faucibus. Non tempus odio fermentum, a vitae praesent. At at eros porta, mauris purus eget felis nullam, aliquet turpis nonummy velit justo. In dictum, venenatis iaculis, porttitor mauris nec, mauris eu aliquam amet elit, in pede vel.


Lorem ipsum dolor sit amet, nec nam rutrum tincidunt dolor venenatis sed, justo sit tempus vestibulum, ligula sit nibh augue. Morbi nulla, placerat turpis lectus rutrum ante a facilisi, suspendisse rhoncus integer sit quis, nam nunc velit commodo eu consequat at. Donec eget nunc orci id, pede commodo placerat. Praesent lacus, quisque metus sem. Rutrum lacus feugiat, dis dui, at malesuada leo in nisl. Ut laoreet integer nibh duis, fermentum ut ut metus id, curabitur semper amet faucibus. Non tempus odio fermentum, a vitae praesent. At at eros porta, mauris purus eget felis nullam, aliquet turpis nonummy velit justo. In dictum, venenatis iaculis, porttitor mauris nec, mauris eu aliquam amet elit, in pede vel.

Design

Lorem ipsum dolor sit amet, nec nam rutrum tincidunt dolor venenatis sed, justo sit tempus vestibulum, ligula sit nibh augue. Morbi nulla, placerat turpis lectus rutrum ante a facilisi, suspendisse rhoncus integer sit quis, nam nunc velit commodo eu consequat at. Donec eget nunc orci id, pede commodo placerat. Praesent lacus, quisque metus sem. Rutrum lacus feugiat, dis dui, at malesuada leo in nisl. Ut laoreet integer nibh duis, fermentum ut ut metus id, curabitur semper amet faucibus. Non tempus odio fermentum, a vitae praesent. At at eros porta, mauris purus eget felis nullam, aliquet turpis nonummy velit justo. In dictum, venenatis iaculis, porttitor mauris nec, mauris eu aliquam amet elit, in pede vel.


Lorem ipsum dolor sit amet, nec nam rutrum tincidunt dolor venenatis sed, justo sit tempus vestibulum, ligula sit nibh augue. Morbi nulla, placerat turpis lectus rutrum ante a facilisi, suspendisse rhoncus integer sit quis, nam nunc velit commodo eu consequat at. Donec eget nunc orci id, pede commodo placerat. Praesent lacus, quisque metus sem. Rutrum lacus feugiat, dis dui, at malesuada leo in nisl. Ut laoreet integer nibh duis, fermentum ut ut metus id, curabitur semper amet faucibus. Non tempus odio fermentum, a vitae praesent. At at eros porta, mauris purus eget felis nullam, aliquet turpis nonummy velit justo. In dictum, venenatis iaculis, porttitor mauris nec, mauris eu aliquam amet elit, in pede vel.

Demonstrate

Lorem ipsum dolor sit amet, nec nam rutrum tincidunt dolor venenatis sed, justo sit tempus vestibulum, ligula sit nibh augue. Morbi nulla, placerat turpis lectus rutrum ante a facilisi, suspendisse rhoncus integer sit quis, nam nunc velit commodo eu consequat at. Donec eget nunc orci id, pede commodo placerat. Praesent lacus, quisque metus sem. Rutrum lacus feugiat, dis dui, at malesuada leo in nisl. Ut laoreet integer nibh duis, fermentum ut ut metus id, curabitur semper amet faucibus. Non tempus odio fermentum, a vitae praesent. At at eros porta, mauris purus eget felis nullam, aliquet turpis nonummy velit justo. In dictum, venenatis iaculis, porttitor mauris nec, mauris eu aliquam amet elit, in pede vel.


Lorem ipsum dolor sit amet, nec nam rutrum tincidunt dolor venenatis sed, justo sit tempus vestibulum, ligula sit nibh augue. Morbi nulla, placerat turpis lectus rutrum ante a facilisi, suspendisse rhoncus integer sit quis, nam nunc velit commodo eu consequat at. Donec eget nunc orci id, pede commodo placerat. Praesent lacus, quisque metus sem. Rutrum lacus feugiat, dis dui, at malesuada leo in nisl. Ut laoreet integer nibh duis, fermentum ut ut metus id, curabitur semper amet faucibus. Non tempus odio fermentum, a vitae praesent. At at eros porta, mauris purus eget felis nullam, aliquet turpis nonummy velit justo. In dictum, venenatis iaculis, porttitor mauris nec, mauris eu aliquam amet elit, in pede vel.