|
|
| (22 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | {{Newcastle}} | + | {{Newcastle |
| − | <br><br>
| + | }} |
| − | <br><br>
| + | |
| − | | + | |
| | <html> | | <html> |
| | <style> | | <style> |
| − | @import url(//fonts.googleapis.com/css?family=Open+Sans);
| + | #HQ_page th |
| − | body {
| + | { |
| − | margin: 5px 20px;
| + | background-color: #e35c5c; |
| − | background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNiIgaGVpZ2h0PSI2Ij4KPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iNiIgZmlsbD0iI2VlZWVlZSI+PC9yZWN0Pgo8ZyBpZD0iYyI+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjMiIGZpbGw9IiNlNmU2ZTYiPjwvcmVjdD4KPHJlY3QgeT0iMSIgd2lkdGg9IjMiIGhlaWdodD0iMiIgZmlsbD0iI2Q4ZDhkOCI+PC9yZWN0Pgo8L2c+Cjx1c2UgeGxpbms6aHJlZj0iI2MiIHg9IjMiIHk9IjMiPjwvdXNlPgo8L3N2Zz4=");
| + | padding: 10px; |
| − | font-family: 'Open Sans';
| + | color: #292000; |
| − | font-weight: 300;
| + | border: none; |
| | + | font-size: 2rem; |
| | + | } |
| | + | #HQ_page td |
| | + | { |
| | + | color: #292000; |
| | + | border: none; |
| | + | font-family: 'Didact Gothic'; |
| | + | font-size: 2rem; |
| | } | | } |
| | | | |
| − | h2 {
| + | #HQ_page table |
| − | margin-bottom: 30px;
| + | { |
| − | color: #4679bd;
| + | border: none; |
| − | font-weight: 400;
| + | |
| − | text-align: center; | + | |
| | } | | } |
| | | | |
| − | p.footer {
| + | figcaption |
| − | margin-bottom: 20px;
| + | { |
| − | color: #999999;
| + | |
| − | font-size: 18px;
| + | |
| | text-align: center; | | text-align: center; |
| | + | /* font-weight: bold; */ |
| | + | font-size: 1.5rem; |
| | + | color: #292000; |
| | } | | } |
| | | | |
| − | /* -----------------------------------------------
| + | figure img |
| − | * Timeline
| + | { |
| − | * --------------------------------------------- */
| + | max-width: 100%; |
| − | .timeline {
| + | transform: scale(0.9, 0.9); |
| − | list-style: none; | + | display: block; |
| − | padding: 10px 0; | + | margin-left: auto; |
| − | position: relative; | + | margin-right: auto; |
| − | font-weight: 300; | + | |
| | } | | } |
| − | .timeline:before {
| + | |
| − | top: 0;
| + | a, a:focus, a:hover, li > a |
| − | bottom: 0;
| + | { |
| − | position: absolute;
| + | color: #e35c5c; |
| − | content:" "; | + | |
| − | width: 2px;
| + | |
| − | background: #ffffff;
| + | |
| − | left: 50%;
| + | |
| − | margin-left: -1.5px;
| + | |
| | } | | } |
| − | .timeline > li { | + | .col-md-4 a{ |
| − | margin-bottom: 20px; | + | color: #e35c5c; |
| − | position: relative;
| + | |
| − | width: 50%;
| + | |
| − | float: left;
| + | |
| − | clear: left;
| + | |
| | } | | } |
| − | .timeline > li:before, .timeline > li:after { | + | .nav > li > a:focus, .nav > li > a:hover, .nav-pills > li.active > a |
| − | content:" ";
| + | { |
| − | display: table; | + | background-color: #e35c5c; |
| | } | | } |
| − | .timeline > li:after {
| + | |
| − | clear: both;
| + | #hq_page p |
| | + | { |
| | + | font-size: 2rem; |
| | } | | } |
| − | .timeline > li:before, .timeline > li:after {
| + | div p, ul li, ol li |
| − | content:" "; | + | { |
| − | display: table;
| + | color: #292000; |
| | } | | } |
| − | .timeline > li:after { | + | |
| − | clear: both;
| + | ul.checked, ul.question, ul.dot |
| | + | { |
| | + | list-style: none; |
| | } | | } |
| − | .timeline > li > .timeline-panel { | + | |
| − | width: calc(100% - 25px);
| + | ul.checked li, ul.question li, ul.dot li |
| − | width: -moz-calc(100% - 25px);
| + | { |
| − | width: -webkit-calc(100% - 25px);
| + | font-family: 'Didact Gothic'; |
| − | float: left;
| + | font-size: 16px; |
| − | border: 1px solid #dcdcdc;
| + | |
| − | background: #ffffff;
| + | |
| − | position: relative;
| + | |
| | } | | } |
| − | .timeline > li > .timeline-panel:before { | + | |
| − | position: absolute;
| + | ul.checked li:before { |
| − | top: 26px;
| + | position: absolute; |
| − | right: -15px;
| + | margin-left: -1.3em; |
| − | display: inline-block;
| + | font-weight: bold; |
| − | border-top: 15px solid transparent;
| + | |
| − | border-left: 15px solid #dcdcdc;
| + | content: "\2713"; |
| − | border-right: 0 solid #dcdcdc;
| + | color: darkgreen; |
| − | border-bottom: 15px solid transparent;
| + | |
| − | content:" ";
| + | |
| | } | | } |
| − | .timeline > li > .timeline-panel:after { | + | |
| − | position: absolute;
| + | ul.question li:before { |
| − | top: 27px;
| + | position: absolute; |
| − | right: -14px;
| + | margin-left: -1.3em; |
| − | display: inline-block;
| + | font-weight: bold; |
| − | border-top: 14px solid transparent;
| + | |
| − | border-left: 14px solid #ffffff;
| + | content: "?"; |
| − | border-right: 0 solid #ffffff;
| + | color: #3c0e09; |
| − | border-bottom: 14px solid transparent;
| + | |
| − | content:" ";
| + | |
| | } | | } |
| − | .timeline > li > .timeline-badge { | + | |
| − | color: #ffffff;
| + | ul.dot li:before { |
| − | width: 24px;
| + | position: absolute; |
| − | height: 24px;
| + | margin-left: -1.3em; |
| − | line-height: 50px;
| + | font-weight: bold; |
| − | text-align: center;
| + | |
| − | position: absolute;
| + | content: "\25A0"; |
| − | top: 16px;
| + | color: #292000; |
| − | right: -12px;
| + | |
| − | z-index: 100;
| + | |
| | } | | } |
| − | .timeline > li.timeline-inverted > .timeline-panel {
| + | |
| − | float: right;
| + | #right-menu |
| | + | { |
| | + | position: fixed; |
| | } | | } |
| − | .timeline > li.timeline-inverted > .timeline-panel:before {
| + | |
| − | border-left-width: 0;
| + | |
| − | border-right-width: 15px;
| + | |
| − | left: -15px;
| + | |
| − | right: auto;
| + | |
| − | }
| + | |
| − | .timeline > li.timeline-inverted > .timeline-panel:after {
| + | |
| − | border-left-width: 0;
| + | |
| − | border-right-width: 14px;
| + | |
| − | left: -14px;
| + | |
| − | right: auto;
| + | |
| − | }
| + | |
| − | .timeline-badge > a {
| + | |
| − | color: #ffffff !important;
| + | |
| − | }
| + | |
| − | .timeline-badge a:hover {
| + | |
| − | color: #dcdcdc !important;
| + | |
| − | }
| + | |
| − | .timeline-title {
| + | |
| − | margin-top: 0;
| + | |
| − | color: inherit;
| + | |
| − | }
| + | |
| − | .timeline-heading h4 {
| + | |
| − | font-weight: 400;
| + | |
| − | padding: 0 15px;
| + | |
| − | color: #4679bd;
| + | |
| − | }
| + | |
| − | .timeline-body > p, .timeline-body > ul {
| + | |
| − | padding: 10px 15px;
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | .timeline-footer {
| + | |
| − | padding: 5px 15px;
| + | |
| − | background-color:#f4f4f4;
| + | |
| − | }
| + | |
| − | .timeline-footer p { margin-bottom: 0; }
| + | |
| − | .timeline-footer > a {
| + | |
| − | cursor: pointer;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | .timeline > li.timeline-inverted {
| + | |
| − | float: right;
| + | |
| − | clear: right;
| + | |
| − | }
| + | |
| − | .timeline > li:nth-child(2) {
| + | |
| − | margin-top: 60px;
| + | |
| − | }
| + | |
| − | .timeline > li.timeline-inverted > .timeline-badge {
| + | |
| − | left: -12px;
| + | |
| − | }
| + | |
| − | .no-float {
| + | |
| − | float: none !important;
| + | |
| − | }
| + | |
| − | @media (max-width: 767px) {
| + | |
| − | ul.timeline:before {
| + | |
| − | left: 40px;
| + | |
| − | }
| + | |
| − | ul.timeline > li {
| + | |
| − | margin-bottom: 0px;
| + | |
| − | position: relative;
| + | |
| − | width:100%;
| + | |
| − | float: left;
| + | |
| − | clear: left;
| + | |
| − | }
| + | |
| − | ul.timeline > li > .timeline-panel {
| + | |
| − | width: calc(100% - 65px);
| + | |
| − | width: -moz-calc(100% - 65px);
| + | |
| − | width: -webkit-calc(100% - 65px);
| + | |
| − | }
| + | |
| − | ul.timeline > li > .timeline-badge {
| + | |
| − | left: 28px;
| + | |
| − | margin-left: 0;
| + | |
| − | top: 16px;
| + | |
| − | }
| + | |
| − | ul.timeline > li > .timeline-panel {
| + | |
| − | float: right;
| + | |
| − | }
| + | |
| − | ul.timeline > li > .timeline-panel:before {
| + | |
| − | border-left-width: 0;
| + | |
| − | border-right-width: 15px;
| + | |
| − | left: -15px;
| + | |
| − | right: auto;
| + | |
| − | }
| + | |
| − | ul.timeline > li > .timeline-panel:after {
| + | |
| − | border-left-width: 0;
| + | |
| − | border-right-width: 14px;
| + | |
| − | left: -14px;
| + | |
| − | right: auto;
| + | |
| − | }
| + | |
| − | .timeline > li.timeline-inverted {
| + | |
| − | float: left;
| + | |
| − | clear: left;
| + | |
| − | margin-top: 30px;
| + | |
| − | margin-bottom: 30px;
| + | |
| − | }
| + | |
| − | .timeline > li.timeline-inverted > .timeline-badge {
| + | |
| − | left: 28px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | .st { text-decoration: line-through; }
| + | |
| − | sup { margin-right: 0.5em; }
| + | |
| | </style> | | </style> |
| | + | <div class="column"> |
| | + | <div class="row"> |
| | + | <div class="col-md-8"> |
| | + | <br> |
| | + | <h2>Important Dates</h2> |
| | + | <br><br> |
| | + | <p>01/05/2016 Team Registration for iGEM deadline</p> |
| | + | <p>30/06/2016 InterLab Sign-up Deadline</p> |
| | + | <p>01/07/2016 Project Description Deadline</p> |
| | + | <p>02/07/2016 <a href="https://2016.igem.org/Team:Newcastle/Collaborations">European Teams Meet Up in Paris</a></p> |
| | + | <p>15/07/2016 About our Lab Form Deadline</p> |
| | + | <p>15/07/2016 About our Project Form Deadline</p> |
| | + | <p>28/07/2016 <a href="https://2016.igem.org/Team:Newcastle/Collaborations">Scottish Teams Meet Up in Edinburgh</a></p> |
| | + | <p>12/08/2016 Track Selection Deadline – Foundational Advance</p> |
| | + | <p>12/08/2016 <a href="https://igem.org/Team.cgi">Title and Abstract Deadline</a></p> |
| | + | <p>17/08/2016 – 18/08/2016 <a href="https://2016.igem.org/Team:Newcastle/Collaborations">UK Teams Meet Up in Westminster, London</a></p> |
| | + | <p>25/08/2016 <a href="https://2016.igem.org/Team:Newcastle/Collaborations">Edinburgh Undergraduate Team Visits Newcastle</a></p> |
| | + | <p>31/08/2016 Giant Jamboree Registration Deadline</p> |
| | + | <p>02/09/2016 <a href="https://2016.igem.org/Team:Newcastle/InterLab">InterLab Data Deadline</a></p> |
| | + | <p>09/09/2016 Team Rosters Deadline</p> |
| | + | <p>16/09/2016 <a href="https://2016.igem.org/Team:Newcastle/Notebook/Safety">Final Safety Form Deadline</a></p> |
| | + | <p>07/10/2016 Team Banners Deadline</p> |
| | + | <p>14/10/2016 <a href="https://igem.org/2016_Judging_Form?id=1895">Judging Form Deadline</a></p> |
| | + | <p>19/10/2016 Wiki Freeze</p> |
| | + | <p>21/10/2016 <a href="http://parts.igem.org/cgi/dna_transfer/batch_list.cgi?group_id=2361">Part Submission Deadline</a></p> |
| | + | <p>27/10/2016 – 31/10/2016 Giant Jamboree 2016 @ Hynes Convention Center, Boston, MA</p> |
| | | | |
| − | <h2>Super Simple Bootstrap Responsive Timeline</h2>
| |
| − |
| |
| − | <ul class="timeline">
| |
| − | <li>
| |
| − | <div class="timeline-badge">
| |
| − | <a><i class="fa fa-circle" id=""></i></a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>Timeline Event</h4>
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p>Invitamus me testatur sed quod non dum animae tuae lacrimis ut libertatem deum rogus aegritudinis causet. Dicens hoc contra serpentibus isto.</p>
| |
| − | </div>
| |
| − | <div class="timeline-footer">
| |
| − | <p class="text-right">Feb-21-2014</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | <li class="timeline-inverted">
| |
| − | <div class="timeline-badge">
| |
| − | <a><i class="fa fa-circle invert" id=""></i></a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>Timeline Event</h4>
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p></p>
| |
| − | </div>
| |
| − | <div class="timeline-footer">
| |
| − | <p class="text-right">Feb-23-2014</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | <li>
| |
| − | <div class="timeline-badge">
| |
| − | <a><i class="fa fa-circle" id=""></i></a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>Timeline Event</h4>
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p>Advenientibus aliorum eam ad per te sed. Facere debetur aut veneris accedens.</p>
| |
| − | </div>
| |
| − | <div class="timeline-footer">
| |
| − | <p class="text-right">Feb-23-2014</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | <li class="timeline-inverted">
| |
| − | <div class="timeline-badge">
| |
| − | <a><i class="fa fa-circle invert" id=""></i></a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>Timeline Event</h4>
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p>Volvitur ingreditur id ait mea vero cum autem quod ait Cumque ego illum vero cum unde beata. Commendavi si non dum est in. Dionysiadem tuos ratio puella ut casus, tunc lacrimas effunditis magister cives Tharsis. Puellae addita verbaque' capellam sanctissima quid, apollinem existimas filiam rex cum autem quod tamen adnuente rediens eam est se in. Peracta licet ad nomine Maria non ait in modo compungi mulierem volutpat.</p>
| |
| − | </div>
| |
| − | <div class="timeline-footer">
| |
| − | <p class="text-right">Feb-27-2014</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | <li>
| |
| − | <div class="timeline-badge">
| |
| − | <a><i class="fa fa-circle" id=""></i></a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>Timeline Event</h4>
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p>Adfertur guttae sapientiae ducitur est Apollonius ut a a his domino Lycoridem in lucem. Theophile atque bona dei cenam veniebant est cum. Iusto opes mihi Tyrum in modo compungi mulierem ubi augue eiusdem ordo quos vero diam omni catervis famulorum. Bene dictis ut diem finito servis unde.</p>
| |
| − | </div>
| |
| − | <div class="timeline-footer">
| |
| − | <p class="text-right">Mar-01-2014</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | <li class="timeline-inverted">
| |
| − | <div class="timeline-badge">
| |
| − | <a><i class="fa fa-circle invert" id=""></i></a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>Timeline Event</h4>
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p>Crede respiciens loco dedit beneficio ad suis alteri si puella eius in. Acceptis codicello lenonem in deinde plectrum anni ipsa quod eam est Apollonius.</p>
| |
| − | </div>
| |
| − | <div class="timeline-footer primary">
| |
| − | <p class="text-right">Mar-02-2014</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="clearfix no-float"></li>
| |
| − | </ul>
| |
| − |
| |
| − | <p class="footer">Icons by <a href="http://fortawesome.github.io/Font-Awesome/">FontAwesome 4.1 Icons</a>.<br />
| |
| − | Created by <a href="http://jenniferperrin.com">Jennifer Perrin</a>
| |
| − | </p>
| |
| − |
| |
| − | <body>
| |
| | </body> | | </body> |
| | </html> | | </html> |
