Difference between revisions of "Team:BostonU"

Line 128: Line 128:
 
height: 100%;
 
height: 100%;
 
bottom: 0;
 
bottom: 0;
−
background: blue;
+
background: #f8f9f9;
 
border: none;
 
border: none;
 
position: absolute;
 
position: absolute;
Line 138: Line 138:
 
z-index: 1;
 
z-index: 1;
 
}
 
}
 +
  #slide-up-footer {
 +
    position: absolute;
 +
    bottom: 0pt;
 +
    width:100%;
 +
    height:15%;  /* Height of the footer */
 +
    text-align: center;
 +
    font-family: Arial, sans-serif;
 +
    font-size: 120%;
 +
    text-align: center;
 +
    text-decoration: none !important;
 +
    text-transform: uppercase;
 +
    font-weight: bold;
 +
    color: #610B0C;
 +
  }
 +
  #slide-up-footer div {
 +
    position: relative;
 +
width:100%;
 +
height: 50%;
 +
text-align: center;
 +
  }
 
/* ANIMATIONS */
 
/* ANIMATIONS */
 
.menu-column:hover .dropdown-content {display: block;}
 
.menu-column:hover .dropdown-content {display: block;}
Line 188: Line 208:
 
</div>
 
</div>
 
<div class="slide-up-div">
 
<div class="slide-up-div">
−
<a class="wordmark"><img src="https://static.igem.org/mediawiki/2017/d/de/T--BostonU--LandingPageLogo1.svg"></img></a>
+
<a class="wordmark"><img src="https://static.igem.org/mediawiki/2017/4/41/T--BostonU--LandingPageLogoRed.svg"></img></a>
 
<h3>Our Project</h3>
 
<h3>Our Project</h3>
 
<p>This could be a description of our project with hyperlinks to additional information</p>
 
<p>This could be a description of our project with hyperlinks to additional information</p>
−
<a class="div-slide-down-button">Slide Down Button</a>
+
    <div id="slide-up-footer">
 +
      <div></div>
 +
      <div><a class="div-slide-down-button">CLOSE</a></div>
 +
    </div>
 
</div>
 
</div>
 
</div>
 
</div>
−
<script type="text/jHavascript">
+
<script type="text/javascript">
 
$(document).ready(function(){
 
$(document).ready(function(){
 
$(".div-slide-up-button").click(function(){
 
$(".div-slide-up-button").click(function(){

Revision as of 13:39, 7 August 2017