Difference between revisions of "Team:Macquarie Australia/Collaborations"

(Prototype team page)
 
Line 1: Line 1:
−
{{Macquarie_Australia}}
+
{{Macquarie Australia/CSS}}
 +
 
 
<html>
 
<html>
  
  
  
−
<div class="column full_size judges-will-not-evaluate">
+
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet">  
−
<h3>★  ALERT! </h3>
+
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
  
  
−
<div class="clear"></div>
 
  
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<style>
 +
DO NOT REMOVE
 +
#content {
 +
    width: 100vw;
 +
    margin: 0;
 +
    padding: 0;
 +
}
  
−
<div class="column full_size">
+
/* Clear the default wiki settings */
−
<h1>Collaborations</h1>
+
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
body {background-color: #f2f2f2; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
<p>
+
/********************************* DEFAULT WIKI SETTINGS  ********************************/
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
/*FROM STYLESHEET*/
−
</p>
+
   
 +
.dropdown-menu {
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 0;
 +
  z-index: 1000;
 +
  display: none;
 +
  float: left;
 +
  min-width: 160px;
 +
  padding: 5px 0;
 +
  margin: 2px 0 0;
 +
  font-size: 14px;
 +
  text-align: left;
 +
  list-style: none;
 +
  background-color: #fff;
 +
  -webkit-background-clip: padding-box;
 +
          background-clip: padding-box;
 +
  border: 1px solid #ccc;
 +
  border: 1px solid rgba(0, 0, 0, .15);
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 +
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 +
}
 +
/* Prevents header buttons fron turning dark upon hover */
 +
    .navbar-default .navbar-nav > li > a:hover,
 +
.navbar-default .navbar-nav > li > a:focus {
 +
  color: #333;
 +
  background-color: transparent;
 +
}
  
−
<h3>Silver Medal Criterion #2</h3>
+
/* Makes menu buttons stick to right hand side of screen */
−
<p>
+
@media (min-width: 768px) {
−
Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.  
+
  .navbar-left {
−
</p>
+
    float: left !important;
−
</div>
+
  }
 +
  .navbar-right {
 +
    float: right !important;
 +
    margin-right: -5px;
 +
  }
 +
  .navbar-right ~ .navbar-right {
 +
    margin-right: 0;
 +
  }
 +
}
  
−
<div class="column two_thirds_size">
+
/* Makes drop-downs appear left to right instead of up to down */
 +
@media (min-width: 768px) {
 +
  .navbar-nav {
 +
    float: left;
 +
    margin: 0;
 +
  }
 +
  .navbar-nav > li {
 +
    float: left;
 +
  }
 +
  .navbar-nav > li > a {
 +
    padding-top: 15px;
 +
    padding-bottom: 15px;
 +
  }
 +
}
  
−
<h4> Which other teams can we work with? </h4>
+
/* Formatting navbar */
−
<p>  
+
.navbar-fixed-top {
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
  top: 0;
−
</p>
+
  border-width: 0 0 1px;
 +
}
 +
.navbar-fixed-top,
 +
.navbar-fixed-bottom {
 +
  position: fixed;
 +
  right: 0;
 +
  left: 0;
 +
  z-index: 1030;
 +
}
 +
@media (min-width: 768px) {
 +
  .container > .navbar-header,
 +
  .container-fluid > .navbar-header,
 +
  .container > .navbar-collapse,
 +
  .container-fluid > .navbar-collapse {
 +
    margin-right: 0;
 +
    margin-left: 0;
 +
  }
 +
}
 +
a {
 +
  color: #337ab7;
 +
  text-decoration: none;
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-header {
 +
    float: left;
 +
  }
 +
}
 +
.nav > li > a {
 +
  position: relative;
 +
  display: block;
 +
  padding: 10px 15px;
 +
}
 +
.nav {
 +
  padding-left: 0;
 +
  margin-bottom: 0;
 +
  list-style: none;
 +
}
 +
.dropdown-menu > li > a {
 +
  display: block;
 +
  padding: 3px 20px;
 +
  clear: both;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  color: #333;
 +
  white-space: nowrap;
 +
}
 +
.dropup,
 +
.dropdown {
 +
  position: relative;
 +
}
 +
.caret {
 +
  display: inline-block;
 +
  width: 0;
 +
  height: 0;
 +
  margin-left: 2px;
 +
  vertical-align: middle;
 +
  border-top: 4px dashed;
 +
  border-top: 4px solid \9;
 +
  border-right: 4px solid transparent;
 +
  border-left: 4px solid transparent;
 +
}
 +
.img-responsive,
 +
.thumbnail > img,
 +
.thumbnail a > img,
 +
.carousel-inner > .item > img,
 +
.carousel-inner > .item > a > img {
 +
  display: block;
 +
  max-width: 100%;
 +
  height: auto;
 +
}
  
−
<p>
+
 
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
 
−
</p>
+
/*END FROM SPREADHEET */
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/* Navbar */
 +
 
 +
.some-padding {
 +
  padding-top: 20px;
 +
}
 +
 
 +
 
 +
/*adds necessary spacing to the navbar so links display correctly below the black iGEM navbar */
 +
 
 +
.navbar-default {
 +
  background-color: white;
 +
  border-color: rgba(255, 255, 255, 0.3);
 +
  font-family: 'Quicksand', sans-serif;
 +
  font-weight: 300;
 +
  -webkit-transition: all 0.35s;
 +
  -moz-transition: all 0.35s;
 +
  transition: all 0.35s;
 +
}
 +
 
 +
.navbar-default .navbar-header .navbar-brand {
 +
  color: #52658F;
 +
  font-family: 'Quicksand', sans-serif;
 +
  font-weight: bold;
 +
  font-size: 22px;
 +
  display: inline-block;
 +
}
 +
 
 +
 
 +
.navbar-default .navbar-header .navbar-brand:hover,
 +
.navbar-default .navbar-header .navbar-brand:focus {
 +
  color: #52658F;
 +
}
 +
 
 +
.navbar-default .navbar-header .navbar-toggle {
 +
  font-family: 'Quicksand', sans-serif;
 +
  font-weight: 400;
 +
  font-size: 14px;
 +
  color: #333A56;
 +
  text-transform: uppercase;
 +
}
 +
 
 +
.navbar-default .nav > li > a,
 +
.navbar-default .nav > li > a:focus {
 +
  text-transform: uppercase;
 +
  font-family: 'Quicksand', sans-serif;
 +
  font-weight: 400;
 +
  font-size: 14px;
 +
  color: #222222;
 +
}
 +
 
 +
.navbar-default .nav > li > a:hover,
 +
.navbar-default .nav > li > a:focus:hover {
 +
  color: #333A56;
 +
}
 +
 
 +
.navbar-default .nav > li.active > a,
 +
.navbar-default .nav > li.active > a:focus {
 +
  color: #333A56 !important;
 +
  background-color: white;
 +
}
 +
 
 +
.navbar-default .nav > li.active > a:hover,
 +
.navbar-default .nav > li.active > a:focus:hover {
 +
  background-color: white;
 +
}
 +
 
 +
.navbar-default .navbar-toggle {
 +
  border: none;
 +
}
 +
 
 +
.navbar-default .dropdown-menu > li > a:hover,
 +
.navbar-default .dropdown-menu > li > a:focus {
 +
  background-color: #F7F5E6;
 +
  color: #333A56;
 +
}
 +
 
 +
.navbar-default .dropdown-menu {
 +
  border: none;
 +
  outline: none;
 +
  font-family: 'Quicksand', sans-serif;
 +
  text-transform: uppercase;
 +
  font-weight: 400 !important;
 +
  font-size: 13.2px !important;
 +
  color: #222222;
 +
}
 +
 
 +
#sitelinks a {
 +
  display: inline-block;
 +
  border: 3px solid #fff;
 +
  color: #fff;
 +
  padding: 10px 20px;
 +
  margin: 10px
 +
}
 +
 
 +
#footer {
 +
  background: #333;
 +
  text-align: center;
 +
  color: #fff;
 +
  line-height: 50px;
 +
}
 +
 
 +
#footer a {
 +
  color: #fff;
 +
}
 +
 
 +
 
 +
 
 +
   
 +
/*END FROM STYLESHEET*/
 +
 
 +
body {
 +
  background-color: #f2f2f2;
 +
  width: 100%;
 +
  z-index: 3;
 +
}
 +
 
 +
 
 +
#bodyContent {
 +
  padding-right: 0px;
 +
  padding-top: 50px;
 +
  width: 100 vw;
 +
  background-color: #f2f2f2;
 +
}
 +
 
 +
#globalWrapper {
 +
  font-size: 100%;
 +
  padding: 0px;
 +
  margin: -10px -20px -20px -20px;
 +
}
 +
 
 +
.navbar-collapse {
 +
  padding-left: 0px;
 +
}
 +
 
 +
#banner {
 +
  margin-top: 50px;
 +
}
 +
 
 +
#sideMenu {
 +
  margin-top: 10px;
 +
}
 +
 
 +
.dropdown-menu li:hover .sub-menu {
 +
  visibility: visible;
 +
}
 +
 
 +
.dropdown:hover .dropdown-menu {
 +
  display: block;
 +
}
 +
 
 +
.navbar-nav .dropdown-menu,
 +
.navbar .dropdown-menu {
 +
  margin-top: 0;
 +
}
 +
 
 +
 
 +
/********************************* CONTENT OF THE PAGE ********************************/
 +
 
 +
 
 +
/* Wrapper for the content */
 +
 
 +
.content_wrapper {
 +
  width: 85%%;
 +
  margin-left: 150px;
 +
  padding: 0px;
 +
  float: left;
 +
  background-color: #f2f2f2;
 +
}
 +
 
 +
 
 +
/*LAYOUT */
 +
 
 +
 
 +
.full_size {
 +
  width: 100%;
 +
}
 +
 
 +
.full_size img {
 +
  padding: 10px 15px;
 +
  width: 96.5%;
 +
}
 +
 
 +
.half_size {
 +
  width: 50%;
 +
}
 +
 
 +
.half_size img {
 +
  padding: 10px 15px;
 +
  width: 93%;
 +
}
 +
 
 +
.img:hover {
 +
  opacity: 1.0 !important;
 +
}
 +
 
 +
 
 +
 
 +
/*STYLING */
 +
 
 +
 
 +
/* styling for the titles */
 +
 
 +
.content_wrapper h1,
 +
.content_wrapper h2 {
 +
  padding: 5px 15px;
 +
  border-bottom: 0px;
 +
  color: #72c9b6;
 +
}
 +
 
 +
.content_wrapper h3,
 +
.content_wrapper h4,
 +
.content_wrapper h5,
 +
.content_wrapper h6 {
 +
  padding: 5px 15px;
 +
  border-bottom: 0px;
 +
  color: #000000;
 +
}
 +
 
 +
 
 +
/* font and text */
 +
 
 +
.content_wrapper p {
 +
  padding: 0px 15px;
 +
  font-size: 13px;
 +
  font-family: 'Roboto', sans-serif;
 +
}
 +
 
 +
 
 +
/* Links */
 +
 
 +
.content_wrapper a {
 +
  font-weight: bold;
 +
  text-decoration: underline;
 +
  text-decoration-color: #72c9b6;
 +
  color: #72c9b6;
 +
  -webkit-transition: all 0.4s ease;
 +
  -moz-transition: all 0.4s ease;
 +
  -ms-transition: all 0.4s ease;
 +
  -o-transition: all 0.4s ease;
 +
  transition: all 0.4s ease;
 +
}
 +
 
 +
 
 +
/* hover for the links */
 +
 
 +
.content_wrapper a:hover {
 +
  text-decoration: none;
 +
  color: #000000;
 +
}
 +
 
 +
 
 +
/* non numbered lists */
 +
 
 +
.content_wrapper ul {
 +
  padding: 0px 20px;
 +
  font-size: 13px;
 +
  font-family: 'Quicksand', sans-serif;
 +
}
 +
 
 +
 
 +
/* numbered lists */
 +
 
 +
.content_wrapper ol {
 +
  padding: 0px;
 +
  font-size: 13px;
 +
  font-family: 'Quicksand', sans-serif;
 +
}
 +
 
 +
 
 +
/* Table */
 +
 
 +
.content_wrapper table {
 +
  width: 97%;
 +
  margin: 15px 10px;
 +
  border: 1px solid #d3d3d3;
 +
  border-collapse: collapse;
 +
}
 +
 
 +
 
 +
/* table cells */
 +
 
 +
.content_wrapper td {
 +
  padding: 10px;
 +
  vertical-align: text-top;
 +
  border: 1px solid #d3d3d3;
 +
  border-collapse: collapse;
 +
}
 +
 
 +
 
 +
/* table headers */
 +
 
 +
.content_wrapper th {
 +
  padding: 10px;
 +
  vertical-align: text-top;
 +
  border: 1px solid #d3d3d3;
 +
  border-collapse: collapse;
 +
  background-color: #f2f2f2;
 +
}
 +
 
 +
 
 +
/* Button class */
 +
 
 +
.button_click {
 +
  margin: 10px auto;
 +
  padding: 15px;
 +
  width: 12%;
 +
  text-align: center;
 +
  font-weight: bold;
 +
  background-color: #72c9b6;
 +
  cursor: pointer;
 +
  -webkit-transition: all 0.4s ease;
 +
  -moz-transition: all 0.4s ease;
 +
  -ms-transition: all 0.4s ease;
 +
  -o-transition: all 0.4s ease;
 +
  transition: all 0.4s ease;
 +
}
 +
 
 +
 
 +
/* button class on hover */
 +
 
 +
.button_click:hover {
 +
  background-color: #000000;
 +
  color: #72c9b6;
 +
}
 +
 
 +
.top-pad {
 +
  padding: 35px;
 +
}
 +
 
 +
   
 +
   
 +
   
 +
/* NEW STUFF FROM CURRENT PAGE
 +
   
 +
 
 +
 
 +
/* side columns */
 +
.column.side.left {
 +
width: 20%;
 +
}
 +
 
 +
.column.side.right {
 +
width: 20%;
 +
}
 +
 
 +
/* main content */
 +
.column.middle {
 +
Width: 60%;
 +
min-height: 850px;
 +
 
 +
/* change the background image of the main column */
 +
background-size: contain;
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
}
 +
 
 +
/* Clear floats after the columns */
 +
.row:after {
 +
    content: "";
 +
    display: table;
 +
    clear: both;
 +
}
 +
 
 +
/* footer*/
 +
.footer {
 +
    background-color: #f2f2f2;
 +
    text-align: center;
 +
    padding: 35px;
 +
 
 +
}
 +
 
 +
.bio_paragraph{
 +
    box-sizing: border-box;
 +
    width: 100%;
 +
    float: right;   
 +
}
 +
 
 +
.bio_page_grid{
 +
    display: grid;
 +
    grid-template-columns: 50% 50%;
 +
    grid-template-rows: repeat(13, 50%);
 +
}
 +
 
 +
/********************************* RESPONSIVE STYLING ********************************/
 +
 
 +
 
 +
   
 +
/*ROTATING SCRIPT */
 +
.rotate {
 +
    -webkit-animation: spin .8s infinite linear;
 +
    animation: spin 20s infinite linear;
 +
}
 +
@-webkit-keyframes spin {
 +
    100% { -webkit-transform: rotate(360deg); }
 +
}
 +
@-moz-keyframes spin {
 +
    100% { -moz-transform: rotate(360deg); }
 +
}
 +
@keyframes spin {
 +
    100% {
 +
        -moz-transform:rotate(360deg);
 +
        -o-transform:rotate(360deg);
 +
        transform:rotate(360deg);
 +
    }
 +
}
 +
 
 +
   
 +
   
 +
</style>
 +
 
 +
 
 +
</head>
 +
 
 +
 
 +
 
 +
<body>
 +
 +
 +
  <nav class="navbar navbar-default navbar-fixed-top" style=" padding-top: 20px;">
 +
    <div class="container-fluid">
 +
      <div class="navbar-header">
 +
 
 +
        <a class="navbar-logo" href="https://2018.igem.org/Team:Macquarie_Australia">
 +
          <image class="img-responsive, rotate" src="https://static.igem.org/mediawiki/2018/3/3f/T--Macquarie_Australia--Logo_onlyMembrane.png" height="80" width="80">
 +
            </image>
 +
        </a>
 +
 
 +
      </div>
 +
      <div class="navbar-header" style="padding-top: 15px; padding-left: 15px;">
 +
        <a class="navbar-logo" href="https://2018.igem.org/Team:Macquarie_Australia">
 +
          <image class="img-responsive" src="https://static.igem.org/mediawiki/2018/2/25/T--Macquarie_Australia--Logo_onlyText.png" height="120" width="120">
 +
            </image>
 +
        </a>
 +
      </div>
 +
 
 +
      <div id="navbar" class="navbar-collapse collapse">
 +
        <ul class="nav navbar-nav navbar-right" style="margin-top: 15px;">
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/Team">Team<span class="caret"></span></a>
 +
            <ul class="dropdown-menu" style="left:0;">
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Collaborations">Collaborations</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Attributions">Attributions</a></li>
 +
            </ul>
 +
          </li>
 +
 
 +
 
 +
        <li class="dropdown">
 +
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/Project">Project<span class="caret"></span></a>
 +
            <ul class="dropdown-menu" style="left:0;">
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Description">Description</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Results">Results</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Demonstrate">Demonstrate</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Improve">Improve</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Safety">Saftey</a></li>
 +
            </ul>
 +
          </li>
 +
 
 +
        <li class="dropdown">
 +
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/Notebook">Notebook<span class="caret"></span></a>
 +
            <ul class="dropdown-menu" style="left:0;">
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Experiment">Experiment</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Interlab">Interlab</a></li>
 +
            </ul>
 +
          </li>
 +
 
 +
        <li class="dropdown">
 +
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/Parts">Parts<span class="caret"></span></a>
 +
            <ul class="dropdown-menu" style="left:0;">
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Parts">Parts Summary</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Composite_Parts">Composite Parts</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/Validation">Validation</a></li>
 +
            </ul>
 +
          </li>
 +
 
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/Human_practices">Human Practices <span class="caret"></span></a>
 +
            <ul class="dropdown-menu">
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/human_practices">Human Practices</a></li>
 +
              <li><a href="https://2018.igem.org/Team:Macquarie_Australia/human_practices">Integrated Practices</a></li>
 +
            </ul>
 +
          </li>
 +
 
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Macquarie_Australia/safety">Saftey </a>
 +
          </li>
 +
        </ul>
 +
      </div>
 +
      <!-- /.navbar-collapse -->
 +
    </div>
 +
    <!-- /.container-fluid -->
 +
    </nav>
 +
 
 +
 
 +
<!-- NEW CODE -->
 +
 
 +
 
 +
 
 +
<div>
  
 
</div>
 
</div>
  
 +
<div>
 +
<img src = "https://static.igem.org/mediawiki/2018/2/2d/T--Macquarie_Australia--Collaboration.png" style="width: 50%; margin-left: auto; margin-right: auto; display: block; padding-top: 100px">
 +
</div>
  
  
−
<div class="column third_size">
 
−
<p>
 
−
Here are some suggestions for projects you could work on with other teams:
 
−
</p>
 
  
−
<ul>
+
 
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
<div class="row">
−
<li> Characterize another team's part </li>
+
<div class="column side left">
−
<li> Debug a construct </li>
+
</div>
−
<li> Model or simulate another team's system </li>
+
−
<li> Test another team's software</li>
+
<div class="column middle">
−
<li> Help build and test another team's hardware project</li>
+
 
−
<li> Mentor a high-school team</li>
+
</div>
−
</ul>
+
 +
<div class="column side right">
 +
 
 +
</div>
 
</div>
 
</div>
 +
 +
   
 +
   
 +
   
 +
   
 +
 +
   
  
  
 +
    </body>
 
</html>
 
</html>

Revision as of 11:04, 19 September 2018

Template:Macquarie Australia/CSS