|
|
| Line 115: |
Line 115: |
| | } | | } |
| | | | |
| - | #leftcolumn | + | #top |
| | { | | { |
| - | float: left;
| + | background: #ffffff; |
| - | width: 28%; | + | width: 100%; |
| - | background-color: #ffffff;
| + | clear: both; |
| - | margin: 0;
| + | padding: 0em; |
| - | padding: 2em;
| + | height: 15em; |
| - | font-family: "Trebuchet MS", Times; | + | font-family: "Trebuchet MS", Times; |
| | + | text-align: center; |
| | } | | } |
| | | | |
| - | #rightcolumn | + | #bottom |
| | { | | { |
| - | float: right;
| + | width: 100%; |
| - | width: 28%;
| + | padding: 0em; |
| - | background-color: #ffffff; | + | /* height: 12.625em; */ |
| - | margin: 0;
| + | height: 15em; |
| - | padding: 2em; | + | background: #3b3b3b; |
| - | font-family: "Trebuchet MS", Times; | + | border: 0; |
| | + | } |
| | + | |
| | + | #bottomleft |
| | + | { |
| | + | width:33.5em; |
| | + | float: left; |
| | + | margin: 1em; |
| | + | padding: 1em; |
| | + | font-size: 1em; |
| | + | /* height: 12.625em; */ |
| | + | height: 10.93em; |
| | + | background: #3b3b3b; |
| | + | color: #bfbfbf; |
| | + | border-right: 3px solid #ffffff; |
| | + | font-family: "Trebuchet MS", Times; |
| | + | text-align: left; |
| | } | | } |
| | | | |
| - | #middlecolumn | + | #bottomright |
| | { | | { |
| - | background-color: #ffffff;
| + | width:33.5em; |
| - | margin-left: 22em; | + | float: left; |
| - | /* border-left: 3px double #098d02; */ | + | margin: 1em; |
| - | margin-right: 26.99em;
| + | padding: 1em; |
| - | /* border-right: 3px double #098d02; */
| + | font-size: 1em; |
| - | padding: 2em;
| + | /* height: 12.625em; */ |
| - | max-width: 30em;
| + | height: 10.93em; |
| - | font-family: "Trebuchet MS", Times; | + | background: #3b3b3b; |
| - | border-width: 3px;
| + | color: #bfbfbf; |
| - | border-color: #098d02;
| + | border-left: 3px solid #ffffff; |
| - | border-style: none solid none solid;
| + | font-family: "Trebuchet MS", Times; |
| | + | text-align: left; |
| | } | | } |
| | | | |
| Line 164: |
Line 182: |
| | .llink3 A:hover {text-decoration: none; font-size: 1em;} | | .llink3 A:hover {text-decoration: none; font-size: 1em;} |
| | .llink3 A:active {text-decoration: none; font-size: 1em;} | | .llink3 A:active {text-decoration: none; font-size: 1em;} |
| | + | |
| | + | .h1 { text-decoration: underline; color: #6a7a69; font-size: 2.5em;} |
| | + | .h2 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;} |
| | + | .h3 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;} |
| | + | .h4 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;} |
| | + | .h5 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;} |
| | | | |
| | </style> | | </style> |
| Line 221: |
Line 245: |
| | <div id="highlightb"></div> | | <div id="highlightb"></div> |
| | | | |
| - | <div id="leftcolumn"> | + | <br> |
| - | The Alberta iGEM team is awesome! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a orci in velit viverra consequat. Vestibulum in tellus id lectus lobortis laoreet eu vel nulla. Proin orci nisi, suscipit in blandit eget, fermentum eu leo. Aliquam rhoncus felis eu arcu tincidunt pulvinar. In mollis massa vel arcu suscipit scelerisque. Aliquam lobortis gravida lectus. Pellentesque faucibus, risus nec ullamcorper ullamcorper, augue lectus cursus nulla, id semper lectus nunc eu felis. Cras consectetur aliquet lorem eget suscipit. Ut tempus lacus at magna gravida dapibus. Nullam ultrices semper nibh, id accumsan risus congue eu. Praesent urna dui, porttitor a interdum et, adipiscing id orci. Integer purus ante, fringilla a pretium eu, ullamcorper at dui. Aenean nec urna eu enim varius tincidunt.
| + | |
| | | | |
| - | Cras a est quis mi ultrices euismod quis convallis sapien. Maecenas nec venenatis justo. Nunc cursus arcu vel ipsum cursus sed iaculis orci tincidunt. Aliquam non elit est, faucibus vulputate enim. Vestibulum vulputate, purus in luctus pretium, dolor dui ultrices lorem, vel egestas nulla enim in arcu. Vestibulum augue purus, cursus sed dapibus a, iaculis vitae tortor. Nunc purus nunc, placerat non semper a, volutpat et augue. Sed et ipsum nibh. Cras sem eros, convallis eget iaculis eget, scelerisque non magna. Mauris.
| + | <div id="top"> |
| | + | <span class="h1">University of Alberta</span> |
| | + | <br><br> |
| | + | <p>We love our coffee!</p> |
| | + | <p>and our Al-co-hol!</p> |
| | </div> | | </div> |
| | | | |
| - | <div id="rightcolumn"> | + | <div id="bottom"> |
| - | I hope this works...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a orci in velit viverra consequat. Vestibulum in tellus id lectus lobortis laoreet eu vel nulla. Proin orci nisi, suscipit in blandit eget, fermentum eu leo. Aliquam rhoncus felis eu arcu tincidunt pulvinar. In mollis massa vel arcu suscipit scelerisque. Aliquam lobortis gravida lectus. Pellentesque faucibus, risus nec ullamcorper ullamcorper, augue lectus cursus nulla, id semper lectus nunc eu felis. Cras consectetur aliquet lorem eget suscipit. Ut tempus lacus at magna gravida dapibus. Nullam ultrices semper nibh, id accumsan risus congue eu. Praesent urna dui, porttitor a interdum et, adipiscing id orci. Integer purus ante, fringilla a pretium eu, ullamcorper at dui. Aenean nec urna eu enim varius tincidunt.
| + | <div id="bottomleft"> |
| - | | + | <span class="h2">iGem 2010</span> |
| - | Cras a est quis mi ultrices euismod quis convallis sapien. Maecenas nec venenatis justo. Nunc cursus arcu vel ipsum cursus sed iaculis orci tincidunt. Aliquam non elit est, faucibus vulputate enim. Vestibulum vulputate, purus in luctus pretium, dolor dui ultrices lorem, vel egestas nulla enim in arcu. Vestibulum augue purus, cursus sed dapibus a, iaculis vitae tortor. Nunc purus nunc, placerat non semper a, volutpat et augue. Sed et ipsum nibh. Cras sem eros, convallis eget iaculis eget, scelerisque non magna. Mauris.
| + | <br> |
| | + | <p>We know what we are doing...</p> |
| | + | <p>Even though we sometimes look like we don't</p> |
| | + | <br> |
| | + | <span class="h3">Randomness</span> |
| | + | <p>Insert witty comment here.</p> |
| | </div> | | </div> |
| | | | |
| - | <div id="middlecolumn"> | + | <div id="bottomright"> |
| - | Anh thinks so too. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a orci in velit viverra consequat. Vestibulum in tellus id lectus lobortis laoreet eu vel nulla. Proin orci nisi, suscipit in blandit eget, fermentum eu leo. Aliquam rhoncus felis eu arcu tincidunt pulvinar. In mollis massa vel arcu suscipit scelerisque. Aliquam lobortis gravida lectus. Pellentesque faucibus, risus nec ullamcorper ullamcorper, augue lectus cursus nulla, id semper lectus nunc eu felis. Cras consectetur aliquet lorem eget suscipit. Ut tempus lacus at magna gravida dapibus. Nullam ultrices semper nibh, id accumsan risus congue eu. Praesent urna dui, porttitor a interdum et, adipiscing id orci. Integer purus ante, fringilla a pretium eu, ullamcorper at dui. Aenean nec urna eu enim varius tincidunt.
| + | <span class="h4">Sleep deprivation</span> |
| | + | <p>Self-explanatory</p> |
| | + | <br> |
| | + | </div> |
| | | | |
| - | Cras a est quis mi ultrices euismod quis convallis sapien. Maecenas nec venenatis justo. Nunc cursus arcu vel ipsum cursus sed iaculis orci tincidunt. Aliquam non elit est, faucibus vulputate enim. Vestibulum vulputate, purus in luctus pretium, dolor dui ultrices lorem, vel egestas nulla enim in arcu. Vestibulum augue purus, cursus sed dapibus a, iaculis vitae tortor. Nunc purus nunc, placerat non semper a, volutpat et augue. Sed et ipsum nibh. Cras sem eros, convallis eget iaculis eget, scelerisque non magna. Mauris.
| |
| | </div> | | </div> |
| | | | |
"
