Difference between revisions of "Template:East Chapel Hill"

Line 57: Line 57:
  
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
−
+
#sideMenu, #top_title, .patrollink  {display:none;}
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
−
        #sideMenu, #top_title, .patrollink  {display:none;}
+
 
#content { margin: auto; padding:0px; width:100%;} /*-left: 50px; margin-top:-7px; margin-right: 0px*/
 
#content { margin: auto; padding:0px; width:100%;} /*-left: 50px; margin-top:-7px; margin-right: 0px*/
 
body {background-color:white; }
 
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
Line 80: Line 79:
 
overflow-y: auto;
 
overflow-y: auto;
 
overflow-x: hidden;
 
overflow-x: hidden;
−
padding: 0px;
+
padding:0px;
 
position:fixed;  
 
position:fixed;  
 
left:0%;
 
left:0%;
Line 211: Line 210:
 
width: 30%;  
 
width: 30%;  
 
}
 
}
−
 
  
  
Line 217: Line 215:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
/* CONTENT OF THE PAGE */
 
/* CONTENT OF THE PAGE */
 +
 +
/*SLIDESHOW*/
 +
 +
* {box-sizing: border-box}
 +
body {font-family: Verdana, sans-serif; margin:0}
 +
.mySlides {display: none}
 +
img {vertical-align: middle;}
 +
 +
/* Slideshow container */
 +
.slideshow-container {
 +
  max-width: 1000px;
 +
  position: relative;
 +
  left: 120px;
 +
  margin: auto;
 +
}
 +
 +
/* Next & previous buttons */
 +
.prev, .next {
 +
  cursor: pointer;
 +
  position: absolute;
 +
  top: 50%;
 +
  width: auto;
 +
  padding: 16px;
 +
  margin-top: -22px;
 +
  color: white;
 +
  font-weight: bold;
 +
  font-size: 18px;
 +
  transition: 0.6s ease;
 +
  border-radius: 0 3px 3px 0;
 +
}
 +
 +
/* Position the "next button" to the right */
 +
.next {
 +
  right: 0;
 +
  border-radius: 3px 0 0 3px;
 +
}
 +
 +
/* On hover, add a black background color with a little bit see-through */
 +
.prev:hover, .next:hover {
 +
  background-color: rgba(0,0,0,0.8);
 +
}
 +
 +
/* Caption text */
 +
.text {
 +
  color: #f2f2f2;
 +
  font-size: 15px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  bottom: 8px;
 +
  width: 100%;
 +
  text-align: center;
 +
}
 +
 +
/* Number text (1/3 etc) */
 +
.numbertext {
 +
  color: #f2f2f2;
 +
  font-size: 12px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  top: 0;
 +
}
 +
 +
/* The dots/bullets/indicators */
 +
.dot {
 +
  cursor: pointer;
 +
  height: 15px;
 +
  width: 15px;
 +
  margin:auto;
 +
  background-color: #bbb;
 +
  border-radius: 50%;
 +
  display: inline-block;
 +
  transition: background-color 0.6s ease;
 +
}
 +
 +
.active, .dot:hover {
 +
  background-color: #717171;
 +
}
 +
 +
/* Fading animation */
 +
.fade {
 +
  -webkit-animation-name: fade;
 +
  -webkit-animation-duration: 1.5s;
 +
  animation-name: fade;
 +
  animation-duration: 1.5s;
 +
}
 +
 +
@-webkit-keyframes fade {
 +
  from {opacity: .4}
 +
  to {opacity: 1}
 +
}
 +
 +
@keyframes fade {
 +
  from {opacity: .4}
 +
  to {opacity: 1}
 +
}
 +
 +
/* On smaller screens, decrease text size */
 +
@media only screen and (max-width: 300px) {
 +
  .prev, .next,.text {font-size: 11px}
 +
}
  
  
Line 223: Line 321:
 
/* general wrapper for the content */
 
/* general wrapper for the content */
 
.igem_2018_team_content {
 
.igem_2018_team_content {
−
background-color:#030b16;  
+
background-color:white;  
−
display:block;
+
display:block er43w2;
−
                float:right;
+
 
width: 87%;
 
width: 87%;
 
}
 
}
Line 348: Line 445:
 
/*main layout class */
 
/*main layout class */
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {  
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {  
−
float:right;
+
float:left;
 
margin: 1% 2%;
 
margin: 1% 2%;
−
padding: 0px;
+
padding: 150px;
 
}
 
}
  
Line 510: Line 607:
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
 
−
<head>
 
−
 
−
<!-- This tells the browser that your page is responsive -->
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
 
−
</head>
 
−
 
−
 
−
 
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
<!--- Menu --->
 
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
 
−
 
−
<head>
 
−
  <meta charset="utf-8">
 
−
  <meta name="viewport" content="width=device-width, initial-scale=1">
 
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
−
 
−
  <style>
 
−
    .navbar {margin: 12px 0 0 0; padding: 4px; border-radius: 0; width: 100%; }
 
−
 
−
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #000;  /*Sets the text hover color on navbar*/}
 
−
 
−
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > 
 
−
    a:hover, .navbar-default .navbar-nav > .active > a:focus {
 
−
    color: white; /*BACKGROUND color for active*/background-color: #ffe400;}
 
−
 
−
    .navbar-default { background-color: #2b7a78;border-color: #2b7a78; }
 
−
 
−
  .dropdown-menu > li > a:hover,
 
−
  .dropdown-menu > li > a:focus {
 
−
    color: #262626;text-decoration: none;
 
−
    background-color: #66CCFF;  /*change color of links in drop down here*/}
 
−
 
−
    .nav > li > a:hover,
 
−
    .nav > li > a:focus {
 
−
    text-decoration: none;
 
−
    background-color: silver; /*Change rollover cell color here*/}
 
−
 
−
 
−
  .navbar-default .navbar-nav > li > a {
 
−
  color: white; /*Change active text color here*/}
 
−
 
−
  .navbar-default .navbar-brand>img {height: 48px;width: auto; margin-top: -8px;}
 
−
 
−
  .row {display: table;}
 
−
 
−
  .row [class*="col-"] {float: none; display: table-cell;vertical-align: top; }
 
−
 
−
  body {background-color: #3aafa9;}
 
−
 
 
−
  h1,h2{color:#ffe400;}
 
−
 
−
  </style>
 
−
 
−
 
−
</head>
 
−
<body>
 
−
 
−
 
−
<nav class="navbar navbar-default  navbar-fixed-top">
 
−
  <div class="navbar-header">
 
−
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 
−
        <span class="icon-bar"></span>
 
−
        <span class="icon-bar"></span>
 
−
        <span class="icon-bar"></span>
 
−
      </button>
 
−
      <a class="navbar-brand">
 
−
          <img src="https://static.igem.org/mediawiki/2017/6/65/T--East_Chapel_Hill--Icon-new.png">
 
−
      </a>
 
−
  </div>
 
−
  <div class="collapse navbar-collapse" id="myNavbar">
 
−
    <ul class="nav navbar-nav navbar-right">
 
−
        <li class="active" ><a href="https://2017.igem.org/Team:East_Chapel_Hill">Home</a></li>
 
−
        <li class="dropdown">
 
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2017.igem.org/Team:East_Chapel_Hill/Team">Team
 
−
        <span class="caret"></span></a>
 
−
        <ul class="dropdown-menu">
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Team">Members</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Attributions">Attributions</a></li>
 
−
        </ul>
 
−
        </li>
 
−
        <li class="dropdown">
 
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2017.igem.org/Team:East_Chapel_Hill/Design">Project
 
−
        <span class="caret"></span></a>
 
−
        <ul class="dropdown-menu">
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Design">Design and Method</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Notebook">Lab Notebook</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Composite_Part">Composite Part</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Contribution">Contribution</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Safety">Safety</a></li>
 
−
        </ul>
 
−
        </li>
 
−
        <li class="dropdown">
 
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2017.igem.org/Team:East_Chapel_Hill/Results">Results
 
−
        <span class="caret"></span></a>
 
−
        <ul class="dropdown-menu">
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Results">Results and Future Directions</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Demonstrate">Demonstrate</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Measurement">Measurement</a></li>
 
−
        </ul>
 
−
        </li>
 
−
        <li class="dropdown">
 
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2017.igem.org/Team:East_Chapel_Hill/HP/Silver">Human Practices
 
−
        <span class="caret"></span></a>
 
−
        <ul class="dropdown-menu">
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/HP/Silver">HP Silver</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/HP/Gold_Integrated">HP Gold</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Engagement">Engagement</a></li>       
 
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Collaborations">Collaborations</a></li>
 
−
        </ul>
 
−
        </li>
 
−
    </ul>
 
−
  </div>
 
−
</nav>
 
−
 
−
 
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
<!--- Content of the page  --->
 
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
 
−
 
−
<div class="igem_2018_team_content">
 
−
<div class="igem_2018_team_column_wrapper">
 
−
<div class="clear extra_space"></div>
 
−
<div class="clear extra_space"></div>
 

Revision as of 14:45, 26 June 2018