|
|
| Line 1: |
Line 1: |
| - | <html>
| + | /*** |
| - | <head>
| + | Name: Wm. Keith van der Meulen |
| - | <meta charset="utf-8"> | + | Date: Summer 2013 |
| - | <!-- saved from url=(0014)about:internet --> | + | Organization: University of Calgary iGEM Team 2013 |
| | + | |
| | + | ---Purpose--- |
| | + | CSS code to define navigation stylings. |
| | + | ------------- |
| | + | |
| | + | Cite: |
| | + | Wm. Keith van der Meulen |
| | + | University of Calgary iGEM 2013 |
| | + | https://2013.igem.org/Team:Calgary/StyleSheets/Navigation?action=raw&ctype=text/css |
| | + | |
| | + | ***/ |
| | + | |
| | + | .NavWhiteSpace { |
| | + | width: 1008px; |
| | + | height: 25px; |
| | + | background-color: #FFFFFF; |
| | + | position: fixed; |
| | + | top: 0; |
| | + | z-index: 1; |
| | + | } |
| | + | |
| | + | /* Start: Style for making drop down header*/ |
| | + | .NavMain * { |
| | + | box-sizing: border-box; |
| | + | -moz-box-sizing: border-box; |
| | + | } |
| | + | |
| | + | .NavMain { |
| | + | display: inline-block; |
| | + | background-color: #000000; |
| | + | padding: 0 210px; |
| | + | position: fixed; |
| | + | top: 25px; |
| | + | z-index: 1; |
| | + | } |
| | + | |
| | + | .NavMain ul { |
| | + | list-style: none; |
| | + | position: relative; |
| | + | display: inline-table; |
| | + | padding: 0; |
| | + | } |
| | + | |
| | + | .NavMain ul:after { |
| | + | content: ""; |
| | + | clear: both; |
| | + | display: block; |
| | + | } |
| | + | |
| | + | .NavMain ul li { |
| | + | float: left; |
| | + | } |
| | + | /* End: Style for making drop down header*/ |
| | + | |
| | + | /* Start: Style for making diagonal highlight*/ |
| | + | #MainLinks { |
| | + | -webkit-transform: skew(-45deg); |
| | + | -moz-transform: skew(-45deg); |
| | + | -ms-transform: skew(-45deg); |
| | + | -o-transform: skew(-45deg); |
| | + | transform: skew(-45deg); |
| | + | } |
| | | | |
| - | <title>Journal: Engineering</title>
| + | |
| - |
| + | #MainLinks a, #MainLinks ul { |
| - | <link href="https://2013.igem.org/Team:Calgary/StyleSheets/Reset?action=raw&ctype=text/css" rel="stylesheet">
| + | -webkit-transform: skew(45deg); |
| - | <link href="https://2013.igem.org/Team:Calgary/StyleSheets/Typography?action=raw&ctype=text/css" rel="stylesheet">
| + | -moz-transform: skew(45deg); |
| - | <link href="https://2013.igem.org/Team:Calgary/StyleSheets/Layout?action=raw&ctype=text/css" rel="stylesheet">
| + | -ms-transform: skew(45deg); |
| - | <link href="https://2013.igem.org/Team:Calgary/StyleSheets/Navigation?action=raw&ctype=text/css" rel="stylesheet">
| + | -o-transform: skew(45deg); |
| - |
| + | transform: skew(45deg); |
| - | <!-- Reset for BodyContent -->
| + | |
| - | <style>
| + | |
| - | #content{ | + | |
| - | width: 1008px; | + | |
| - | padding: 0px 0px 0px 0px; | + | |
| - | background-color:transparent; | + | |
| - | border: none; | + | |
| | } | | } |
| - |
| + | |
| - | #bodyContent{
| + | #MainLinks ul li a { |
| - | width: 1008px;
| + | -webkit-transform: skew(0deg); |
| - | minimum-width: 1008px;
| + | -moz-transform: skew(0deg); |
| - | top: 25px;
| + | -ms-transform: skew(0deg); |
| - | padding: 0px 0px 0px 0px;
| + | -o-transform: skew(0deg); |
| - | background-color:transparent; | + | transform: skew(0deg); |
| - | border: none; | + | } |
| | + | |
| | + | #MainLinks ul ul { |
| | + | -webkit-transform: skew(0deg); |
| | + | -moz-transform: skew(0deg); |
| | + | -ms-transform: skew(0deg); |
| | + | -o-transform: skew(0deg); |
| | + | transform: skew(0deg); |
| | + | } |
| | + | |
| | + | #MainLinks:hover { |
| | + | background-color: #00FFFF; |
| | } | | } |
| - |
| + | /* End: Style for making diagonal highlight*/ |
| - | #top-section {
| + | |
| - | background-color: #FFFFFF;
| + | /* Start: Style for aligning sub-menus with header link*/ |
| - | }
| + | #MainProjectNav { |
| - |
| + | left: 171px; |
| - | #footer-box {
| + | } |
| - | display: none;
| + | |
| - | }
| + | |
| - | </style>
| + | |
| - | </head>
| + | |
| - |
| + | |
| - | <body>
| + | |
| - | <a name="JournalEngineeringTop"></a>
| + | |
| | | | |
| - | <div class="NavWhiteSpace"></div> | + | #MainTeamNav { |
| | + | left: 85px; |
| | + | } |
| | | | |
| - | <header class="NavMain"> | + | #MainNotebookNav { |
| - | <ul>
| + | left: 64px; |
| - | <li id="MainLinks"><a href="https://2013.igem.org/Team:Calgary">Home</a>
| + | } |
| - | <li id="MainLinks"><a href="https://2013.igem.org/Team:Calgary/Project">Project</a>
| + | |
| - | <ul id="MainProjectNav">
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Project/Tales">Tales</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Project/Ferritin">Ferritin</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Project/Linker">Linker</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Project/Engineering">Engineering</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Project/HumanPractices">Human Practices</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Project/References">References</a></li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Project/Attribution">Attribution</a></li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Project/Sponsors">Sponsors</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li id="MainLinks"><a href="https://2013.igem.org/Team:Calgary/OurTeam">Our Team</a>
| + | |
| - | <ul id="MainTeamNav">
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/OurTeam/TeamMembers">Team Members</a></li>
| + | |
| - | <li><a href="https://igem.org/Team.cgi?id=1189" target="_blank">Our Profile</a></li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/OurTeam/TheUniversity">The University</a></li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/OurTeam/ContactUs">Contact Us</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li id="MainLinks"><a href="https://2013.igem.org/Team:Calgary/Notebook">Notebook</a>
| + | |
| - | <ul id="MainNotebookNav">
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal">Journal</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/TalesJournal">Tales</a></li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/FerritinJournal">Ferritin</a></li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/LinkerJournal">Linker</a></li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/EngineeringJournal">Engineering</a></li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/HumanPracticesJournal">Human Practices</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Notebook/ProtocolManual">Protocol Manual</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li><a href="https://2013.igem.org/Team:Calgary/Notebook/Parts">Parts</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li id="MainLinks"><a href="https://2013.igem.org/Team:Calgary/Outreach">Outreach</a>
| + | |
| - | <ul id="MainOutreachNav">
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | <li><a href="#">Sub-Page</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li id="MainLinks"><a href="https://2013.igem.org" target="_blank">iGEM</a></li>
| + | |
| - | </ul>
| + | |
| - | </header> | + | |
| | | | |
| - | <section class="Content"> | + | #MainOutreachNav { |
| | + | left: 64px; |
| | + | } |
| | + | /* End: Style for aligning sub-menus with header link*/ |
| | + | |
| | + | /* Start: Style for link attributes and sub-menu drop down links*/ |
| | + | .NavMain ul li a { |
| | + | display: block; |
| | + | width: 159; |
| | + | font: bold 20px "Courier New", Courier, monospace; |
| | + | text-decoration: none; |
| | + | text-align: center; |
| | + | color: #FFFFFF; |
| | + | padding: 10px; |
| | + | background: none; |
| | + | } |
| | | | |
| - | <h1>Engineering Journal</h1> | + | .NavMain ul li:hover > ul { |
| - |
| + | display: block; |
| - | <nav class="WeekNav">
| + | background-color: #000000; |
| - | | + | } |
| - | <!--Create Table of Contents to link to each week's progress--> | + | |
| - |
| + | .NavMain ul ul { |
| - | <table>
| + | display: none; |
| - | <tr>
| + | position: absolute; |
| - | <th colspan="5"><h2>Contents</h2></th>
| + | top: 100%; |
| - | </tr>
| + | margin: 0; |
| - | <tr>
| + | } |
| - | <td>
| + | |
| - | <b>May</b>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#JournalEngineeringWeek1">Week 1</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek2">Week 2</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek3">Week 3</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek4">Week 4</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek5">Week 5</a></li>
| + | |
| - | </ul>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <b>June</b>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#JournalEngineeringWeek6">Week 6</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek7">Week 7</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek8">Week 8</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek9">Week 9</a></li>
| + | |
| - | </ul>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <b>July</b>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#JournalEngineeringWeek10">Week 10</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek11">Week 11</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek12">Week 12</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek13">Week 13</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek14">Week 14</a></li>
| + | |
| - | </ul>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <b>August</b>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#JournalEngineeringWeek15">Week 15</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek16">Week 16</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek17">Week 17</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek18">Week 18</a></li>
| + | |
| - | </ul>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <b>September</b>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#JournalEngineeringWeek19">Week 19</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek20">Week 20</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek21">Week 21</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek22">Week 22</a></li>
| + | |
| - | <li><a href="#JournalEngineeringWeek23">Week 23</a></li>
| + | |
| - | </ul>
| + | |
| - | </td>
| + | |
| - | <tr>
| + | |
| - | </table> | + | |
| - | </nav> | + | |
| | | | |
| - | <div class="Content"> | + | .NavMain ul li:hover { |
| | + | background-color: #00FFFF; |
| | + | } |
| | + | |
| | + | .NavMain ul ul li { |
| | + | float: none; |
| | + | position: relative; |
| | + | width: 200px; |
| | + | } |
| | | | |
| - | <!--Each week is contained using the article div tage (new to HTML5) so that it shows up in future browser contents listing and allows for consistent formatting for each entry-->
| + | .NavMain ul ul li a { |
| - |
| + | width: auto; |
| - | <article class="EngineeringJournal">
| + | text-align: left; |
| - | <a name="JournalEngineeringWeek1"></a> | + | background-image: none; |
| - | <h2>Week 1: May 1 - May 3</h2>
| + | } |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | + | .NavMain ul ul li a:hover { |
| - | </p>
| + | background: none; |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | } |
| - | </article>
| + | |
| - |
| + | .NavMain ul ul li:first-child { |
| - | <article class="EngineeringJournal">
| + | margin-top: 2px; |
| - | <a name="JournalEngineeringWeek2"></a>
| + | } |
| - | <h2>Week 2: May 6 - May 10</h2>
| + | |
| - | <p>
| + | .NavMain ul ul ul { |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
| + | position: absolute; |
| - | </p>
| + | left: 100%; |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | top: 0; |
| - | </article>
| + | } |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek3"></a>
| + | |
| - | <h2>Week 3: May 13 - May 17</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek4"></a>
| + | |
| - | <h2>Week 4: May 20 - May 24</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
| + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek5"></a>
| + | |
| - | <h2>Week 5: May 27 - May 31</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
| + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek6"></a>
| + | |
| - | <h2>Week 6: June 3 - June 7</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek7"></a>
| + | |
| - | <h2>Week 7: June 10 - June 14</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
| + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek8"></a>
| + | |
| - | <h2>Week 8: June 17 - June 21</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
| + | |
| - | </p> | + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek9"></a>
| + | |
| - | <h2>Week 9: June 24 - June 28</h2>
| + | |
| - | <p> | + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek10"></a>
| + | |
| - | <h2>Week 10: July 1 - July 5</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
| + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek11"></a>
| + | |
| - | <h2>Week 11: July 8 - July 12</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
| + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek12"></a>
| + | |
| - | <h2>Week 12: July 15 - July 19</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | + | |
| - | </p> | + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek13"></a>
| + | |
| - | <h2>Week 13: July 22 - July 26</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek14"></a>
| + | |
| - | <h2>Week 14: July 29 - August 2</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek15"></a>
| + | |
| - | <h2>Week 15: August 5 - August 9</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
| + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek16"></a>
| + | |
| - | <h2>Week 16: August 12 - August 16</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
| + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek17"></a>
| + | |
| - | <h2>Week 17: August 19 - August 23</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek18"></a>
| + | |
| - | <h2>Week 18: August 26 - August 30</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article> | + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek19"></a>
| + | |
| - | <h2>Week 19: September 2 - September 6</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
| + | |
| - | </p> | + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek20"></a>
| + | |
| - | <h2>Week 20: September 9 - September 13</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
| + | |
| - | </p> | + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek21"></a>
| + | |
| - | <h2>Week 21: September 16 - September 20</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
| + | |
| - | </p> | + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article>
| + | |
| - |
| + | |
| - | <article class="EngineeringJournal">
| + | |
| - | <a name="JournalEngineeringWeek22"></a>
| + | |
| - | <h2>Week 22: September 23 - September 27</h2>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
| + | |
| - | </p>
| + | |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | |
| - | </article> | + | |
| | | | |
| - | <article class="EngineeringJournal">
| + | .NavMain ul ul ul li { |
| - | <a name="JournalEngineeringWeek23"></a> | + | padding: 0; |
| - | <h2>Week 23: September 30 - October 4</h2>
| + | } |
| - | <p> | + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | + | .NavMain ul ul ul li:first-child { |
| - | </p>
| + | margin-top: 0; |
| - | <a href="#JournalEngineeringTop" class="TopOfPage">Return To Top of Page</a>
| + | } |
| - | </article>
| + | /* End: Style for link attributes*/ |
| - | </section>
| + | |
| - | </body>
| + | |
| - | </html>
| + | |
/***
Name: Wm. Keith van der Meulen
Date: Summer 2013
Organization: University of Calgary iGEM Team 2013
.NavWhiteSpace {
width: 1008px;
height: 25px;
background-color: #FFFFFF;
position: fixed;
top: 0;
z-index: 1;
}
/* Start: Style for making drop down header*/
.NavMain * {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.NavMain {
display: inline-block;
background-color: #000000;
padding: 0 210px;
position: fixed;
top: 25px;
z-index: 1;
}
.NavMain ul {
list-style: none;
position: relative;
display: inline-table;
padding: 0;
}
.NavMain ul li {
float: left;
}
/* End: Style for making drop down header*/
/* Start: Style for making diagonal highlight*/
#MainLinks {
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
-ms-transform: skew(-45deg);
-o-transform: skew(-45deg);
transform: skew(-45deg);
}
#MainLinks ul li a {
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-ms-transform: skew(0deg);
-o-transform: skew(0deg);
transform: skew(0deg);
}
#MainLinks ul ul {
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-ms-transform: skew(0deg);
-o-transform: skew(0deg);
transform: skew(0deg);
}
#MainLinks:hover {
background-color: #00FFFF;
}
/* End: Style for making diagonal highlight*/
/* Start: Style for aligning sub-menus with header link*/
#MainProjectNav {
left: 171px;
}
#MainOutreachNav {
left: 64px;
}
/* End: Style for aligning sub-menus with header link*/
/* Start: Style for link attributes and sub-menu drop down links*/
.NavMain ul li a {
display: block;
width: 159;
font: bold 20px "Courier New", Courier, monospace;
text-decoration: none;
text-align: center;
color: #FFFFFF;
padding: 10px;
background: none;
}
.NavMain ul li:hover > ul {
display: block;
background-color: #000000;
}
.NavMain ul ul {
display: none;
position: absolute;
top: 100%;
margin: 0;
}
.NavMain ul ul li {
float: none;
position: relative;
width: 200px;
}
.NavMain ul ul li a {
width: auto;
text-align: left;
background-image: none;
}
.NavMain ul ul ul li:first-child {
margin-top: 0;
}
/* End: Style for link attributes*/
"
