"
Template:Team:Calgary Entrepreneurial/BasicPage
From 2013.igem.org
| Line 42: | Line 42: | ||
display: block; | display: block; | ||
margin: 0; | margin: 0; | ||
| - | padding: 0 | + | padding: 0; |
text-align: right; | text-align: right; | ||
} | } | ||
| Line 50: | Line 50: | ||
font-size: 1.2rem; | font-size: 1.2rem; | ||
line-height: 1.35rem; | line-height: 1.35rem; | ||
| - | padding: 0; | + | padding: 0.5em 1em 0.5em 0.5em; |
} | } | ||
| Line 61: | Line 61: | ||
#sidebar ul li ul{ | #sidebar ul li ul{ | ||
border: none; | border: none; | ||
| - | margin: | + | margin-top: -2.5rem; |
| + | position: absolute; | ||
| + | left: 100%; | ||
| + | padding: 3%; | ||
| + | width: 100%; | ||
| + | |||
| + | display: none; | ||
} | } | ||
| + | |||
| + | #sidebar ul li:hover ul{ | ||
| + | background: #FFFFFF; | ||
| + | box-shadow: 0px 2px 5px #777777; | ||
| + | display: block; | ||
| + | } | ||
| + | |||
/*submenu li*/ | /*submenu li*/ | ||
#sidebar ul li ul li{ | #sidebar ul li ul li{ | ||
margin: 0; | margin: 0; | ||
| - | |||
} | } | ||
| Line 73: | Line 85: | ||
color: #000000 !important; | color: #000000 !important; | ||
font-size: 1rem; | font-size: 1rem; | ||
| - | font-weight: | + | font-weight: 400; |
line-height: 1.2rem; | line-height: 1.2rem; | ||
| + | padding: .25em 0; | ||
| + | text-align: left; | ||
} | } | ||
| Line 307: | Line 321: | ||
<html> | <html> | ||
<ul> | <ul> | ||
| - | <li><a href="#">Link 1</a></li> | + | <li><a href="#">Link 1</a> |
| + | <ul> | ||
| + | <li><a href="#">Submenu Link First</a></li> | ||
| + | <li><a href="#">Submenu Link Beta-Lactamase</a></li> | ||
| + | <li><a href="#">Submenu Link Q</a></li> | ||
| + | <li><a href="#">Submenu Link QQQ</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
<li><a href="#">Link 2</a></li> | <li><a href="#">Link 2</a></li> | ||
| - | <li><a href="#">Link 3</a></li> | + | <li><a href="#">Link 3</a> |
| + | <ul> | ||
| + | <li><a href="#">Submenu Link</a></li> | ||
| + | <li><a href="#">Submenu Link On Two Lines or Something</a></li> | ||
| + | <li><a href="#">Submenu Link X</a></li> | ||
| + | <li><a href="#">Submenu Link YZAlpha</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
<li><a href="#">Link 4</a></li> | <li><a href="#">Link 4</a></li> | ||
<li><a href="#">Longer Link 5</a></li> | <li><a href="#">Longer Link 5</a></li> | ||
| Line 340: | Line 368: | ||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus luctus orci quis blandit porttitor. Proin convallis lobortis consectetur. Integer metus quam, fermentum ut massa in, vehicula interdum velit. Curabitur in volutpat est. In tincidunt enim in facilisis rutrum. Morbi ut purus tellus. Integer pretium justo sagittis, ultricies turpis vitae, lacinia eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel leo lacinia, accumsan nibh sed, molestie dui. Sed a ligula eget sem faucibus placerat id vitae nunc. Donec pellentesque, ante ut vehicula laoreet, magna metus faucibus ante, eu suscipit lorem tortor a ipsum. Vestibulum bibendum eget dolor a pulvinar. Vivamus scelerisque malesuada euismod. Mauris at aliquam mi. Morbi suscipit nunc in urna aliquam, non scelerisque tellus porta.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus luctus orci quis blandit porttitor. Proin convallis lobortis consectetur. Integer metus quam, fermentum ut massa in, vehicula interdum velit. Curabitur in volutpat est. In tincidunt enim in facilisis rutrum. Morbi ut purus tellus. Integer pretium justo sagittis, ultricies turpis vitae, lacinia eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel leo lacinia, accumsan nibh sed, molestie dui. Sed a ligula eget sem faucibus placerat id vitae nunc. Donec pellentesque, ante ut vehicula laoreet, magna metus faucibus ante, eu suscipit lorem tortor a ipsum. Vestibulum bibendum eget dolor a pulvinar. Vivamus scelerisque malesuada euismod. Mauris at aliquam mi. Morbi suscipit nunc in urna aliquam, non scelerisque tellus porta.</p> | ||
<h3>Third subheader</h3> | <h3>Third subheader</h3> | ||
| - | <p>Nulla | + | <p>Nulla pharetra nisi quam, non aliquam risus volutpat eget. Proin semper, sapien sed pulvinar aliquam, nibh augue egestas sapien, at sodales magna magna eget leo. Mauris sem lorem, sagittis accumsan tellus quis, interdum consectetur nunc. Etiam accumsan, sem id scelerisque dapibus, quam felis lobortis elit, sed molestie neque tortor eget dui. Etiam at imperdiet turpis, vitae lacinia est. Nulla non urna posuere, ultrices eros ac, blandit ante. Aenean et arcu ornare, venenatis turpis eget, molestie ipsum. Nunc dignissim nulla imperdiet rutrum tempor.</p> |
</html> | </html> | ||
}}} | }}} | ||
Revision as of 22:11, 27 October 2013
FREDsense's website works best with Javascript enabled, especially on mobile devices. Please enable Javascript for optimal viewing.
We have a tagline.
This is the place where you can put a brief descriptive blurb that describes what this page is all about. Try to keep it short and sweet since we want this to grab the readers' attention and let them read further down. What is the purpose of this page? You're trying to be a little edgy, right?
This is another body of content. Add whatever you feel like here.
Aliquam et mauris ut quam molestie volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae malesuada leo. Donec tincidunt ornare tortor eget tristique. Quisque lacus sapien, luctus eu blandit id, gravida ut risus. Vivamus a scelerisque nisl. Vestibulum at sodales massa, nec dapibus ante. In in nulla quis nunc facilisis auctor. Donec semper lectus eu sollicitudin consequat.
Title appearance
Subheader
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus luctus orci quis blandit porttitor. Proin convallis lobortis consectetur. Integer metus quam, fermentum ut massa in, vehicula interdum velit. Curabitur in volutpat est. In tincidunt enim in facilisis rutrum. Morbi ut purus tellus. Integer pretium justo sagittis, ultricies turpis vitae, lacinia eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel leo lacinia, accumsan nibh sed, molestie dui. Sed a ligula eget sem faucibus placerat id vitae nunc. Donec pellentesque, ante ut vehicula laoreet, magna metus faucibus ante, eu suscipit lorem tortor a ipsum. Vestibulum bibendum eget dolor a pulvinar. Vivamus scelerisque malesuada euismod. Mauris at aliquam mi. Morbi suscipit nunc in urna aliquam, non scelerisque tellus porta.
Third subheader
Nulla pharetra nisi quam, non aliquam risus volutpat eget. Proin semper, sapien sed pulvinar aliquam, nibh augue egestas sapien, at sodales magna magna eget leo. Mauris sem lorem, sagittis accumsan tellus quis, interdum consectetur nunc. Etiam accumsan, sem id scelerisque dapibus, quam felis lobortis elit, sed molestie neque tortor eget dui. Etiam at imperdiet turpis, vitae lacinia est. Nulla non urna posuere, ultrices eros ac, blandit ante. Aenean et arcu ornare, venenatis turpis eget, molestie ipsum. Nunc dignissim nulla imperdiet rutrum tempor.
