|
|
(148 intermediate revisions by 3 users not shown) |
Line 1: |
Line 1: |
− | {{:Team:Manchester/Templates/NavBar2}} | + | {{:Team:Manchester/Templates/NavBar}} |
| {{ManchesterMobile}} | | {{ManchesterMobile}} |
| <html> | | <html> |
Line 21: |
Line 21: |
| | | |
| .description, .description div { | | .description, .description div { |
− | height: auto | + | height: auto; |
| } | | } |
| | | |
Line 29: |
Line 29: |
| } | | } |
| | | |
− | @-webkit-keyframes blink {
| + | .floatleft1 { |
− | 0% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| + | float: right!important; |
− | 24% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| + | |
− | 25% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| + | |
− | 100% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| + | |
| } | | } |
| | | |
− | @-moz-keyframes blink {
| + | .projectlink img:hover { |
− | 0% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| + | opacity: 0.7; |
− | 24% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| + | text-decoration: bold; |
− | 25% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| + | |
− | 100% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| + | |
| } | | } |
| | | |
− | @-o-keyframes blink {
| + | a:hover { |
− | 0% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| + | color: #0600ff; |
− | 24% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| + | text-decoration: none; |
− | 25% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;} | + | |
− | 100% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;} | + | |
| } | | } |
| | | |
− | @keyframes blink {
| |
− | 0% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| |
− | 24% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| |
− | 25% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| |
− | 100% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| |
− | }
| |
− |
| |
− | .light1 {
| |
− | -webkit-animation: blink 4s steps(4,end) 0s infinite normal;
| |
− | -moz-animation: blink 4s steps(4,end) 0s infinite normal;
| |
− | -o-animation: blink 4s steps(4,end) 0s infinite normal;
| |
− | animation: blink 4s steps(4,end) 0s infinite normal;
| |
− | }
| |
− |
| |
− | .light2 {
| |
− | -webkit-animation: blink 4s steps(4,end) 1s infinite normal;
| |
− | -moz-animation: blink 4s steps(4,end) 1s infinite normal;
| |
− | -o-animation: blink 4s steps(4,end) 1s infinite normal;
| |
− | animation: blink 4s steps(4,end) 1s infinite normal;
| |
− | }
| |
− |
| |
− | .light3 {
| |
− | -webkit-animation: blink 4s steps(4,end) 2s infinite normal;
| |
− | -moz-animation: blink 4s steps(4,end) 2s infinite normal;
| |
− | -o-animation: blink 4s steps(4,end) 2s infinite normal;
| |
− | animation: blink 4s steps(4,end) 2s infinite normal;
| |
− | }
| |
− |
| |
− | .light4 {
| |
− | -webkit-animation: blink 4s steps(4,end) 3s infinite normal;
| |
− | -moz-animation: blink 4s steps(4,end) 3s infinite normal;
| |
− | -o-animation: blink 4s steps(4,end) 3s infinite normal;
| |
− | animation: blink 4s steps(4,end) 3s infinite normal;
| |
− | }
| |
| | | |
− | @media (max-width: 1000px) { | + | @media (max-width: 900px) { |
| specialh1 { | | specialh1 { |
| font-size: 35px!important; | | font-size: 35px!important; |
Line 96: |
Line 55: |
| } | | } |
| | | |
| + | #bannercontent { |
| + | height: 65vh; |
| + | padding-top: 35vh |
| + | } |
| } | | } |
| </style> | | </style> |
Line 103: |
Line 66: |
| <body> | | <body> |
| | | |
− | <div style="background-color:#c5e1e6"> | + | <div style="background-color:#fafdfd"> |
| + | |
| + | <center> |
| + | <a class="projectlink" href= " https://2017.igem.org/Team:Manchester/Description "><div id="bannermain" class="clear" style="margin-top:-5px; background-color: #c5e1e6"> |
| + | <div id="bannercontent"> |
| + | <center> |
| + | <specialh2 style="text-transform: lowercase; letter-spacing: 0.5em;"> |
| + | <br><b> |
| + | Recover • Remediate • Recycle</b> |
| + | </specialh2> |
| + | </center> |
| + | </div> |
| + | </div> |
| + | </a> |
| + | </center> |
| + | |
| + | <div class="col-md-12 clear"> |
| + | |
| + | <center> |
| + | <h2>Giant Jamboree Result</h2> |
| + | |
| + | <img src="https://static.igem.org/mediawiki/2017/3/37/T--Manchester--TeamphotoatBoston.jpg" style="width: 100%; max-width: 500px"> |
| + | |
| + | <p>We won Gold Medal and our project was nominated for the best environmental track project in overgrad category!</p> |
| + | <p>We had fun and we hope everyone else did too! =D</p> |
| + | <p>Go iGEM!</p> |
| + | </center> |
| + | </div> |
| + | |
| + | <div class="clear"><br/><br/></div> |
| | | |
| </body> | | </body> |